web
You’re offline. This is a read only version of the page.
close
Skip to main content

Announcements

Community site session details

Community site session details

Session Id :
Power Platform Community / Forums / Power Apps / Help with TabList with...
Power Apps
Unanswered

Help with TabList with Left Navigation Menu

(0) ShareShare
ReportReport
Posted on by 438

want to create a left navigation menu with a TabList for easy navigation. I am working on implementing smooth transitions: when I click the hamburger menu, it will display as a TabList. Clicking the hamburger menu again will close it. I'll provide an example to illustrate what I have in mind.

 

Screenshot 2023-12-31 at 1.14.33 AM.pngScreenshot 2023-12-31 at 1.14.12 AM.png

Categories:
I have the same question (0)
  • ANB Profile Picture
    7,250 Super User 2026 Season 1 on at

    Hi @dylandavis09 , Check this video from Reza which can help you build flyout menu component. 

    https://www.youtube.com/watch?v=3S0h2nODcxM

    -----------------------------------------------------------------------------------------------------------------------------

    I hope this helps.

    Please click Accept as solution ✅ if my post helped you solve your issue. This will help others find it more readily. It also closes the item. If the content was useful in other ways, please consider giving it Thumbs up.👍

    Thanks,
    ANB


    -----------------------------------------------------------------------------------------------------------------------------

    I hope this helps.

    Please click Accept as solution ✅ if my post helped you solve your issue. This will help others find it more readily. It also closes the item. If the content was useful in other ways, please consider giving it Thumbs up.👍

    Thanks,
    ANB


  • dylandavis09 Profile Picture
    438 on at

    @ANB, great! The assistance has been very helpful, but I'm encountering an issue. When I click on the hamburger icon, the transition starts with covering to the right and then uncovering to the right when closed. However, it is not as smooth as desired. Additionally, the red background fades – could you provide guidance on how to achieve a smoother transition and explain how the fading background works?

     

    The video link: https://drive.google.com/file/d/17R8KWE_eI1xyl2y61l3Zq3wUnQQPNp8m/view?usp=sharing

  • ANB Profile Picture
    7,250 Super User 2026 Season 1 on at

    Hi @dylandavis09, For that i need to look into that code that you have written. However, I can suggest few more videos that can help you.

    https://www.youtube.com/watch?v=dP74npyyvGc

    https://www.youtube.com/watch?v=NuHYKSQrnV0

    https://www.youtube.com/watch?v=TTStFpiczCk

     

    -----------------------------------------------------------------------------------------------------------------------------

    I hope this helps.

    Please click Accept as solution ✅ if my post helped you solve your issue. This will help others find it more readily. It also closes the item. If the content was useful in other ways, please consider giving it Thumbs up.👍

    Thanks,
    ANB


Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

Quick Links

Introducing the 2026 Season 1 community Super Users

Congratulations to our 2026 Super Users!

Kudos to our 2025 Community Spotlight Honorees

Congratulations to our 2025 community superstars!

Leaderboard > Power Apps

#1
WarrenBelz Profile Picture

WarrenBelz 248 Most Valuable Professional

#2
Kalathiya Profile Picture

Kalathiya 209 Super User 2026 Season 1

#3
VASANTH KUMAR BALMADI Profile Picture

VASANTH KUMAR BALMADI 195

Last 30 days Overall leaderboard