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: Powered On

It would be greate if microsoft can give directly Add Hamburger Control option in PowerApps.

 

meanwhile we can use steps mentioned in below post to create hamburger menu: 

https://powerusers.microsoft.com/t5/Expressions-and-Formulas/Create-hamburger-menu-tips-amp-tricks/m...

 

 

Level: Powered On

Hello @Luis8888

Read your post with great interest.

Implemented App instructions.

App: OnStart
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: ScreenListeSocietes } ));

Added screens,
• Sociétés,
• Personnes,
• Affaires,
• Mes Mails,
• Mes Tâches,
• Home

 

Added Hamburger icon then
• OnVisible: UpdateContext({menuVisible: false).

 

Hamburger
• OnSelect: If(menuVisible,UpdateContext({menuVisible: false}),UpdateContext({menuVisible: true}))

 

Added a list box
• Items Tablemenu
• Visible menuVisible
• On Select Navigate(ListBoxMenu.Selected.ecran, ScreenTransition.Cover)

Sadly, the Listbox fails to display any menu items for user to select.


HJamburger.png

Clearly, I’m missing something.

Any thoughts?

Thank you.

Regards
Christopher

Level: Powered On

@CABIRD I had the same problem. Apparently OnStart only executes when a PowerApp is first loaded. It does not get executed each time you press the play button. Saving my app, closing it, and reopening it made the OnStart event execute, which in turn populated the table and the list box.

Level: Powered On

@JasonKing, just found this one out myself, you can also run the OnStart by right-clicking on the App on the side menu.  This way, you don't have to keep reopening the app to test.


image.png