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: Header & Menu Component

    Re: Header & Menu Component

    01-07-2022 05:24 AM

    arlgroup
    Helper I
    220 Views
    LinkedIn LinkedIn Facebook Facebook Twitter Twitter
    IvanMislav
    IvanMislav Advocate I
    Advocate I
    • Mark as New
    • Bookmark
    • Subscribe
    • Mute
    • Subscribe to RSS Feed
    • Permalink
    • Print
    • Report Inappropriate Content

    Header & Menu Component

    ‎07-26-2019 02:22 AM

    A Header & Menu control is a simple navigation component that can be reused on many screens in PowerApps applications.  Menu items can be additionally configured to navigate to other screens or to trigger any other action.

    Properties

    header-Menu-custom-properties

    PROPERTY

    DESCRIPTION

    Color

    Sets the text and icon color.

    Background Color

    Sets the menu background-color

    List Items

    Table (list of menu items)

    Title

    Defines the title text

    Back Button

    Sets the visibility of the back button

    Header Height

    Sets the header height

    Item Height

    Sets the menu item height

     

    Additional configuration (Example)

    OnStart, create a collection you will use to reference the screens.

    Add the action to OnSelect property of the gallery button to navigate the screens:

    Navigate(LookUp(colScreens,ThisItem.Value = displayName,screen))

     

    *v2 Version Edit 

    - Added Header Height custom property

    - Added Item Height custom property

    - Bug Fix - Entire component is now resizing depending on the state (Expanded/Collapsed) to fix the overlay issue. 

     

    NOTE: Header component should always be on the front of the layout of the screen.

    Preview file
    117 KB
    HeaderMenu_v2.msapp
    Labels:
    • Labels:
    • Featured
    Message 1 of 11
    19,916 Views
    9 Kudos
    Reply
    • All forum topics
    • Previous Topic
    • Next Topic
    • « Previous
      • 1
      • 2
    • Next »
    arlgroup
    arlgroup Helper I
    Helper I
    • Mark as New
    • Bookmark
    • Subscribe
    • Mute
    • Subscribe to RSS Feed
    • Permalink
    • Print
    • Report Inappropriate Content

    ‎01-07-2022 05:24 AM

    I tried menu and add label. When menu is expanding label is visible (see attached image). Old label and icon are not.

    Please help.

     

    Thanks

    Preview file
    11 KB
    Message 11 of 11
    220 Views
    0 Kudos
    Reply
    • « Previous
      • 1
      • 2
    • Next »

    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