Power Apps Dynamic Navigation Menu Component

In this video, I will show how to create a fully dynamic Navigation Menu Component. We will go through a step-by-step walkthrough of building dynamic PowerApps Navigation Menu Component that can be used as Left Navigation, Top Navigation, and footer navigation.
You can use this approach to build navigation in the canvas app without components.
Recommendations to use components. Because with a component, you can build reusable controls that app users can reuse as per their app and business need.
Link to Dynamic Navigation Component : github.com/Dee...
Connect with me
Twitter: @deepak_s22
Website: www.deepakshri...
Facebook Page: / deepak-shrivastava-108...
#Components #PowerAppsMenu #PowerApps

[@Explorewithpooja_2]

Thanks for the video. May I know where have you defined the varcurrentmenu and varshowsm?

[@aminabintiali-470]

Many thanks Deepak. I'm able to manipulate my project based on your tutorial. Great job!!!

[@DeepakShrivastava]

You are most welcome

[@dileepkumarsingh3108]

Can you please tell me how to navigate into screen through sub menu items. For example by clicking on SM1 i want to navigate to next screen.

[@devanand2831]

Hi Deepak, This is really a great piece of work. This tutorial answered many of my questions relevant to Menu and Sub Menu Navigation. Thanks for making this video!

[@DeepakShrivastava]

Thank You!

[@kooled2245]

Hi Deepak, Thank you for this wonderful Video, it's helpful to understand how to make navigation menu! But I followed every steps and somehow the bottom navigation menu isn't functioning as the same as you're showing on the video, can you help please! Highly appreciate!

[@vikramsingh-yl8rl]

Nice video, Deepak Sir. Was looking for this subject, and there you are with a wonderful explanation. May you have a wonderful year ahead. Keep educating...........

[@DeepakShrivastava]

Thanks a lot …keep watching 👍🏻

[@jorgedlf]

Very interesting. I believe i will adapt this for my needs.

[@colinadevivero]

Very nice work

[@DeepakShrivastava]

Thank You 🙏🏻

[@dimitridelizee3555]

Great video. Thank you for these explanations and this video which is really helpfull. I have a question. How can I click on the Submenu level to open another screen? Example : Screentogoto : 'HomeScreen'. Thank you for your answer.

[@DeepakShrivastava]

Thanks for Watching. Add the "NavLink" in submenu table (similar to Menu) and Use Navigate function to go to another screen on click of menu/submenu

[@teensbiblestudy6560]

@@DeepakShrivastava : navigate function is not supported

[@RyanBond]

Great work! It works really well. Thanks for providing the link to the component as well.

[@DeepakShrivastava]

You're welcome! Thank You.

[@ILifeToEnjoy]

Great Video, worked for myself aswell. Only one thing thats kinda annoying: Swapping between ppl doesnt really work smoothly. The Power App takes plenty of time loading in between different current users.. Any idea how i can reduce the loading time span?

[@sundrapillay6668]

Thanks Deepak for sharing

[@DeepakShrivastava]

My pleasure

[@ginnyvats7738]

Only one question how to import this in our canvas app whenever i try to import directly into my app component it shows this , "To import from the component libraries, save your library files to cloud and select get more components from the insert pane". what to do now sir

[@aforteza13]

I have the same problem :( And also there's an issue with the Microsoft Transalator

[@AR_1725]

HI Deepak, I have added in navigation to go to different screens through Menu, Submenus - However, when I return to a screen, the submenu is still showing. Is there a way to reset or hide submenu once an option has been clicked or screen changes? Thanks

[@umeshgaur6960]

Kudos to you, your contents very informative and easy to replicate..Thank you so much

[@DeepakShrivastava]

You are very welcome, Thanks for watching.

[@IMChrisThom]

How could you change your menu items based on a user. For example having an admin button that would be only accessable to managers

[@willswei3215]

Hi Deepak, thanks for sharing. Just have a question. when i use Top or Bottom Navigation,and click on menus(Calendar, Settings,Help) which don't have submenus the screen will turn blank, not sure if you are having the issue there.

[@tusharmehtadxb]

Awsomework,

[@DeepakShrivastava]

Thank you 🙏🏻

[@kevinjoseph9023]

Your kit is sweet!

[@DeepakShrivastava]

Thanks!

[@timothygalloway6323]

Where is the link for the SVG? I went to your github, but couldn't view the file in VSC or as a text file. Thanks.

[@hardingetaiwan1769]

Hello Deepak, can you provide me the SVG code for the 7 minutes 10 seconds in the video? Or where to get it? Thank you.

[@DeepakShrivastava]

I have added a link to component in video description , it include SVG as well.

[@tukaisvlog]

Where we need to declare varcurrentmenu variable?

[@prasenjitmukherjee5010]

One of the best tutorial and useful video that I have ever seen. Excellent Sir. Can I use different component for different screen,where Screen1 will contain left navigation,Screen2 contain Top navigation like this?Please guide me Sir.

[@DeepakShrivastava]

Thanks for watching. Yes you can use different component for different screens.

[@prasenjitmukherjee5010]

Not able to download from your link. Can you suggest please how to do it? Actually getting error msg while creating varcurrentsm and varshowmn. Where to initialise Sir during component creating time?

[@ThePaulseville]

Thank you for your great work Deepak. I'm very excited to try it out but when I try to import it to my component library, it errors with the message 'to import from component libraries save your library files to the cloud and select 'get more components' from the insert panel. Import it as an app and it errors with the message 'something went wrong. Please try again later'. Any chance you can export it to Github again?

[@DeepakShrivastava]

Yes it will try and reuplaod.

[@ayushkumar-vb2pu]

Hi Deepak There is an error in variables varcurrentmenu and varshowsm Can u elaborate on the video where u initialized them ?

[@DeepakShrivastava]

You should initialize it on App on start or screen OnVisible.

[@nurmaziah6848]

@@DeepakShrivastava how?

[@manojroy8862]

I'm getting error of TemplateWidth in Gallery_Menu at X Position so let me know that how to solve it?

[@DeepakShrivastava]

Hi Manoj , You can download the component and compare. you can find the link in video description.

[@manojroy8862]

@@DeepakShrivastava Thank you for your kind message and I checked that where I made mistake.Also, thank you for sharing component in video description.

[@akbarmahfuzalam]

Hey Deepak, Where is the SVG Icon code ?

[@DeepakShrivastava]

Hello Akbar, I have not used SVG , instead I used power apps Icons.

[@dileepkumarsingh3108]

Thank you so much but if I want to navigate to next screen through submenu for example SM1 .How it possible..

[@DeepakShrivastava]

Follow the same logic that you did for main menu. add navigate option in table data for sub meu and use navigate function on click of sub menu

[@dileepkumarsingh3108]

Ok thank you

[@rogersmendoza4620]

Nice video, but I couldn't get the code.

[@gregbarbeck241]

Use legacy ribbon to load this component

[@tigere3528]

You lost me at the variables, when did we define variables?

[@DeepakShrivastava]

Let me know what variable are you referring to ?

[@tigere3528]

Sorry, towards the end when you mention switch logic for submenu. I was creating the component inside teams so the pressing Alt and click was not triggering the submenu selection. When I realized, added the component to a regular screen then the selection interaction started working