Power Apps Tip: STOP USING A HOMEPAGE FULL OF BUTTONS!

There is never a reason to have the home page of your app be just a wall of buttons. It slows down the users flow and gives them an easy place to bounce out of your app.

You should always start the user off as close to their most common task as you can, and provide navigation to any less used functionality.

So how do we keep all those links without a pointless button-filled home screen? With menus.

Create a collection that will hold the menu information we want to display:

ClearCollect(
    MENUDATA,
    {
        TITLE:"START",
        IMAGE:Icon_Start,
        LINK:START,
        POSITION:2
    },
    {
        TITLE:"MENU",
        IMAGE:Icon_Menu,
        LINK:MENU,
        POSITION:3
    },
    {
        TITLE:"GALLERY",
        IMAGE:Icon_Gallery,
        LINK:GALLERY,
        POSITION:4
    },
    {
        TITLE:"POPUP",
        IMAGE:Icon_PopUp,
        LINK:POPUP,
        POSITION:5
    }
    )

Add a Gallery with the correct controls to display the menu.

  • Items attribute: Sort(MENUDATA,POSITION,Ascending)
  • Visible attribute: varMenu

Add a button to show and hide the menu when pressed. Leverage your users familiarity with existing design language and use a menu icon that is widely known:

  • OnSelect attribute: Set(varMenu,!varMenu)

If you would like a more detailed explanation of how to implement these types of menus, they formed part of my talk at the Power Platform Conference 2020. You can find there details HERE.

Leave a Reply

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

WordPress.com Logo

You are commenting using your WordPress.com 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