How to build a Responsive Navigation Menu in Power Apps

In this Power Apps video tutorial, we will learn how to build a Responsive Navigation Menu in Power Apps that seamlessly adapts to various screen sizes and orientations.
Watch how the same Power Apps Navigation menu effortlessly transforms into a Top Navigation for Mobile Devices and a Left Navigation for Tablets or Desktop experiences.
Unlock the potential of responsive design containers in Power Apps and use the power of the Modern Tab list control to build your own dynamic Navigation Menu control.

#PowerApps #NavigationMenu #PowerPlatform #Microsoft

More Navigation Menus for Power Apps:

⬇️ Download Power App link in Community Tab for Channel Members (Silver Club 🥈 or higher)

Table of Contents:
00:00 - Introduction to Power Apps Responsive Navigation Menu control
00:38 - How to build a Responsive Power App
02:20 - Power Apps Responsive Container control Properties
05:55 - How to Build a Dynamic Responsive Power Apps Navigation Menu control
08:42 - Add data to Navigation menu
13:03 - Responsive Power Apps Navigation (Left and Top navigation) demo

[edwardhodson]

Reza, with his usual heroics! Absolutely amazing work as always. Thank you for producing such well refined, high quality content.

[SourceCodeUniversity]

This video is GOLD. The way you explain is just perfect.

[spontaneousorder]

Fantastic video. The only change I made on the setup was to use the enum instead of Size = 1. I think Size = ScreenSize.Small is easier to read.

[_JezzaG]

Awesome, thanks Reza! Just redesigning one of my apps and this is exactly what I need.

[swatisoneji]

Awesome as usual, very much informative, Thank you so much for sharing !

[Rasec-Gonzalez]

Your videos have helped me a lot, thank you for each one of them and especially for your way of explaining every detail. Greetings from Chile <3

[abhisheksagar]

I've used Tab List before in my project but this feels more...Neat😅. Thanks Reza, your videos are always very helpful.

[erakkarthik]

Thank you Reza.. You are really helpful.. I was able to complete a complex Power App project by referring your videos...

[dougydoe]

I've just been able to watch this video after bookmarking it on Monday. This is super cool and using the screen size feature to get the required responsiveness is something that would have save me hours if I hade seen this video earlier. 🤣🤣. Thanks for sharing and always a delight to watch your videos.

[steventhawe]

I appreciate your clear explanations, Reza. Your tutorials make it easy for me to understand, and my work has become much more manageable as a result. I am sincerely grateful for your assistance.

[hamytube]

Thank you @Reza for your videos. Very helpful.

[ellimalasan]

So much easy to follow and understand your work Sir Reza. Really great!

[techdrift]

Awesome video, succint and very useful will definitely be implemented

[spotnuru]

Just Easy and Super Step by Step Tutorial

[Learnpowerplatform]

Another masterpiece.very informative, 👍👍

[freddierocha]

Hello Reza! On my phone or preview performed in the application, my screen does not go to horizontal mode. Anything I need to set up?

[aderibigbeadeyinka]

Thank you Reza for this tutorial. can you do a video to show us how to add gallery to the third container and make its responsive?

[mikedsjr]

Ah. Ok. My guesses were wrong. Now I know take what I learned and I apply the methods to what I’m doing.

[VickneshWaran]

Amazing content and great explanation as Always 👍

[hitasajil]

Great video, Req: May be in your next video we will be able to see toggle icon to collapse and expand the menu :)