Unanswered

Help with TabList with Left Navigation Menu

(0) Share

Report

Posted on by dylandavis09

438

I 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.png

Categories:

Building Power Apps

I have the same question (0)

All responses (3)

Answers (0)

ANB 7,250 Super User 2026 Season 1 on at

Like (0)

Report
Copy link

Link copied!

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

Was this reply helpful? Yes No
dylandavis09 438 on at

Like (0)

Report
Copy link

Link copied!

@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

Was this reply helpful? Yes No
ANB 7,250 Super User 2026 Season 1 on at

Like (0)

Report
Copy link

Link copied!

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

Was this reply helpful? Yes No