cancel
Showing results for 
Search instead for 
Did you mean: 

Create Hamburger Menu Control

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.

Status: New
Comments
Level 8

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

 

Best regards,

Jorge Moreira

Level: Powered On

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

 

thx

 

Level: Powered On

Could you please send the same to me as well?

sukonda@microsoft.com

Level 8

Could you send it to me also ?

skmckenzie@chemco.com

Level: Powered On

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

Level: Powered On

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

Level: Powered On

I'd like it as well, please!

Thanks!

kcubxela@gmail.com

Level: Powered On

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

 

 

 

Level: Powered On

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 } ));

 

Level: Powered On

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