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/DeepakS22/DPowerAp...
Connect with me
Twitter: @deepak_s22
Website: www.deepakshrivastava.com
Facebook Page: / deepak-shrivastava-108...
#Components #PowerAppsMenu #PowerApps

Пікірлер: 55

  • @RyanBond
    @RyanBond2 жыл бұрын

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

  • @DeepakShrivastava

    @DeepakShrivastava

    2 жыл бұрын

    You're welcome! Thank You.

  • @vikramsingh-yl8rl
    @vikramsingh-yl8rl2 жыл бұрын

    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

    @DeepakShrivastava

    2 жыл бұрын

    Thanks a lot …keep watching 👍🏻

  • @tusharmehtadxb
    @tusharmehtadxb2 жыл бұрын

    Awsomework,

  • @DeepakShrivastava

    @DeepakShrivastava

    2 жыл бұрын

    Thank you 🙏🏻

  • @jorgedlf
    @jorgedlf Жыл бұрын

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

  • @devanand2831
    @devanand283111 ай бұрын

    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

    @DeepakShrivastava

    11 ай бұрын

    Thank You!

  • @colinadevivero
    @colinadevivero2 жыл бұрын

    Very nice work

  • @DeepakShrivastava

    @DeepakShrivastava

    2 жыл бұрын

    Thank You 🙏🏻

  • @aminabintiali-470
    @aminabintiali-4702 жыл бұрын

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

  • @DeepakShrivastava

    @DeepakShrivastava

    2 жыл бұрын

    You are most welcome

  • @dileepkumarsingh3108

    @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.

  • @sundrapillay6668
    @sundrapillay66682 жыл бұрын

    Thanks Deepak for sharing

  • @DeepakShrivastava

    @DeepakShrivastava

    2 жыл бұрын

    My pleasure

  • @sarbashiskundu9323
    @sarbashiskundu93237 ай бұрын

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

  • @willswei3215
    @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.

  • @kevinjoseph9023
    @kevinjoseph90232 жыл бұрын

    Your kit is sweet!

  • @DeepakShrivastava

    @DeepakShrivastava

    2 жыл бұрын

    Thanks!

  • @umeshgaur6960
    @umeshgaur69602 жыл бұрын

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

  • @DeepakShrivastava

    @DeepakShrivastava

    2 жыл бұрын

    You are very welcome, Thanks for watching.

  • @ILifeToEnjoy
    @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?

  • @AR_1725
    @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

  • @IMChrisThom
    @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

  • @dimitridelizee3555
    @dimitridelizee35552 жыл бұрын

    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

    @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

    @teensbiblestudy6560

    Жыл бұрын

    @@DeepakShrivastava : navigate function is not supported

  • @prasenjitmukherjee5010
    @prasenjitmukherjee50102 жыл бұрын

    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

    @DeepakShrivastava

    2 жыл бұрын

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

  • @prasenjitmukherjee5010

    @prasenjitmukherjee5010

    2 жыл бұрын

    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?

  • @timothygalloway6323
    @timothygalloway63239 ай бұрын

    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.

  • @ginnyvats7738
    @ginnyvats77382 жыл бұрын

    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

    @aforteza13

    Жыл бұрын

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

  • @ThePaulseville
    @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

    @DeepakShrivastava

    Жыл бұрын

    Yes it will try and reuplaod.

  • @tukaisvlog
    @tukaisvlog Жыл бұрын

    Where we need to declare varcurrentmenu variable?

  • @dileepkumarsingh3108
    @dileepkumarsingh3108 Жыл бұрын

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

  • @DeepakShrivastava

    @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

    @dileepkumarsingh3108

    Жыл бұрын

    Ok thank you

  • @ayushkumar-vb2pu
    @ayushkumar-vb2pu2 жыл бұрын

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

  • @DeepakShrivastava

    @DeepakShrivastava

    2 жыл бұрын

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

  • @nurmaziah6848

    @nurmaziah6848

    Жыл бұрын

    @@DeepakShrivastava how?

  • @hardingetaiwan1769
    @hardingetaiwan17692 жыл бұрын

    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

    @DeepakShrivastava

    2 жыл бұрын

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

  • @manojroy8862
    @manojroy88622 жыл бұрын

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

  • @DeepakShrivastava

    @DeepakShrivastava

    2 жыл бұрын

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

  • @manojroy8862

    @manojroy8862

    2 жыл бұрын

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

  • @gregbarbeck241
    @gregbarbeck241 Жыл бұрын

    Use legacy ribbon to load this component

  • @akbarmahfuzalam
    @akbarmahfuzalam2 жыл бұрын

    Hey Deepak, Where is the SVG Icon code ?

  • @DeepakShrivastava

    @DeepakShrivastava

    2 жыл бұрын

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

  • @rogersmendoza4620
    @rogersmendoza4620 Жыл бұрын

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

  • @tigere3528
    @tigere35282 жыл бұрын

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

  • @DeepakShrivastava

    @DeepakShrivastava

    2 жыл бұрын

    Let me know what variable are you referring to ?

  • @tigere3528

    @tigere3528

    2 жыл бұрын

    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

Келесі