🍬 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: czcams.com/play/PLMgWds5p226lrfjfOczlHR2kX0VPq2HWx.html
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! :)
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 :)
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.
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.
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.
Thanks for the comment! Instead of adding icons to the gallery, add in an image. That should do it. But then make sure your table/collection values also have the image values in it so they images have something to read it in from. You should be good. Thanks!
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 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.
@@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.
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?
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
Thanks for asking. I touch on how to handle access in the menu here: czcams.com/video/DRpnLI8I3co/video.html (my landscape "jumpstart kit" template is a little more advanced, and I explain how so in this video) I hope that helps!
@@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.
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.
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.
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!
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
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?
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
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.
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.
@@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!
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
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?
Thanks for the feedback. Keep in mind you can use CZcams 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. :)
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.
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.
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?
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);
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)
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.
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. 😊👍
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???
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.
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, )
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!
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?
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
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?
It's hard to troubleshoot things over CZcams 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
@@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
🍬 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: czcams.com/play/PLMgWds5p226lrfjfOczlHR2kX0VPq2HWx.html
Wow! Thank you so much. This is incredible
@@wendymeyer1250 So glad to hear! 😄👍👍
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!!!
Thank you. I just try my best to share what I know.
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! :)
Thank you! :)
Super dope video!! Being new to PowerApps, this helped tremendously. Looking forward to viewing more of your tutorials. Thank you Sir!
Happy to help! Thanks!!
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 :)
Interesting!
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!
Am glad it helped😊
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.
Do post your question on my FREE community for quick help:www.skool.com/power-apps-community
This seems like such an unconvential way, Is this not possible in a more direct way in powerapps?
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.
You are all that is good in this world! ❤
☺️I appreciate that
Thank you so much for your tutorial.
You're very welcome! 😀👍
Great stuff! Any way to set a tab as the default on the apps on start? Thanks for all the content!
Sure. Set up the default property for the gallery. And yes, it could be a variable that holds it. Thanks!
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.
Thanks for the comment! Instead of adding icons to the gallery, add in an image. That should do it. But then make sure your table/collection values also have the image values in it so they images have something to read it in from. You should be good. Thanks!
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
Post your questions to our free community here for quick help: www.skool.com/power-apps-community
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
Check this site out: loading.io/icon/
😋😋👍👍
@@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.
@@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.
@@PowerAppsTutorial Clever. I'll give that a try. Thank you
@@IMChrisThom Welcome!
Great video!!! Thank you so much. Keep it up 😁👏👏👏
Thank you! Will do!
Thank you! very useful
Glad it was helpful!
Thanks this helped me alot :)
Glad it helped!
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?
Glad it helped! ensure you got the proper positioning in the PowerApps studio🪄
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
Thanks for asking. I touch on how to handle access in the menu here: czcams.com/video/DRpnLI8I3co/video.html (my landscape "jumpstart kit" template is a little more advanced, and I explain how so in this video) I hope that helps!
@@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.
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.
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.
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!
@@PowerAppsTutorial Ah, of course. That helps tremendously. Thank you!
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
Yea there is, we could discuss about this over a call if you're interested: calendly.com/super-power-labs/power-apps-success-planning 😊
Thank you for this video! :) Is it possible to use the same navigation points for multiple screens with this approach?
Absolutely! That may require you to have sub level navigation components😊
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?
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
Make sure the OnSelect for the big transparent icon is Select(Parent)
Check if your component gallery OnSelect is set to Navigate(ThisItem.ScreenToGoTo, ScreenTransition.Fade) 10:45
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.
Thanks for letting me know! I'll look into that!
You're right... sorry about that. Here is the full code expression:
LookUp(compMenu.NavigationItems, ScreenToGoTo.Name = App.ActiveScreen.Name)
@@PowerAppsTutorial Thanks for providing the expression here! It got me too!
Great. Thank you.
You are welcome!
Hello, When I alt click to create the global variable for the Create Nav Items button, it does not create it. Please help!
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?
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.
@@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!
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})
Thanks for sharing!
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
Sure, you could do something like this: If(App.ActiveScreen = ThisItem.ScreenToGoTo, Yellow, RGBA(0, 0, 0, 0))
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?
Sure. You'll probably want to do something similar to what I show in this video: czcams.com/video/Ms1kvdmxQz4/video.html
why do you think we want to look at your face to block part of the screen?
I had a CZcams expert tell me that showing your face is very important. Thanks for the question!
Thanks for the tutorial.. your good however your so fast.. I cant catch some of your lecture. make slow better to understand.. Thank you.
Thanks for the feedback. Keep in mind you can use CZcams 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. :)
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.
I cover just that here: czcams.com/video/DRpnLI8I3co/video.html&ab_channel=PowerAppsTutorial
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.
Have you reviewed this video about security groups? czcams.com/video/JPFSVQqNYC8/video.html
@@PowerAppsTutorial I have not yet. I will take a loot at it and revert. Thank you.
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?
Are you trying to build a PowerBI report in PowerApps, that would be great
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?
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);
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)
Thank you for your kind words about the video.
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.
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. 😊👍
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???
Have you tried doing a reset☺️
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.
Please maintain using collections for menu. Also, ensure you are putting the right icon name
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, )
Glad that it eventually worked for you.
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!
Great vide, thank you so much. Navigation is not working for me for some reason..... any idea...?
Follow the steps accordingly, You'll surely get same output
Can't we create menu under menu which will expand & collapse.
Absolutely! You would need to use a toggle value for that. I have a video here which covers that aspect: czcams.com/video/zn7tWAOdIY8/video.html
@@PowerAppsTutorial thanks for reply 👍👍
You're welcome! Thanks for viewing and commenting!
Great video. I manage to do all this, but do you know how can I reference an external link into the Menu Items?
You could add this as part of a record on the menu table items ☺️
What about submenus?
Nested Galleries! Perhaps I should do a follow up video on that?
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?
I second this. I would find it useful as well.
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
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?
It's hard to troubleshoot things over CZcams 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
@jon-michaelcucinotta - Are you able to overcome the flickering effect ? if yes please help me in resolving that
@@avinashnandan2430 I was never able to fix this. Looking into alternative navigation methods.
@@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
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.
How did you select "Color" and replace "Height" at 10:24
Select your control, on the top left hand corner of your screen, you can select the required property pane
Bravooooooooooooo
Thanks for watching!
There is much knowledge... But cuts makes this rly hard to watch. Also your camera is so big.
Thanks for the feedback. I'm always making efforts to improve with each video I release.