Skip to main content

Notifications

2 level Navigation Menu Component

RezaDorrani Profile Picture Posted 01 Mar 2021 by RezaDorrani 12,141

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

  • MathewM Profile Picture MathewM
    Posted 26 May 2022 at 21:48:14
    2 level Navigation Menu Component

    @ArpanBala 

    Any chance you figured this out?

  • Kiki1 Profile Picture Kiki1 30
    Posted 14 Apr 2022 at 13:32:17
    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 16 Sep 2021 at 11:04:56
    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?