Create Hamburger Menu Control

[Anonymous]

One of the control usually found in mobile apps is hamburger menu, if that control is created it would be very helpful to navigate to different screens.

[jmoreira_myp]

You can create it by yourself.
If you gave me your e-mail I can send you one example.

Best regards,

Jorge Moreira

[jeanshak]

how does it work? Hamburger Menu?
Please send me an example to 2@coro.de

thx

[SubhashKonda]

Could you please send the same to me as well?

sukonda@microsoft.com

[skmcken]

Could you send it to me also ?

skmckenzie@chemco.com

[Anonymous]

Please send it to me also - would be great 🙂 thanks in advance -- matthias.erdin@fgg.ch

[shiburk]

could you please sent to me as well ??? shiburk@gmail,com

[Buck]

I'd like it as well, please!

Thanks!

kcubxela@gmail.com

[Anonymous]

How to create an hamburger menu in PowerApps

Fitst create a table with your menu target screen and text libelle (for example):

Set(TableMenu,Table({ libelle: "Sociétés", ecran: ScreenListeSocietes },
{ libelle: "Personnes", ecran: ScreenListePersonnes },
{ libelle: "Affaires", ecran: ScreenListeAffaires },

{ libelle: "Mes Mails", ecran: ScreenListeMail },

{ libelle: "Mes Tâches", ecran: ScreenListeTaches },
{libelle: "Home", ecran: Home } ));

Insert the hamburger Icon and place it on the upper left of the screen,

create a Context variable menuvisible:false in Screen OnVisible: UpdateContext({menuVisible: false) 

Write into the Hamburger to toggle the menu OnSelect: If(menuVisible,UpdateContext({menuVisible: false}),UpdateContext({menuVisible: true}))

Create a listBox with your Menu Targets in the listbox Items :  TableMenu

Write in the visible property menuVisible (then it will when you click Hamburger show or hide the menu)

Write in ListBox On Select : Navigate(ListBoxMenu.Selected.ecran, ScreenTransition.Cover)

put the listbox just below the Hamburger

That'is

 

[jeanshak]

Where do I place the table create?
What does "Text libelle" mean?
What are this for objects: ScreenListeSocietes , ScreenListePersonnes  etc .... ???
Thx for an Answer! 

Text libelle (for example):

Set(TableMenu,Table({ libelle: "Sociétés", ecran: ScreenListeSocietes },
{ libelle: "Personnes", ecran: ScreenListePersonnes },
{ libelle: "Affaires", ecran: ScreenListeAffaires },

{ libelle: "Mes Mails", ecran: ScreenListeMail },

{ libelle: "Mes Tâches", ecran: ScreenListeTaches },
{libelle: "Home", ecran: Home } ));

[Anonymous]

Where do I place the table create?

OnStart in First Screen

What does "Text libelle" mean?

Text Wording  DispplayName the text line of your menu

What are this for objects: ScreenListeSocietes , ScreenListePersonnes  etc .... ???
Thx for an Answer! 

Thoses are the name of MY screens where I want to navigate when the user click the menu Line

Text libelle (for example):

Set(TableMenu,Table({ libelle: "Sociétés", ecran: ScreenListeSocietes },
{ libelle: "Personnes", ecran: ScreenListePersonnes },
{ libelle: "Affaires", ecran: ScreenListeAffaires },

{ libelle: "Mes Mails", ecran: ScreenListeMail },

{ libelle: "Mes Tâches", ecran: ScreenListeTaches },
{libelle: "Home", ecran: Home } ));

This means I Have 5 lines on my menu

Sociétes (companies)

Personnes (People)

Affaire (Offers)

Mes mails (My Mails)

Mes Taches (My Tasks)

Home (Home)

And When you click one of thoses line in the menu

It Displays the corresponding Screen (like if you have a button do do it)

Regards