Skip to main content
Microsoft logo
Power Apps
    • AI Builder
    • Automate processes
    • Azure + Power Apps
    • Build apps
    • Connect data
    • Pages
    • Take a guided tour
  • Pricing
    • Overview
    • Become a Partner
    • Find a Partner
    • Find partner offers
    • Partner GTM Resources
    • Blog
    • Customer stories
    • Developer Plan
    • Documentation
    • For IT Leaders
    • Roadmap
    • Self-paced learning
    • Webinars
    • App development topics
    • Overview
    • Issues
    • Give feedback
    • Overview
    • Forums
    • Galleries
    • Submit ideas
    • User groups
    • Register
    • ·
    • Sign in
    • ·
    • Help
    Go To
    • Power Apps Community
    • Welcome to the Community!
    • News & Announcements
    • Get Help with Power Apps
    • Building Power Apps
    • Microsoft Dataverse
    • AI Builder
    • Power Apps Governance and Administering
    • Power Apps Pro Dev & ISV
    • Power Apps Portals
    • Connector Development
    • Power Query
    • GCC, GCCH, DoD - Federal App Makers (FAM)
    • Power Platform Integration - Better Together!
    • Power Platform Integrations
    • Power Platform and Dynamics 365 Integrations
    • Community Blog
    • Power Apps Community Blog
    • Galleries
    • Community Connections & How-To Videos
    • Community App Samples
    • Webinars and Video Gallery
    • Canvas Apps Components Samples
    • Kid Zone
    • Emergency Response Gallery
    • Events
    • 2021 MSBizAppsSummit Gallery
    • 2020 MSBizAppsSummit Gallery
    • 2019 MSBizAppsSummit Gallery
    • Community Engagement
    • Community Calls Conversations
    • Experimental
    • Error Handling
    • Power Apps Experimental Features
    • Community Support
    • Community Accounts & Registration
    • Using the Community
    • Community Feedback
    cancel
    Turn on suggestions
    Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
    Showing results for 
    Search instead for 
    Did you mean: 
    • Power Apps Community
    • Galleries
    • Canvas Apps Components Samples
    • Re: 2 level Navigation Menu Component

    Re: 2 level Navigation Menu Component

    09-16-2021 04:04 AM

    ArpanBala
    Helper I
    4379 Views
    LinkedIn LinkedIn Facebook Facebook Twitter Twitter
    RezaDorrani
    RezaDorrani Community Champion
    Community Champion
    • Mark as New
    • Bookmark
    • Subscribe
    • Mute
    • Subscribe to RSS Feed
    • Permalink
    • Print
    • Report Inappropriate Content

    2 level Navigation Menu Component

    ‎03-01-2021 06:54 AM

    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

    Menu Component.msapp
    Labels:
    • Labels:
    • Components
    Message 1 of 4
    5,487 Views
    9 Kudos
    Reply
    • All forum topics
    • Previous Topic
    • Next Topic
    ArpanBala
    ArpanBala Helper I
    Helper I
    • Mark as New
    • Bookmark
    • Subscribe
    • Mute
    • Subscribe to RSS Feed
    • Permalink
    • Print
    • Report Inappropriate Content

    ‎09-16-2021 04:04 AM

    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?

    Message 2 of 4
    4,379 Views
    1 Kudo
    Reply
    Kiki1
    Kiki1 Helper I
    Helper I
    • Mark as New
    • Bookmark
    • Subscribe
    • Mute
    • Subscribe to RSS Feed
    • Permalink
    • Print
    • Report Inappropriate Content

    ‎04-14-2022 06:32 AM

    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?

    Message 3 of 4
    2,909 Views
    0 Kudos
    Reply
    MathewM
    MathewM Helper I
    Helper I
    In response to ArpanBala
    • Mark as New
    • Bookmark
    • Subscribe
    • Mute
    • Subscribe to RSS Feed
    • Permalink
    • Print
    • Report Inappropriate Content

    ‎05-26-2022 02:48 PM

    @ArpanBala 

    Any chance you figured this out?

    Message 4 of 4
    2,584 Views
    0 Kudos
    Reply

    Power Platform

    • Overview
    • Power BI
    • Power Apps
    • Power Pages
    • Power Automate
    • Power Virtual Agents

    Browse

    • Sample apps
    • Services

    Downloads

    • Windows
    • iOS
    • Android

    Learn

    • Documentation
    • Support
    • Community
    • Give feedback
    • Blog
    • Partners

    • © 2023 Microsoft
    • Follow Power Apps
    • Privacy & cookies
    • Manage cookies
    • Terms of use
    • Trademarks
    California Consumer Privacy Act (CCPA) Opt-Out Icon Your California Privacy Choices