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
    • Webinars and Video Gallery
    • Create Expandable Menu in 5 Minutes Using Creator ...

    Create Expandable Menu in 5 Minutes Using Creator Kit | Episode 2

    12-08-2022 19:40 PM

    Dhruvin
    Helper III
    97 Views
    LinkedIn LinkedIn Facebook Facebook Twitter Twitter
    Dhruvin
    Dhruvin Helper III
    Helper III
    • Mark as New
    • Bookmark
    • Subscribe
    • Mute
    • Subscribe to RSS Feed
    • Permalink
    • Print
    • Report Inappropriate Content

    Create Expandable Menu in 5 Minutes Using Creator Kit | Episode 2

    ‎12-08-2022 07:40 PM

    Welcome to the Power Apps creator kit series. Welcome to the world of UI/UX of Power Apps. In this episode, we will talk about the Expandable Menubar component from the creator kit. Creator Kit provides many ready-to-use free PCF and Canvas Components. Today we will talk about one of the most interesting components - Menubar! Let's explore this in detail!

    Key Takeaways:


    ExpandMenu control (Experimental)
    Creator Kit Component
    Power Apps Creator Kit
    UI UX Tips and Tricks in Canvas App
    PCF Component in Canvas App
    Fluent UI Component in Canvas App
    Fluent UI Menubar in Canvas App.

     

    Reference Links:

    Expandable Menu documentation:
    https://learn.microsoft.com/en-us/power-platform/guidance/creator-kit/expandmenu?WT.mc_id=DX-MVP-500... 
    Theme Generator with creator kit:
    https://learn.microsoft.com/en-us/power-platform/guidance/creator-kit/theme?WT.mc_id=DX-MVP-5004429 
    Fluent UI Icons:
    https://uifabricicons.azurewebsites.net/ 
    *******
    Follow Dhruvin on Social Media:
    Follow my other channel for short content: @DigitalDhruvin

    Follow me on Instagram:
    https://www.instagram.com/powerplatformguy/ 

    Looking for a Consultancy? Connect Here!
    https://powerplatformtrainings.com/contact/ 

    Follow me on all social Media Handles:
    https://linktr.ee/dhruvin.shah 
    *******
    Download Creator Kit:
    https://appsource.microsoft.com/en-US/product/dynamics-365/microsoftpowercatarch.creatorkit1?tab=Ove...

    Reference:
    https://learn.microsoft.com/en-us/power-platform/guidance/creator-kit/overview?WT.mc_id=DX-MVP-50044... 

    *******

    UI/UX Power Apps with Creator Kit

    Episode 1 : Get Started with Creator Kit
    https://youtu.be/AKs3tmHsmGE 

    Episode 2: Create Expandable Menu in 5 Minutes Using Creator Kit
    https://youtu.be/hWMdkiq-1Tg 

    Episode 3: Create Breadcrumb Component in Power Apps | Episode 03
    https://youtu.be/PL6IXGBCv38 

     

    Chapters:
    00:00 Start
    00:21 Creator Kit - Expand Menu
    01:04 Import Expand Component
    01:48 Change Menu Option in Expand Menu
    02:26 Office UI Fabric Icon
    04:25 IsNavigationEnabled Property
    04:47 Change Theme for Creator Kit Component
    05:21 DefaultExpandMenu
    05:41 OnExpandSelect
    06:14 OnButtonSelect

     

    #powerapps #PowerPlatform #UIUX #CanvasApps #PCF #PowerAppsComponents #CanvasComponent #PowerAddicts #digitaldhruvin #dhruvinshah

    watch?v=hWMdkiq-1Tg

    Labels:
    • Labels:
    • Design Matters UX Tips
    • General PowerApps
    • Power Apps component framework
    • The Low Code Revolution
    Message 1 of 1
    97 Views
    0 Kudos
    Reply
    • All forum topics
    • Previous Topic
    • Next Topic

    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