Power Apps Menu Navigation (as a Component!)

Поделиться
HTML-код
  • Опубликовано: 4 дек 2024

Комментарии • 125

  • @PowerAppsTutorial
    @PowerAppsTutorial  2 года назад +3

    🍬 Get my free video course, access to my free community, and, if you would like, you can book a call with me here: go.superpowerlabs.co/opt-in-page-page ⬅
    Here's the full playlist on how to build out your own app template: ruclips.net/p/PLMgWds5p226lrfjfOczlHR2kX0VPq2HWx

  • @nandnandan8313
    @nandnandan8313 Год назад +1

    I was banging my head on the table to highlight the default selected item. You nailed it with a simple Lookup function... You're a SAVIOR!!!

  • @akakakakak3047
    @akakakakak3047 2 года назад +13

    Just in case someone faces the same problem as me when following the video, at 17:09 there's an error and the formula shold be:
    LookUp(compMenu.NavigationItems, ScreenToGoTo.Name = App.ActiveScreen.Name)
    Darren already has corrected this in the video comments, but I spent some time until I realized. To give to it a little more visibility.
    Thank you very much for the knowledge Darren! I'm creating my first app and I'm learning a lot from your videos! :)

  • @MichaelAMalry-ry7hg
    @MichaelAMalry-ry7hg Год назад +1

    Super dope video!! Being new to PowerApps, this helped tremendously. Looking forward to viewing more of your tutorials. Thank you Sir!

  • @MrPaulpierce34
    @MrPaulpierce34 10 месяцев назад +1

    Great stuff! Any way to set a tab as the default on the apps on start? Thanks for all the content!

    • @PowerAppsTutorial
      @PowerAppsTutorial  9 месяцев назад

      Sure. Set up the default property for the gallery. And yes, it could be a variable that holds it. Thanks!

  • @Kirsagirl
    @Kirsagirl Год назад

    Thanks for the video, there were occasional surprises for: 1. because I have a German interface - individual punctuations like the comma and semicolon are different and 2. because I am a beginner, but it still worked :)

  • @Bruno-pq6yk
    @Bruno-pq6yk 10 месяцев назад

    this is very great tutorial, thanks for sharing. I am a beginner using power apps, and I have created 4 apps for my organization, and was wondering if there is a way to create a menu to navigate through those 4 independent apps, thanks in advance

    • @PowerAppsTutorial
      @PowerAppsTutorial  10 месяцев назад +1

      Yea there is, we could discuss about this over a call if you're interested: calendly.com/super-power-labs/power-apps-success-planning 😊

  • @nursyafiqa1151
    @nursyafiqa1151 5 месяцев назад

    Great tutorial. I was wondering what if I have sub pages that is not any of those buttons. How do I turn off the selected fill? It seems to be on 'Home' by default on a subpage.

    • @PowerAppsTutorial
      @PowerAppsTutorial  4 месяца назад

      Do post your question on my FREE community for quick help:www.skool.com/power-apps-community

  • @RyoenDeprouw
    @RyoenDeprouw Год назад

    Thanks, this was a very useful tutorial. Great way to explain it. Anyways, I created a same menu... But when I test it on Powerapps, it seems perfect, however when I test it on my mobile phone, seems the navigation menu is offset a lot to the right side... So I dont see the whole menu on my phone, what do you think?

    • @PowerAppsTutorial
      @PowerAppsTutorial  Год назад

      Glad it helped! ensure you got the proper positioning in the PowerApps studio🪄

  • @PratikSoni28
    @PratikSoni28 8 месяцев назад

    Thank you for this video! :) Is it possible to use the same navigation points for multiple screens with this approach?

    • @PowerAppsTutorial
      @PowerAppsTutorial  7 месяцев назад

      Absolutely! That may require you to have sub level navigation components😊

  • @nandenana99
    @nandenana99 Год назад

    You are all that is good in this world! ❤

  • @flargot300
    @flargot300 2 года назад +1

    Very good tutorial, but I have a question, when you want an Icon on the menu to be selected still even on a different page, can you do that? In my project I have to have different screens from a sort of global screen, so If I want to navigate to a screen that is not in the list of the icons on the menu, I wan the icon to be selected still. Thanks so much again

    • @PowerAppsTutorial
      @PowerAppsTutorial  2 года назад +1

      Sure, you could do something like this: If(App.ActiveScreen = ThisItem.ScreenToGoTo, Yellow, RGBA(0, 0, 0, 0))

  • @PrithviChandrasekar
    @PrithviChandrasekar 2 года назад +1

    Hello sir. Thank you for this video. I am new to power apps and building an app. I would like to know how to create role based visibility for nav menu? Some users get to see a few links on the menu while the admin sees all the links.

    • @PowerAppsTutorial
      @PowerAppsTutorial  2 года назад +1

      Have you reviewed this video about security groups? ruclips.net/video/JPFSVQqNYC8/видео.html

    • @PrithviChandrasekar
      @PrithviChandrasekar 2 года назад

      @@PowerAppsTutorial I have not yet. I will take a loot at it and revert. Thank you.

  • @qiantingshao7693
    @qiantingshao7693 2 года назад +1

    Thank you so much for your tutorial.

  • @mikedsjr
    @mikedsjr 9 месяцев назад

    Good grief, I spent an entire half day trying to get my menu to work. I watch this and get it in 30-40 minutes starting back from scratch. Thanks!

  • @ozarkrunner
    @ozarkrunner Год назад +1

    Thanks for another great tutorial. Is it possible to disable or hide a menu option if for example, the current user isn't in my admin list? I love what we can visually do with gallery based menus as apposed to buttons, but I want to be able to prevent staff from going to an admin screen, which is easy enough to do with a button, but my brain hasn't figured out how to do it with a menu/navigation gallery item. Update: I can set the menu table items based on permissions to an item in a SharePoint list. My plan now is to see if it's possible to keep all menu options visible, but disable an option (e.g., New Request) based on permissions to the SharePoint list item or other condition such as the current user already has already submitted a request.

    • @PowerAppsTutorial
      @PowerAppsTutorial  Год назад

      I cover just that here: ruclips.net/video/DRpnLI8I3co/видео.html&ab_channel=PowerAppsTutorial

  • @prasenjitmukherjee5010
    @prasenjitmukherjee5010 2 года назад +2

    Excellent Tutorial Sir.
    In my case I want to create horizontal navigation but instead of icon it will contain image. Is it possible,how to do it Sir? I have created horizontal navigation. But, failed to add image. Please guide me Sir. It's very urgent.

  • @robfreeman1987
    @robfreeman1987 2 года назад +1

    Great Video. Has helped me a lot. But did get a little lost at 17:40 think there are a few seconds cut off where you select .Name got me puzzled for a bit.

    • @PowerAppsTutorial
      @PowerAppsTutorial  2 года назад +2

      Thanks for letting me know! I'll look into that!

    • @PowerAppsTutorial
      @PowerAppsTutorial  2 года назад +4

      You're right... sorry about that. Here is the full code expression:
      LookUp(compMenu.NavigationItems, ScreenToGoTo.Name = App.ActiveScreen.Name)

    • @KelliganP
      @KelliganP 2 года назад

      @@PowerAppsTutorial Thanks for providing the expression here! It got me too!

  • @jhonedinsoncalderongarcia6003
    @jhonedinsoncalderongarcia6003 2 месяца назад

    Excelent!!

  • @IMChrisThom
    @IMChrisThom Год назад +1

    How could you use icons other than the ones that are built into PA by using an images or SVG file? I find the stock icons very limited

    • @PowerAppsTutorial
      @PowerAppsTutorial  Год назад

      Check this site out: loading.io/icon/
      😋😋👍👍

    • @IMChrisThom
      @IMChrisThom Год назад +1

      @@PowerAppsTutorial Finding icons is not the issues since there are a TON out there.
      I am wondering how you would modify the code to have the new icon images shown since I can't find an image equivalent to icon.whatever.

    • @PowerAppsTutorial
      @PowerAppsTutorial  Год назад

      @@IMChrisThom Ok, I got you. Add a property to your component called "UseImages" of type boolean. Add an image control to your menu's gallery. Hide/show the image and Icon controls based on this property's value. The collection or table values that serve as the data source for the gallery should now have an image field too.

    • @IMChrisThom
      @IMChrisThom Год назад +1

      @@PowerAppsTutorial Clever. I'll give that a try. Thank you

    • @PowerAppsTutorial
      @PowerAppsTutorial  Год назад

      @@IMChrisThom Welcome!

  • @gilbertpradier
    @gilbertpradier Год назад

    Great vide, thank you so much. Navigation is not working for me for some reason..... any idea...?

    • @PowerAppsTutorial
      @PowerAppsTutorial  Год назад

      Follow the steps accordingly, You'll surely get same output

  • @yavuzdemir7184
    @yavuzdemir7184 2 года назад +1

    Great. Thank you.

  • @ankitmalhotra5639
    @ankitmalhotra5639 Год назад

    Instead of going to a specific screen, I want the menu bar navigation items to display the Power BI tiles along-side on the same screen. Basically want to link the contents on left hand side to the power bi tile displays on the right. Would be great if you coudl tell how to do so?

    • @PowerAppsTutorial
      @PowerAppsTutorial  Год назад

      Are you trying to build a PowerBI report in PowerApps, that would be great

  • @donovanc4
    @donovanc4 Год назад

    Hello, do you have a video where you explain how to deactivate 2 buttons out of a total of 3 when you click on the 3rd one?

    • @PowerAppsTutorial
      @PowerAppsTutorial  Год назад

      Hi, You can set the Displaymode Property of the other 2 buttons to a variable name. Then on the onSelect property of the insert button, you can insert: Set(varDisMode, DisplayMode.Disabled);

  • @Bravanesia
    @Bravanesia 2 года назад +1

    hey, how to workaround if the user is in another screen that is one level furder from the main screen? I want the menu navigation to be selected based one some criteria

    • @PowerAppsTutorial
      @PowerAppsTutorial  2 года назад

      Thanks for asking. I touch on how to handle access in the menu here: ruclips.net/video/DRpnLI8I3co/видео.html (my landscape "jumpstart kit" template is a little more advanced, and I explain how so in this video) I hope that helps!

    • @Bravanesia
      @Bravanesia 2 года назад +2

      @@PowerAppsTutorial Tks man! Really looking forward on this channel, great content! I was wondering if you can talk about share your apps with external users, for small companies, I'm having a nightmare trying with office 365 personal license. Idk, just an ideia of video for opu... +1 subs.

    • @PowerAppsTutorial
      @PowerAppsTutorial  2 года назад +2

      Thanks again! 😀👍 Yeah, external users are possible, but there is some manual work involved and their license has to be covered on one side or the other.

  • @allenipsenswarstories5116
    @allenipsenswarstories5116 2 года назад +1

    If one of the buttons on my navigation was taking me to a screen that had a form on it, how could I simultaneously navigate to that screen and reset the form on that screen? When I use a regular button, I just use NewForm(FormName). But the form names are not recognized within the component.

    • @PowerAppsTutorial
      @PowerAppsTutorial  2 года назад +1

      Yeah, the navigation component is just for navigating. A good place to put your NewForm() code is in that screen's OnVisible property. It will run that code each time that screen loads up. I hope that helps!

    • @allenipsenswarstories5116
      @allenipsenswarstories5116 2 года назад

      @@PowerAppsTutorial Ah, of course. That helps tremendously. Thank you!

  • @jonybals
    @jonybals Год назад

    Hello, Great Video, but im having a slight issue, I have everything working but i can navigate to a the correct screen i want but cannot navigate to another one, I have to go back to a landing page, then I can choose a different menu item. Its like its take my input but then wont accept a second one till cleared by going off the menu list, if that makes sense. Any ideas

    • @PowerAppsTutorial
      @PowerAppsTutorial  Год назад

      Post your questions to our free community here for quick help: www.skool.com/power-apps-community

  • @venukolar7999
    @venukolar7999 2 года назад +1

    Hi Sir, very informative video thank you very much for that, I am developing a PowerApps Application known as Vacation tracker as I am a Newbie I am finding it hard to build logic for Half day Leave functionality like "Sick Day(Half), Vacation Day (Half). Can you please help me out with the logic if possible? Thank you.

    • @PowerAppsTutorial
      @PowerAppsTutorial  2 года назад

      Thanks for viewing! My advice would be to track how many hours they are asking off instead of unit of days. For example, someone may only need 2 hours off for a doctor's visit. That may make it flexible enough for half days, and other scenarios. 😊👍

  • @venusv4698
    @venusv4698 25 дней назад

    Hi, i notice that when i click on the button , it seem that there is something g running/loading behind the scene as I can see a circle icon moving ..could yo advise?

  • @dennyhailu6971
    @dennyhailu6971 Год назад

    Thank you! very useful

  • @mrtanner87
    @mrtanner87 Год назад

    Darren, Love this tutorial and was going great until I got the labels and icons on the buttons. Now when I clck on a button it goes to the right page but the wrong button is highlighted. Any ideas???

  • @WeedsePoentah
    @WeedsePoentah Год назад +1

    This seems like such an unconvential way, Is this not possible in a more direct way in powerapps?

    • @PowerAppsTutorial
      @PowerAppsTutorial  Год назад

      That's actually a great question! As of today, there is no menu control. However, Microsoft did release a new series of controls called the "modern controls", wherein you can find a "Tab List" control. You could use that as a menu. It even has an Alignment property where you can make it vertical.

  • @RutgerVerhaar
    @RutgerVerhaar Год назад +1

    Hi, I've followed each and other step but it seems that the final lookup function is not working for me. When clicking on an icon in the navigation menu the button and screen are not in sync. LookUp(compMenu.NavigationItems, ScreenToGoTo.Name = App.ActiveScreen.Name) This is the lookup function I use in the default property of the compMenu Gallery. I have created the NavigationItems custom property and I've created the global variable in the app by copy pasting the table creation and adjusting for Screen names. Any ideas how I can solve it?

    • @PowerAppsTutorial
      @PowerAppsTutorial  Год назад

      If you fill out the student intake form, I do have a Facebook group where I try to help people. Sharing videos and screen shots are easier there. Hope to see you there! learn.powerappstutorial.com/InsidersGroupSurvey

    • @UrbanSniperWTF69
      @UrbanSniperWTF69 Год назад

      Make sure the OnSelect for the big transparent icon is Select(Parent)

    • @audleymath
      @audleymath Год назад

      Check if your component gallery OnSelect is set to Navigate(ThisItem.ScreenToGoTo, ScreenTransition.Fade) 10:45

  • @juandavidvalencia4684
    @juandavidvalencia4684 Год назад

    Great video!!! Thank you so much. Keep it up 😁👏👏👏

  • @catalinbadea6685
    @catalinbadea6685 Год назад

    Great video. I manage to do all this, but do you know how can I reference an external link into the Menu Items?

    • @PowerAppsTutorial
      @PowerAppsTutorial  Год назад

      You could add this as part of a record on the menu table items ☺️

  • @HatecraftPaladin
    @HatecraftPaladin 9 месяцев назад

    Thanks this helped me alot :)

  • @JacksonDad1
    @JacksonDad1 2 года назад +1

    I am trying to use this navigation menu not to navigate between screens, but to control which cards in an edit form are visible while staying on the same screen, like a tabbed form. I've tried using gblNavItems = "label text" in the Visible property of the cards I want to see, but that doesn't work due to an error. Any suggestions?

    • @PowerAppsTutorial
      @PowerAppsTutorial  2 года назад

      Sure. You'll probably want to do something similar to what I show in this video: ruclips.net/video/Ms1kvdmxQz4/видео.html

  • @bubba71657
    @bubba71657 Год назад

    Great video, thank you so much! ☺
    implemented this menu in my app and it works like a charm!
    would it be possible to have multiple screens for one menu item? For instance if i wanted to have three screens for the second and third menu item. I tried to do that but everytime i change the screens the menu navigation is switching to the first item (home screen)

  • @derekgray3019
    @derekgray3019 Год назад

    Hey Darren, I have created a nav menu based on your tutorial, which is great and love the icon's that you can add. I do have a request from someone internal if I can create a menu item, which is a link to a document e.g. a operating procedure. Is it possible to create a menu item which will open the document directly by clicking on the menu item?

    • @Conway2fresh
      @Conway2fresh Год назад

      I second this. I would find it useful as well.

    • @PowerAppsTutorial
      @PowerAppsTutorial  Год назад

      Sounds good, Derek! It would be great if you could join our "Learn Power Apps" community and ask your question in our board. This way, I will be able to give you a complete response for your question: tinyurl.com/PowerPlatformCommunity

  • @ceiling77
    @ceiling77 2 года назад +1

    Hello, When I alt click to create the global variable for the Create Nav Items button, it does not create it. Please help!

    • @PowerAppsTutorial
      @PowerAppsTutorial  2 года назад

      Hi Isabella! Sorry to hear you're having trouble. Can you tell me which part of the video you're trying to follow along at, when you have the issue?

    • @ceiling77
      @ceiling77 2 года назад +1

      Hello, Thank you for your reply, I have figured my original issue out, however I'm now having an issue with finding the app.onstart menu, The only advanced action in the App section I have is OnError.

    • @PowerAppsTutorial
      @PowerAppsTutorial  2 года назад

      @@ceiling77 Once you select the "App" in the tree view, look above it for a drop down. This drop down list will have all the properties to access for the selected object or control. I hope that helps!

  • @IMChrisThom
    @IMChrisThom Год назад +1

    What about submenus?

    • @PowerAppsTutorial
      @PowerAppsTutorial  Год назад

      Nested Galleries! Perhaps I should do a follow up video on that?

  • @thomas2119
    @thomas2119 Год назад

    hi, I tried to create a menu whose source is a sharepoint list or a collection but the icons are not displayed. Do we have to go through a Table? If not, in what form should the name of the icon be stored because I tried: Home and builtinicon:Home. But it does not work.

    • @PowerAppsTutorial
      @PowerAppsTutorial  Год назад

      Please maintain using collections for menu. Also, ensure you are putting the right icon name

  • @SandeepSingh-lg7bq
    @SandeepSingh-lg7bq 2 года назад +1

    Can't we create menu under menu which will expand & collapse.

    • @PowerAppsTutorial
      @PowerAppsTutorial  2 года назад +2

      Absolutely! You would need to use a toggle value for that. I have a video here which covers that aspect: ruclips.net/video/zn7tWAOdIY8/видео.html

    • @SandeepSingh-lg7bq
      @SandeepSingh-lg7bq 2 года назад +1

      @@PowerAppsTutorial thanks for reply 👍👍

    • @PowerAppsTutorial
      @PowerAppsTutorial  2 года назад

      You're welcome! Thanks for viewing and commenting!

  • @atifuzzaman
    @atifuzzaman Год назад

    How did you select "Color" and replace "Height" at 10:24

    • @PowerAppsTutorial
      @PowerAppsTutorial  Год назад

      Select your control, on the top left hand corner of your screen, you can select the required property pane

  • @FabioIommi
    @FabioIommi 2 года назад +1

    Bravooooooooooooo

  • @nitingfora8316
    @nitingfora8316 Год назад +1

    why do you think we want to look at your face to block part of the screen?

    • @PowerAppsTutorial
      @PowerAppsTutorial  Год назад

      I had a RUclips expert tell me that showing your face is very important. Thanks for the question!

  • @sweetiejackylyn
    @sweetiejackylyn 2 года назад +3

    Thanks for the tutorial.. your good however your so fast.. I cant catch some of your lecture. make slow better to understand.. Thank you.

    • @PowerAppsTutorial
      @PowerAppsTutorial  2 года назад +1

      Thanks for the feedback. Keep in mind you can use RUclips settings to play the video slower. Sometimes I use it when I'm watching a video where a person is talking too fast for me. :)

  • @NOR3MSTI
    @NOR3MSTI Год назад +1

    Got to the end and things went too fast for me, Not your fault, but frustrating and now Ill try another tuber, thanks for the work you have done though,,,, EDIT( went through again, working fine, )

    • @PowerAppsTutorial
      @PowerAppsTutorial  Год назад

      Glad that it eventually worked for you.

    • @alinakotova1245
      @alinakotova1245 Год назад

      had the same issue. I guess you are cutting some of the parts of the video so the speech sounds smooth, but also pieces of code get cut out, need to guess what exactly did you put. Otherwise great video, and nice explanation!

  • @MrSzegerege
    @MrSzegerege Год назад +1

    There is much knowledge... But cuts makes this rly hard to watch. Also your camera is so big.

    • @PowerAppsTutorial
      @PowerAppsTutorial  Год назад

      Thanks for the feedback. I'm always making efforts to improve with each video I release.

  • @baburam1996
    @baburam1996 Год назад +1

    Table Expression -
    Table({MenuText:"Home",MenuIcon:Icon.Add,Link:App.ActiveScreen},{MenuText:"Add Bill",MenuIcon:Icon.Add,Link:App.ActiveScreen},{MenuText:"Inventory",MenuIcon:Icon.Add,Link:App.ActiveScreen},{MenuText:"Customers",MenuIcon:Icon.Add,Link:App.ActiveScreen})

  • @Jon-MichaelCucinotta
    @Jon-MichaelCucinotta Год назад +1

    Hi there, I've altered this to have the icon cover the label and that's my OnSelect. There's a weird glitch when adding the Default value (lookup equation) of the Gallery. It shifts all labels over to the right by like 10-20 pixels. My main screen remains the same which also doesn't make sense. I've tried forcing X values of everything but to no avail. Any ideas?

    • @PowerAppsTutorial
      @PowerAppsTutorial  Год назад

      It's hard to troubleshoot things over RUclips comments. Have you joined the Facebook group yet? It is easier to post screen shots or videos of what you're dealing with. facebook.com/groups/powerappstutorialgroup

    • @avinashnandan2430
      @avinashnandan2430 Год назад +1

      @jon-michaelcucinotta - Are you able to overcome the flickering effect ? if yes please help me in resolving that

    • @Jon-MichaelCucinotta
      @Jon-MichaelCucinotta Год назад +1

      @@avinashnandan2430 I was never able to fix this. Looking into alternative navigation methods.

    • @avinashnandan2430
      @avinashnandan2430 Год назад +1

      @@Jon-MichaelCucinotta if you find any other video where we can make Left Navigation without flickering,please let me know.
      @powerAppsTutorila, please help on screen flickering in Left Navigation

    • @PowerAppsTutorial
      @PowerAppsTutorial  Год назад

      Be sure to use a Screen Transition. Otherwise you can use a spinner that takes up the whole screen for a few milliseconds. That should do the trick.