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.

Advertisement