Create a navigation menu using the Gallery Control

Gallery control in Power Apps is a control that contains other controls and shows a set of data. A Gallery control can show multiple records from a data source, and each record can contain multiple types of data. For example, you can use a Gallery control to show multiple contacts with each item showing contact information that includes a name, an address, and a phone number for each contact. Each data field appears in a separate control within the Gallery control. And you can configure those controls in its template. In this tutorial we will see how to create a navigation menu using the Gallery control.

How to create a navigation menu using the Gallery Control

  1. Add Vertical Gallery.
  2. Connect Data and Edit layout.
  3. Set the Size of the Gallery control item.
  4. Change the Fill color of the Gallery control and color of the Screen.
  5. Add a Rectangle and a Text label.
  6. Change the Size and Color of the Text label.
  7. Duplicate and rename the Screen.
  8. Add a Text label control in the Gallery control.
  9. Change the Text label control Text property.
  10. In the Gallery control change on the “OnSelect” property.
  11. Run an app.

Key properties of Gallery control

  1. Default – The item or record from the data source to be selected in the gallery when the app starts up.
  2. Items – The source of data that appears in a control such as a gallery, a list, or a chart.
  3. Selected – The selected item.
  4. DisplayMode – Whether the control allows user input (Edit), only displays data (View), or is disabled (Disabled).
  5. Fill – The background color of a control.
  6. Height – The distance between a control’s top and bottom edges.
  7. Visible – Whether a control appears or is hidden.
  8. Width – The distance between a control’s left and right edges.

Formulas in this tutorial

Microsoft Power Apps documentation: Gallery control in Power Apps

Facebook
Twitter
LinkedIn