Skip to main content

Notifications

Announcements

Welcome to the Power Platform Communities
News and Announcements icon
Power Platform Community / Gallery / Canvas Apps Components Samples / 2 level Navigation Menu Com...

2 level Navigation Menu Component

8430 Views
RezaDorrani Profile Picture Posted by RezaDorrani 12,136

Hello everyone,

 

This video is a step-by-step walkthrough of building a responsive PowerApps Navigation Menu Component / Left Navigation component / Menu Bar Component. We will build a 2 level Navigation Menu.

 

menu final.gif

 

PowerApps Menu navigation component can be reused across multiple screens or Apps.

Canvas components make it easier to build reusable controls, such as navigation menus and dialogs.
The ‘master’ / ‘instance’ behavior makes it easy to reuse them as building blocks inside the app or shared between apps.
By creating a component library, app makers easily share and update one or more components with other makers.

 

Download component: https://github.com/rdorrani/PowerApps/tree/master/Components/LefNavV2

 

Component Features:
✅ Dynamic 2 level navigation
✅ Change configuration using input properties
✅ Show hide Power Apps Hamburger Menu Component

 

#PowerApps #Components #PowerAppsMenu

Thanks,
Reza Dorrani, MVP
YouTube
Twitter

Categories:

Comments

*This post is locked for comments

  • MathewM Profile Picture MathewM
    Posted at
    2 level Navigation Menu Component

    @ArpanBala 

    Any chance you figured this out?

  • Kiki1 Profile Picture Kiki1 30
    Posted at
    2 level Navigation Menu Component

    0E6BF940-E7CF-4BBB-A4A7-673626C557A4.jpeg

    Hi Reza, thanks for steps. I followed your tutorial and created leftnavmenu. It displays well on component test screen but when I import it to tablet canvas app the subtitles display as such. What do I need to adjust?

  • ArpanBala Profile Picture ArpanBala 24
    Posted at
    2 level Navigation Menu Component

    How do i make the 2 level menu responsive? I mean to say that show the 2 level menu only when I select the parent menu. How do I do that?