PowerApps Left Navigation Component

#PowerApps #PowerAppsMenu #Components

In this video on Left Navigation Component - PowerApps, we will go through a step by step walkthrough of building a responsive Left Navigation Component / Flyout component / Menu Bar Component in Power Apps.
PowerApps left navigation component can be reused across multiple screens or Apps.

Canvas components make it easier to build reusable controls, such as navigation menus and dialogs.

The ‘master’ / ‘instance’ behavior makes it easy to reuse them as building blocks inside the app or shared between apps.

By creating a component library, app makers easily share and update one or more components with other makers.

**** 2 things I missed showcasing in the video (It is part of the component available for download) which will highlight the current element selected in the Left Navigation Gallery
1) galNavigation Default property set to LookUp(LeftNavigation.NavItems,Screen=App.ActiveScreen)
2) rectSelected Visible property set to
ThisItem.IsSelected

[davidc]

This was an extraordinarily awesome tutorial. You explained it very clearly and I was able to learn a lot from doing exactly what you said to do. It worked the first time, which rarely happens! Thank you so much, Reza, for sharing your knowledge.

[paulorubebe]

I don't think you know how important you are to us, new developers. You are Amazing It was extremely helpful. Thank you so much!!!! I've subscribed, and I am ecstatic about watching other videos.

[anthonyleduc]

On the one hand, we have the super shane with exciting technical videos. On the other hand, we have the incredible reza that has the advantage of being comfortable in design and technique.
It's just amazing and it's so beautiful. And in addition it's super clear. I am not English and yet I understand almost everything. Thank you a thousand times reza

[dhubach]

You have completely taken my career to the next level. Raise incoming. Watch your videos every day! Please don't stop!!!

[asbjborg]

Thanks a lot for this tutorial, very helpful. You forgot to make the rectangle show only on selected screen. It's quite easy but I'll paste it here for other watchers.
On the rectangle element, set this code in the Visible controlfield:
If(App.ActiveScreen = ThisItem.Screen;true;false)

[Magayshibeo]

I have watch other YouTube video about left menu, but no one give me such details guide like yours, really really appreciated. Keep moving on with your amazing tutorial! Subscribed to your YouTube channel!!!

[mahenderasingh]

Very Nicely explained and easily understood even viewer has no knowledge of Power Apps. Please keep continue the great work to help community.

Mr. Reza you are Amazing, you are definitely the best, your presentations are direct to the point, we seek your presentation to learn one thing and we come out with 100 things.

[gregkdotcom]

Just discovered your channel an hour ago and I already anticipate I'm going to be binge-watching it. This video in particular is incredibly relevant to me and very well explained. Thanks!

[sashawarchoon]

This channel is the only thing you need in order to learn Power Platform! Really cool! Thanks to Reza

[mydwightstifler]

Jesus. This just opened my eyes wide open. Super great job, Reza!!

[BrendonBrooks]

Dude...this tutorial is the bees' knees. Fantastic job. Saved me a lot of time and frustration.

[Lagging]

Your work is truly commendable. So neat and accurate. I knew you're the guy when I saw your tutorial on uploading files to SharePoint document library through add an attachment control and gallery control. Keep up the good work 👍

[cristovaodarosa]

Mais uma grande aula!👏👏
Mesmo sem falar seu idioma tenho aproveitado as suas dicas.
obrigado.

[gerfer]

You are entitle for a medal
I already watched twice and took down notes, I am going to start duplicating what shown .
need to go through again because I am old and green
I take my hat for this- thanks

[emmettthompson]

Thank you Reza! Great tutorial!! I've already made and imported my own greatly modified navigation bar! It works!!!

[tristangeoffroy]

Hello Resa, thank you so much for this tutorial, like the others already said, you save us so much time, your explanations are crystal clear, and progressive.

[chrisproctor]

Another banger of a video! I am making sure to go and comment on the videos I watched to help you out!

[MattSchuessler]

Great Video! Thanks for making it! I was hoping you were going to include how to show which navigation item is active based on what screen you are on, but i believe it is as simple as this: Set the visable property of the Rectangle to If(App.ActiveScreen = ThisItem.Screen, true, false)

[liraspberry]

Thank you so much for the video! very detailed. I have learned a lot! It's awesome that you have been sharing your knowledge!!