Create your menus using a gallery in PowerApps

Quite a common task in PowerApps is to create a menu. You might already have figured out that a menu is easily created using a Gallery. Remember my recent post about galleries? Today I’m looking at some more advanced techniques related to navigation options within PowerApps.

First of all, I’m going to assume that you want to navigate to a screen every time someone clicks on a menu option. Also each menu option has a display text  that you want to appear on your screen in a separate section of the menu.

Your menu could look something like this:

I’ve now created a Gallery and I set the Items property to:

[{Display: "Backlog", Screen: ScreenBacklog}, {Display: "New", Screen: ScreenNew}, {Display: "Settings", Screen: ScreenSetting}]

Note that I’ve got a collection of display texts and screens in my PowerApp.

Within each menu option I’m displaying my display texts with ThisItem.Value.Display

The OnSelect for each menu item is set to Navigate(ThisItem.Value.Screen, Cover)

This way the menu is easy to expand. All I would have to do is include the details in my menu gallery to include another option.



Tags: ,

Please leave a comment or feedback

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.

%d bloggers like this: