i guess Im randomly asking but does anyone know of a way to log back into an instagram account? I was stupid lost my password. I love any help you can offer me!
@Maddox Caiden i really appreciate your reply. I got to the site thru google and I'm trying it out atm. I see it takes a while so I will get back to you later when my account password hopefully is recovered.
Thank you Reza. I do not know what would I have done without you. I can not understand any other person's video. The way you explain things is beyond amazing.
Hello. Thank you for all your videos. I'm a beginner at Power Apps and honestly by following your videos, I have already been able to set up two applications in two weeks that work perfectly. This is thanks to your explanations. Thanks again, everything is great. 👍
Reza, first of all; Thank you so much for this video. It helped me make a great left nav menu. I just wanted to add that I revised your component to: be able to use menu to navigate to a URL if its a URL, to: collapse submenu until menu item (galitem) that has a submenu gets clicked and collapses submenus that may be open already, and to add a line below a menu item if there is a submenu. Thanks again.
Now I am become a Fan of Mr.reza ...More over I remember Mr.Amir Parmar Who is very much Sucess tutor for MsAccess.. They way of Speech is very similar.. Awesome Dynamic Personality you are... God Bless You
Hi Reza, thank you for this incredibly detailed tutorial, I learned so much just by following the step by step tutorial. I modified the component by adding a MenuState output property that points to showMenu variable and in the component height property I'm using If(MenuLeftNav.MenuState,App.ActiveScreen.Height,50), that way when the menu is not pressed the Hamburger menu just minimizes to the icon size. I had to do this because even with the slim width when component is not active it was interfering with my app layout. Again, thank you for the awesome videos, big fan of your projects and teaching skills! 👍🏼
Excellent tutorial. You move very quickly which works perfectly in this format. Was able to stop the video and work along side your examples and your contect was spot on! Keep up the good work and thank you!!
Reza - thank you so much for this tutorial. I love how you anticipate what users will be doing during each step of navigation, what they will expect, and how to solve for each scenario. This is outstanding!
Good video, Probably worth mentioning that if you don't want the box taking up any of the screen on the left at all when its hidden, follow the same instructions but instead of width do it for height instead.
Absolutely incredible. You talk fast, but I was able to follow along and got this to work on the first try. Thank you for sharing this great information!
Thank you for watching. I am working on my speed. I feel it has improved over the course of last year. Will continue to work on the speed of my speech. Appreciate the feedback.
Such a great yet simpler way to understand, I am sure when I will try to create this in my apps environment it's going to be handy to follow step by step thereby creating another great user experience for our users. Thanks a TON!! You make learning an experience in itself.🙏🙏
Hi Reza, thank you for this tutorial, by following the step by step process, I have been able to develop several useful components for a variety of use cases. I do have some questions related to the use of gallery controls. Specifically, at 10:20, the names of the custom table fields (MenuID, MenuIcon, etc.) appear with dropdowns on the right side of the screen when viewing the component properties in the Advanced tab. When I have been creating properties/components in the past, these column dropdowns do not show up even though I would like them to - why is that? what change(s) can I make to ensure that they appear?
Thanks for such a great video tutorial! Question. I implemented your menu into my app and around when you implement the "colMenu" at 20:57, is where I hit a snag. I built the function you put into your button in my App OnStart. When I run the Onstart it does build the collection, however when I go to the component and add the "colMenu" to the MenuItems parameter, ir shows me an error stating: "There is an error in the formula, try revising and running it again". I'm not sure why it is stuck on this. Any pointers?
At 13:22 you mentioned that instead of icons you can pass images or SVGs. What would the call to those look like? The stock icon are very limited and I would like some alternatives. Is there another video that addresses this? thank you again for what you offer
You would need to modify the component. Replace icon control with image control and pass images as part of the incoming collection data. I do not have another video on it.
Excellent video, it helped a lot. The only issue I encountered was that if there are more than one menu item with submenus, when you click on the menu item it expands all the submenus. I haven't been able to figure out how to just expand one submenu at the time, and then close all other when one submenu is expanded. Sorry, but I'm pretty new with PowerApps. Thanks.
That would require additional work in the component. Something that I would have to try out. I will recommend you check on the forums at powerusers.microsoft.com/
how do you create a right nav menu? 16:19 when I code the menu with If(showmenu,200,MenuIcon.Width) , it places the Icon outside the canvas.. how do i fix this?
You would have to also set the X position of the menu. There may be many more changes needed. Check the forums to see if someone has built a right hand side menu - powerusers.microsoft.com
@ 7:16, My Gallery is blank. There is a red X above the Hamburger icon, it takes me to the MenuItems with the Table formula. Only the "Home" and 1 in the first formula set is red, the "Currency", 2, and "Document" 3 are black. When I follow your steps for the next part of adding a Button, it only shows one button... not every gallery entry. Also, no Icons or labels showing in the gallery.
Thank you for a great tutorial. I only required 1 level of menu & was wondering how i can put that in the App onStart and any other changes I would have to make? Is it just a point of copying the code from the menu items variable in the component (i didnt use component library as there was no need) Table( { MenuLabel: "Home", MenuIcon: Icon.Home, MenuScreenNavigate: 'Home Screen', MenuID: 1 } )
This was an amazing tutorial, is there anyway to hide the submenu until the specific menu button is pressed. For example, If you click on the Form Menu Item it then would display the submenu under it to allow for selected the sub items. and then it would hide if Form was clicked again or another selection was selected?
Possible. Would require additional logic in component to track if menu was clicked to open close respective submenu. It would be a lot more work though. The modern controls ruclips.net/video/eNhCQ7Y2x7o/видео.html were recently released. I would wait to see if there is a nav control coming :)
Thank You. Disable a button for a user. Check my videos on role-based Apps ruclips.net/video/J-hMMXrKMVE/видео.html & ruclips.net/video/fbDQH0vIsN8/видео.html
I built this and it works well with a mouse. Any suggestions on how to get the tab index set? I want to ensure that the Accessibility is correct for everyone.
Hello, thanks for this excellent video. In the table menu I want one of the options to be a link to an internet site and not to another screen of the application, how can I do that?
You would need to update the component. There is a function called Launch which will allow you to open links. You will also need to update the input property for component to distinguish between screen references and links.
Thanks for a great vid, im stuck at 23:06. Ive set the on visible variable for the screen and the component visible to the variable. When I then play, I dont see the menu at all??
Video description has link to download sample component. I have not come across your issue hence not sure what the solution could be. I recommend posting your issue/query with screenshots on the forums at powerusers.microsoft.com
Thnx for you example. I have a question: I have doing all the steps of you explanation and it will works in the online envoirment, but when I publice the app, I didn't see the information of the navigationscreen in the app. I will see the Hamburger Icon and when I click on it, there will come the navigation screen. How can I solve this problem?
Its probably because your items are not loading in the colNavItems collection. You need to add that on App OnStart and also ensure you have cleared your browser cache after publishing the App. I would also recommend posting your issue with screenshots on the forums at powerusers.microsoft.com
Thanks for the video, super useful! I tried to build this in my app, however I would constantly get a loading spinner for the nested gallery - is there anyway to remove / prevent this?
I have not come across this issue and hence not sure how to prevent it. I recommend posting your issue/query with screenshots on the forums at powerusers.microsoft.com
Thank you for this Reza. Appreciate it. Question, wha tif I have one screen with two tabs and I want to link Submenu to respective tabs of the screens. Can we pass variable of some sort in Table of Menu Object?
Components has output parameters. You would need to pass those on menu click and set them in variable. I do not have a specific video on this scenario though.
@@RezaDorrani Thank you. I had done that and somehow variable was not reflecting. But your word gave me confidence and turns out i had to hard refresh browser so Components changes reflect in my app. Thank you again.
Love this menu component, it's very useful and flexible. A very tiny issue I have is the sub menus always show whatever main menu is selected. It becomes a problem when there are lot of sub menus.
Overall, a great video Reza the menu worked very well. I did however have an issue where the submenu items were getting set to a height of 1 when I import the component into my main app, undoubtedly due to changes in PowerApps since this video was made. I fixed this by hard coding the TemplateSize of the galSubMenu to the size I wanted instead of using the code shown in the video. This makes it to where the submenu items do not get set to a height of 1 when importing. Just in case anyone else runs into this issue and needs a quick fix.
Thanks so much for sharing your findings. These are definitely due to updates in studio. I have a video coming next week that shows a simple approach for building navigation and flyout menus.
Hello Reza. The first i would like to say thank you for your job. I started learn this program 5 months ago. And most of i know about this program, it's thanks to you. Now about this video, i have the app were is i need to start work with that navigation menu not from first screen, but from second. Can you answer me, how can I do this? Thank you
Thanks for watching and liking my videos. Best of luck with your learning on this platform. Start navigation from screen2? You can set the order of menu items to begin from screen2. It seems you want app landing screen to be screen2. In that case, the App object has a property called start screen, simply define the screen there.
Thank you for this! I've been trying to build something similar in a few apps and now have a roadmap to follow. One question, though: to ensure the menu is collapsed after changing screens, do you really need to set the "ShowMenu" variable to true, then to false? I realize it should be so quick that nobody will notice, but some people might. Also, would it be possible to make that a context variable (rather than global) and pass it along in the navigate formula?
Reza - Thank you for the amazing instructional video. I have built my component in an environment years ago and now have my app published in a new environment and updates I make to this component in another environment is not updating. What are you recommendations for this, do I have to create the component again in the new environment to receive updates? If so, is there a “copy and paste” option?
What’s your ALM strategy? Assuming you have this as a local component in an app, any updates you make in dev and publish solution to downstream environments, should deploy the updates.
@@RezaDorrani thanks for the quick reply-I built the component in the component library of my “Personal Productivity” environment which is used as my dev environment now and my app that I added the component into is in my new prod environment and it functions but now when I make edits to the dev environment and publish - those updates never seem to get pushed to my prod environment because there is no notification in the studio when I open my app.
Amazing video! What happens if one of the screens that I'm navigating to with the menu is a form, that I need to be cleansed. How can I add the "NewForm" function into this?
@@RezaDorrani I’m using the same screen for both editing and adding a register. Only thing that changes is the button that helps me navigate to the screen (one includes the “NewForm” function and the other doesn’t). I was trying to apply this logic in the Navigate Button in the Left Nav Menu as follows: If(ThisItem.MenuLabel = “Add New Register”, NewForm(NewRegisterForm); Navigate(ThisItem.MenuScreenNavigate, ScreenTransition.Fade), Navigate(ThisItem.MenuScreenNavigate, ScreenTransition.Fade). Nonetheless, when doing this in the component, it doesn’t seem to recognize the “NewRegisterForm”. Do you know a way in which I can make it work? It’s urgent.
@@sebastianjuarez5575 You would probably have to get another output variable from component which gives info of item clicked in nav. Check output property value in screen and accordingly call your code. I don't have a video reference for this specific case, so you will need to try it out.
Awesome video! Appreciate the detail. I am attempting to make a variation of this where a simple menu sits at the bottom of the app and a pop up menu would appear from the bottom when a button is clicked with more menu options . So pretty much a reverse "L" shaped menu. The problem is when I have the size of the component dynamically change based on clicking the button, it shrinks the component from the top portion and not the bottom, making my gallery menu appear off screen. There doesn't seem any way to adjust the position of the component. Is there a work around for this?
Thank you so much! This is excellent. I'm having trouble with the MenuItems using the collection on App Start, if I change the MenuItems property to the table of items directly, it works fine, as soon as I put the collection variable there instead - it shows no menu items. Have I missed something?
Ensure you right click on App object on left nav and Run OnStart. This will load your collection when editing the App. When you run the App, OnStart runs immediately.
This is great. I love your videos I'm learning a lot from them. I have a query, how would i add in visibility changes to each button based on a variable pulled from data in a sharepoint list? For example, only certain users can see specific buttons.
I do not have a video reference on this scenario and would have to try it out to provide guidance. I recommend posting your query on forums at powerusers.microsoft.com in case someone has done something similar
Very nice tutorial, thank you so much. I'm using this menu now in many screens. I also made a change that the canvas is the size of the hamburger icon so the space underneath is also usable. I also tried to change it so I can use the component also for menu's with action buttons instead of navigation buttons so I can run a piece of code instead of going to a certain screen. any idea if that is possible?
Hey Reza! I just wanted to thank you for putting out these videos. They've been such a big help at work. I do have a question though. Is it possible to shrink that "Invisible wall" when the Hamburger menu is minimized? I have buttons that span along the left side of the screen in the app I'm making (like your Editable Grid Video) Whenever I minimized the hamburger menu, the buttons are getting blocked by that invisible wall. Is there a way to shrink that wall so that only the hamburger icon is there and not that long strip? Please let me know if you need me to clarify anything!
Hi Reza, love your videos as they have helped me tremendously. I am having a slight issue that I do not understand where it is coming from. My issue is regarding setting the Visible variable for the rectangle, ThisItem.MenuScreenNavigate = App.ActiveScreen. I have ported over the component using this syntax but the rectangle is always showing for each menu item, no matter which screen I am on. Any suggestions on how to troubleshoot this? Thanks!
Because the value of the variable needs to change in order for the component to call the OnReset property. Hence setting it to true and then false which in turn triggers the OnReset.
Hope you don't mind me asking another question! I'm trying to apply this to a responsive layout, of which I have a horizontal container. At the top is a header component, and I want to place the the menu component at the top left, but of course it pushes everything else out of the way. Is it possible to get this working in a responsive layout, where the menu will overlay the other containers? I hope this makes sense and thank you in advance for any help!
It is surely possible with the responsive containers but I would have to try this out to provide any guidance. I would recommend you post your issue/query with screenshots on the forums at powerusers.microsoft.com
@@RezaDorrani thank you and apologies for the delay, I had got a tip from elsewhere to put the menu at the top of the screen, above the container, not inside the container, and it shows as it should. Shame as it seems a bit of a workaround.
OnSelect function of the icon call the Exit function docs.microsoft.com/en-us/powerapps/maker/canvas-apps/functions/function-exit Since you cannot call function from the screen via component, you would have to insert that logic in the component.
Working as advertised, but looking to make one small change, if possible (didn't see this listed in the comments). How would we go about making the hamburger menu essentially a toggle? As in, you click on it to open the menu. All the navigations on the other screens will stay open as well, until you click on the hamburger again to close it. This is how the Office 365 menus work now inside their system.
Thank you very much for your video! Please can you help me with this situation: I want to add a label next to the Hamburger icon and when the menu is expanded I want the label do not be visible anymore.
Inside the component, I believe there is a property that dynamically sets the width of the menu. You can check that property inside component and accordingly show/hide your label.
Awesome video, Reza ! However, I want to share that I encountered a small challenge. Initially, my 'Navigate' command didn't work. After some hours of troubleshooting, I realized that the data in the 'MenuScreenNavigate' field shouldn't be enclosed in quotation marks. I hope this can be helpful to someone facing the same issue.
Hi Reza, great! I copied some. Now I have a strange bug, the second item of my secondary menu show up afther hovering the empty space. Do you have any idea why? So I see some empty space like it should be there. Afther hovering it pops op. Thx in forward.
Hi Rezza, I don't understand adding the button for the menu table to be available? This activates the col menu, but does it now always have to have the button there? and the menu isn't there without the button being pressed? So anytime the app reopens the button needs to be pressed?
@@RezaDorrani thank you so much Raza. This video is helpful. Also, I have already done that but what I am getting at is that, can I build a menu component that will behave based on the role permission. For example, if you are a manager, you should only see few of the menu but as Admin, you can see all the menu. I am aware I can do it screen by screen but I am trying to do that using component
@@TYS22 It is possible and I show that in a video but do not remember which. I would recommend posting your query on forums at powerusers.microsoft.com/
I just want to thank you. I designed the menu and I think its impossible to have a better tutorial. Just Thanks
You are most welcome & thanks for the awesome feedback.
i guess Im randomly asking but does anyone know of a way to log back into an instagram account?
I was stupid lost my password. I love any help you can offer me!
@Zakai Kamdyn instablaster :)
@Maddox Caiden i really appreciate your reply. I got to the site thru google and I'm trying it out atm.
I see it takes a while so I will get back to you later when my account password hopefully is recovered.
@Maddox Caiden it did the trick and I actually got access to my account again. Im so happy:D
Thank you so much, you saved my account !
Thank you Reza. I do not know what would I have done without you. I can not understand any other person's video. The way you explain things is beyond amazing.
Wow, thank you so much!
Il keep trying my best to cover all topics
I think RUclips should allow users to give likes more than once. Most kind thank you Reza, well done!
Thank you for your kind words
Thank you for the effort you put into creating the menu library. I’m truly grateful and look forward to watching the video.
You are welcome!
Hello. Thank you for all your videos.
I'm a beginner at Power Apps and honestly by following your videos, I have already been able to set up two applications in two weeks that work perfectly. This is thanks to your explanations.
Thanks again, everything is great. 👍
Awesome! So happy to hear that. Thanks so much for watching and learning from the videos
Reza, first of all; Thank you so much for this video. It helped me make a great left nav menu. I just wanted to add that I revised your component to: be able to use menu to navigate to a URL if its a URL, to: collapse submenu until menu item (galitem) that has a submenu gets clicked and collapses submenus that may be open already, and to add a line below a menu item if there is a submenu. Thanks again.
Awesome!!!
Now I am become a Fan of Mr.reza ...More over I remember Mr.Amir Parmar Who is very much Sucess tutor for MsAccess.. They way of Speech is very similar.. Awesome Dynamic Personality you are... God Bless You
Many many thanks 🙏
Hi Reza, thank you for this incredibly detailed tutorial, I learned so much just by following the step by step tutorial.
I modified the component by adding a MenuState output property that points to showMenu variable and in the component height property I'm using If(MenuLeftNav.MenuState,App.ActiveScreen.Height,50), that way when the menu is not pressed the Hamburger menu just minimizes to the icon size. I had to do this because even with the slim width when component is not active it was interfering with my app layout.
Again, thank you for the awesome videos, big fan of your projects and teaching skills! 👍🏼
Thank You for sharing the cool update you made to the component.
Thank you so much Angel. I was looking for this
Best Power app tutor ever. Only thing is I have to watch it in 0.75 speed.😀
Best fast tutor who has now slowed down in his newer videos 😃
This is a lot cleaner than the second level menu that I tried making myself--so glad to see a better way to implement them in my apps!
Glad I could help!
Excellent tutorial. You move very quickly which works perfectly in this format. Was able to stop the video and work along side your examples and your contect was spot on! Keep up the good work and thank you!!
Great to hear!
Thank you bro. Whatever I want to learn just found here. Thank you so much.All videoes making me expert gradually.
Glad to hear that
Reza - thank you so much for this tutorial. I love how you anticipate what users will be doing during each step of navigation, what they will expect, and how to solve for each scenario. This is outstanding!
You're very welcome!
Good video, Probably worth mentioning that if you don't want the box taking up any of the screen on the left at all when its hidden, follow the same instructions but instead of width do it for height instead.
Good point
I wish we could do screen shots. I cannot get the menu to shrink in width or height. :(
Merci pour tout. Les explications sont claires et très utiles. Je customise mes applis grave à vos tutos.
Glad to hear that! Thank You so much for watching.
Thanks lot Reza Dorrani, as I am newbie to PowerApps.
But your explanation never give me feel of it.
Glad to hear that! Thanks so much for watching and liking the videos.
best video.. thank you. we have used this in our project too. It is a very good solution for navigation menu component. keep posting such videos
Thank you Sonal. Will keep trying my best.
Cheers....great tutorial.....the chapters are really helpful for navigating and re-watching certain bits
Glad you like them!
Thanks once again for such a detailed explanation. Helps out a lot!!
Glad to hear that!
Just found your channel and contents looks amazing. Very well explained. Thanks a lot posting such video and helping us to improve our skills.
Awesome, thank you!
Absolutely incredible. You talk fast, but I was able to follow along and got this to work on the first try. Thank you for sharing this great information!
Thank you for watching. I am working on my speed. I feel it has improved over the course of last year. Will continue to work on the speed of my speech. Appreciate the feedback.
Such a great yet simpler way to understand, I am sure when I will try to create this in my apps environment it's going to be handy to follow step by step thereby creating another great user experience for our users. Thanks a TON!! You make learning an experience in itself.🙏🙏
You are most welcome and thanks for the amazing feedback.
Hi Reza, this is a very helpful way to improve my app more professional. Tankyou for your time and for sharing your amazing knowledge. tanks a lot !!
Happy to hear that!
How do you respond to all these comments? Wow.
Anyways this is my third time watching this video in a space of 3months. A very good piece. Thank you.
Thanks for watching again
Awesome Reza, you just improved your earlier nav component.
Thanks!
Very nice, the component feature is now truelly coming into its own.
+1
👍I want to thank you for such nice tutorial video for two step component. I am now able to create the same for my apps.
Awesome! Thanks for watching the video.
Simply incredible work!!! Thank YOU!! so much detail and helpful real world examples!!!
Glad you enjoyed it!
Amazing job, thanks for sharing your knowledge! I usually get frustrated an hour in but your so easy to follow and understand. Thanksaton!
You are most welcome
As usual wonderfully explained and great work
Thank You
Thank you!!! I'm binging all your video's. It's so helpfull
Thanks 😊
The menu width trick is very nice. Good Job !
Thank you very much
Thanks for sharing this tutorial, Reza. Very useful
Glad it was helpful!
It's Reza, Before watching the video first like and subscribe
Thank You 😊
This has been really helpful.. thanks Reza always.
Glad to hear!
Top Tutorial Reza, glad I found you man! Thnx a lot
Glad to hear it!
Thank you so much Reza for this detailed video. This is extremely helpful :)
My pleasure!
Thank you so much for this video. The menu works perfectly! I am going to try and have the submenu's expandable / collapsable. THANK YOU!
Thanks for watching
as I am waiting. Great job. Thanks,Reza
Hope you enjoyed the video
@@RezaDorrani I love all of your videos. Clearly, understandable, and always fully useful. I learn many things from you.Thanks, Reza
@@necdetsaritas8722 Thank you
Hi Reza, thank you for this tutorial, by following the step by step process, I have been able to develop several useful components for a variety of use cases. I do have some questions related to the use of gallery controls.
Specifically, at 10:20, the names of the custom table fields (MenuID, MenuIcon, etc.) appear with dropdowns on the right side of the screen when viewing the component properties in the Advanced tab. When I have been creating properties/components in the past, these column dropdowns do not show up even though I would like them to - why is that? what change(s) can I make to ensure that they appear?
Not sure about why they do not appear for you. I would recommend posting your issue with screenshots on the forums at powerusers.microsoft.com
Thanks for such a great video tutorial! Question. I implemented your menu into my app and around when you implement the "colMenu" at 20:57, is where I hit a snag. I built the function you put into your button in my App OnStart. When I run the Onstart it does build the collection, however when I go to the component and add the "colMenu" to the MenuItems parameter, ir shows me an error stating: "There is an error in the formula, try revising and running it again". I'm not sure why it is stuck on this. Any pointers?
Never mind. I figured out the issue.
Looks like you figured out the issue based on your second comment.
👍
Thanks for this tutorial ,you good ! very clear and easy to understand (im french)
Glad to hear that!
At 13:22 you mentioned that instead of icons you can pass images or SVGs. What would the call to those look like? The stock icon are very limited and I would like some alternatives. Is there another video that addresses this?
thank you again for what you offer
You would need to modify the component. Replace icon control with image control and pass images as part of the incoming collection data.
I do not have another video on it.
Awesome job on this tutorial, very helpful and straight-forward build. Thank you.
Thank you Rick
Reza, thank you for sharing. I learned a lot with this video.
Glad it was helpful!
Excellent video, it helped a lot. The only issue I encountered was that if there are more than one menu item with submenus, when you click on the menu item it expands all the submenus. I haven't been able to figure out how to just expand one submenu at the time, and then close all other when one submenu is expanded. Sorry, but I'm pretty new with PowerApps. Thanks.
That would require additional work in the component. Something that I would have to try out.
I will recommend you check on the forums at powerusers.microsoft.com/
No Words, I Just want to Thank You, Thanks..!!!!!!!
You’re most welcome
This is very creative and very helpful. As usual Reza amazing job on this tutorial. Please keep it coming.
Thank You
Thank you for this tutorial!
You're welcome!
hi,just want to ask a quick question. how do you simultaneously make three rectangle at the bottom at 5:29
I simply added 1. Gallery will repeat the steps in all items.
This is very very very usefull video, thanks a lot!
You are most welcome!
Awesome contents sir!
Thanks You
Great tutorial! THANK YOU!
You're welcome!
Thanks Reza, really helpful video.
Glad it was helpful!
so much content! it is super helpful! thanks sir!!!
You are most welcome
This is a great video and very informative!
Thank you Kevin
Just Excellent! Thanx Reza..
Thanks for listening
how do you create a right nav menu?
16:19 when I code the menu with If(showmenu,200,MenuIcon.Width) , it places the Icon outside the canvas.. how do i fix this?
You would have to also set the X position of the menu. There may be many more changes needed.
Check the forums to see if someone has built a right hand side menu - powerusers.microsoft.com
@ 7:16, My Gallery is blank. There is a red X above the Hamburger icon, it takes me to the MenuItems with the Table formula. Only the "Home" and 1 in the first formula set is red, the "Currency", 2, and "Document" 3 are black. When I follow your steps for the next part of adding a Button, it only shows one button... not every gallery entry. Also, no Icons or labels showing in the gallery.
The video description has a link to download the component. Install it and check the code base.
Thank you for a great tutorial. I only required 1 level of menu & was wondering how i can put that in the App onStart and any other changes I would have to make? Is it just a point of copying the code from the menu items variable in the component (i didnt use component library as there was no need)
Table(
{
MenuLabel: "Home",
MenuIcon: Icon.Home,
MenuScreenNavigate: 'Home Screen',
MenuID: 1
}
)
Single level nav - ruclips.net/video/dP74npyyvGc/видео.html
Amazing content… thank you for share!
Thanks for watching
This was an amazing tutorial, is there anyway to hide the submenu until the specific menu button is pressed. For example, If you click on the Form Menu Item it then would display the submenu under it to allow for selected the sub items. and then it would hide if Form was clicked again or another selection was selected?
Possible. Would require additional logic in component to track if menu was clicked to open close respective submenu. It would be a lot more work though. The modern controls ruclips.net/video/eNhCQ7Y2x7o/видео.html were recently released. I would wait to see if there is a nav control coming :)
Such an amazing job! thanks for sharing you knowledge
I just have a question, its possible to disable a button based on user?
Thanks in advance!
Thank You.
Disable a button for a user. Check my videos on role-based Apps ruclips.net/video/J-hMMXrKMVE/видео.html & ruclips.net/video/fbDQH0vIsN8/видео.html
I built this and it works well with a mouse. Any suggestions on how to get the tab index set? I want to ensure that the Accessibility is correct for everyone.
I have not thought about the tab index part :)
Excellent video, at the beginning I forgot to bring to front the component :-) not options showed even though I had my collection ready :-)
Glad I could help!
Hello, thanks for this excellent video.
In the table menu I want one of the options to be a link to an internet site and not to another screen of the application, how can I do that?
You would need to update the component. There is a function called Launch which will allow you to open links.
You will also need to update the input property for component to distinguish between screen references and links.
Oh dear God, what an excellent video!!
Wow, thanks!
Thank you very much, Awesome job!
Glad you liked it!
Thanks for a great vid, im stuck at 23:06. Ive set the on visible variable for the screen and the component visible to the variable. When I then play, I dont see the menu at all??
Video description has link to download sample component. I have not come across your issue hence not sure what the solution could be. I recommend posting your issue/query with screenshots on the forums at powerusers.microsoft.com
@@RezaDorrani sample won’t upload either. I’ve enabled Components
@@utilisemedia Not sure why that would be the case. Il recommend posting your issue on forums.
Thanks for another knowledge shared
Thanks for watching.
Thnx for you example. I have a question: I have doing all the steps of you explanation and it will works in the online envoirment, but when I publice the app, I didn't see the information of the navigationscreen in the app. I will see the Hamburger Icon and when I click on it, there will come the navigation screen. How can I solve this problem?
Its probably because your items are not loading in the colNavItems collection. You need to add that on App OnStart and also ensure you have cleared your browser cache after publishing the App.
I would also recommend posting your issue with screenshots on the forums at powerusers.microsoft.com
Thank you for this very helpful tutorial. One question though, how do you highlight a menu if its screen selected/ active?
Its part of the component I believe. I showcased it here as well ruclips.net/video/dP74npyyvGc/видео.html
Thanks for the video, super useful! I tried to build this in my app, however I would constantly get a loading spinner for the nested gallery - is there anyway to remove / prevent this?
I have not come across this issue and hence not sure how to prevent it. I recommend posting your issue/query with screenshots on the forums at powerusers.microsoft.com
Thank you for this Reza. Appreciate it. Question, wha tif I have one screen with two tabs and I want to link Submenu to respective tabs of the screens. Can we pass variable of some sort in Table of Menu Object?
Components has output parameters. You would need to pass those on menu click and set them in variable. I do not have a specific video on this scenario though.
@@RezaDorrani Thank you. I had done that and somehow variable was not reflecting. But your word gave me confidence and turns out i had to hard refresh browser so Components changes reflect in my app. Thank you again.
Love this menu component, it's very useful and flexible. A very tiny issue I have is the sub menus always show whatever main menu is selected. It becomes a problem when there are lot of sub menus.
You could customize the menu further and add show/hide logic for submenus.
@@RezaDorrani Agree
Overall, a great video Reza the menu worked very well. I did however have an issue where the submenu items were getting set to a height of 1 when I import the component into my main app, undoubtedly due to changes in PowerApps since this video was made. I fixed this by hard coding the TemplateSize of the galSubMenu to the size I wanted instead of using the code shown in the video. This makes it to where the submenu items do not get set to a height of 1 when importing. Just in case anyone else runs into this issue and needs a quick fix.
Thanks so much for sharing your findings. These are definitely due to updates in studio.
I have a video coming next week that shows a simple approach for building navigation and flyout menus.
@@RezaDorrani I look forward to seeing it!
Hello Reza. The first i would like to say thank you for your job. I started learn this program 5 months ago. And most of i know about this program, it's thanks to you. Now about this video, i have the app were is i need to start work with that navigation menu not from first screen, but from second. Can you answer me, how can I do this? Thank you
Thanks for watching and liking my videos.
Best of luck with your learning on this platform.
Start navigation from screen2? You can set the order of menu items to begin from screen2.
It seems you want app landing screen to be screen2. In that case, the App object has a property called start screen, simply define the screen there.
Thank you for this! I've been trying to build something similar in a few apps and now have a roadmap to follow. One question, though: to ensure the menu is collapsed after changing screens, do you really need to set the "ShowMenu" variable to true, then to false? I realize it should be so quick that nobody will notice, but some people might. Also, would it be possible to make that a context variable (rather than global) and pass it along in the navigate formula?
Yes you could make it a context variable. You can also set that variable on screen hidden which would then negate that flick effect.
Reza - Thank you for the amazing instructional video. I have built my component in an environment years ago and now have my app published in a new environment and updates I make to this component in another environment is not updating. What are you recommendations for this, do I have to create the component again in the new environment to receive updates? If so, is there a “copy and paste” option?
What’s your ALM strategy?
Assuming you have this as a local component in an app, any updates you make in dev and publish solution to downstream environments, should deploy the updates.
@@RezaDorrani thanks for the quick reply-I built the component in the component library of my “Personal Productivity” environment which is used as my dev environment now and my app that I added the component into is in my new prod environment and it functions but now when I make edits to the dev environment and publish - those updates never seem to get pushed to my prod environment because there is no notification in the studio when I open my app.
I believe there are limitations (not sure) with component libraries. I have not tried ALM with it and hence unsure if there are any blockers.
Amazing video! What happens if one of the screens that I'm navigating to with the menu is a form, that I need to be cleansed. How can I add the "NewForm" function into this?
You can always write logic on screen visible where form is placed.
@@RezaDorrani I’m using the same screen for both editing and adding a register. Only thing that changes is the button that helps me navigate to the screen (one includes the “NewForm” function and the other doesn’t). I was trying to apply this logic in the Navigate Button in the Left Nav Menu as follows: If(ThisItem.MenuLabel = “Add New Register”, NewForm(NewRegisterForm); Navigate(ThisItem.MenuScreenNavigate, ScreenTransition.Fade), Navigate(ThisItem.MenuScreenNavigate, ScreenTransition.Fade). Nonetheless, when doing this in the component, it doesn’t seem to recognize the “NewRegisterForm”. Do you know a way in which I can make it work? It’s urgent.
Is it possible to add this function in the MenuItems table?
@@sebastianjuarez5575 You would probably have to get another output variable from component which gives info of item clicked in nav. Check output property value in screen and accordingly call your code. I don't have a video reference for this specific case, so you will need to try it out.
@@sebastianjuarez5575 No because it does not have the context.
Awesome video! Appreciate the detail. I am attempting to make a variation of this where a simple menu sits at the bottom of the app and a pop up menu would appear from the bottom when a button is clicked with more menu options . So pretty much a reverse "L" shaped menu. The problem is when I have the size of the component dynamically change based on clicking the button, it shrinks the component from the top portion and not the bottom, making my gallery menu appear off screen. There doesn't seem any way to adjust the position of the component. Is there a work around for this?
Hi Mike, it is surely possible. Something that I would have to try out and test. Not sure of a quick workaround though.
Thank You Very Much Dear,
I have used it
Great
Thank you so much! This is excellent. I'm having trouble with the MenuItems using the collection on App Start, if I change the MenuItems property to the table of items directly, it works fine, as soon as I put the collection variable there instead - it shows no menu items. Have I missed something?
Ensure you right click on App object on left nav and Run OnStart.
This will load your collection when editing the App.
When you run the App, OnStart runs immediately.
@@RezaDorrani fab that works! Quite new to PowerApps so wasn't aware of that, thank you very much for your help and so quickly too!
@@michellecurtis5711 Great! No worries. We are all new and learning together.
This is great. I love your videos I'm learning a lot from them. I have a query, how would i add in visibility changes to each button based on a variable pulled from data in a sharepoint list? For example, only certain users can see specific buttons.
I do not have a video reference on this scenario and would have to try it out to provide guidance. I recommend posting your query on forums at powerusers.microsoft.com in case someone has done something similar
@@RezaDorrani is there any chance you are going to do a video on this? I am really struggling to get this to work.
@@alexebradley7610 I have no plans for a video on this. It would be best to leverage the forums.
Very nice tutorial, thank you so much. I'm using this menu now in many screens. I also made a change that the canvas is the size of the hamburger icon so the space underneath is also usable. I also tried to change it so I can use the component also for menu's with action buttons instead of navigation buttons so I can run a piece of code instead of going to a certain screen. any idea if that is possible?
Not sure.
Hi Reza Dorrani, to do all tasks in your all videos. Should we have a licensed one or can be done with the Trail version too. Please let me know.
A standard Office 365 license will suffice as long as the Apps/flows are not using premium connectors.
@@RezaDorrani Thank you for your response
Thank you! You are the best!
Thanks
Hey Reza! I just wanted to thank you for putting out these videos. They've been such a big help at work.
I do have a question though. Is it possible to shrink that "Invisible wall" when the Hamburger menu is minimized? I have buttons that span along the left side of the screen in the app I'm making (like your Editable Grid Video) Whenever I minimized the hamburger menu, the buttons are getting blocked by that invisible wall. Is there a way to shrink that wall so that only the hamburger icon is there and not that long strip?
Please let me know if you need me to clarify anything!
You would need to make the height property of the component dynamic for that.
@@RezaDorrani Would I need to create a new Property like SetMenuHeight and a MenuHeight?
@@JC-tt5lj Probably
Hi Reza, love your videos as they have helped me tremendously. I am having a slight issue that I do not understand where it is coming from. My issue is regarding setting the Visible variable for the rectangle, ThisItem.MenuScreenNavigate = App.ActiveScreen. I have ported over the component using this syntax but the rectangle is always showing for each menu item, no matter which screen I am on. Any suggestions on how to troubleshoot this? Thanks!
I figured it out. I was working on the component from the wrong library in the wrong environment. Whoops!
Thanks for watching and liking the videos.
Looks like you figured it out based on your response comment :)
For the screen onvisible property, why are you setting the showMenu variable to true and then false? Can we not set it to false directly?
Because the value of the variable needs to change in order for the component to call the OnReset property. Hence setting it to true and then false which in turn triggers the OnReset.
@@RezaDorrani thanks for explaining....can we make the level 2 menu hide/show on click of the corresponding level 1 menu item?
@@SoumyorupDey Yes can be done. But that would be probably a V3 in future. You can add another variable and drive that logic in the Menu.
@@RezaDorrani thanks....will give it a try
Hope you don't mind me asking another question! I'm trying to apply this to a responsive layout, of which I have a horizontal container. At the top is a header component, and I want to place the the menu component at the top left, but of course it pushes everything else out of the way. Is it possible to get this working in a responsive layout, where the menu will overlay the other containers? I hope this makes sense and thank you in advance for any help!
It is surely possible with the responsive containers but I would have to try this out to provide any guidance. I would recommend you post your issue/query with screenshots on the forums at powerusers.microsoft.com
@@RezaDorrani thank you so much, I will do that :-)
I've requested access to the forum, will report back when I get somewhere :-)
@@michellecurtis5711 If you need any assistance with forums contact twitter.com/heddanewman
@@RezaDorrani thank you and apologies for the delay, I had got a tip from elsewhere to put the menu at the top of the screen, above the container, not inside the container, and it shows as it should. Shame as it seems a bit of a workaround.
Good vedio thanks.
Most welcome
Really useful video, how would you put an action on one of the icons, so an icon to exit the application?
OnSelect function of the icon call the Exit function docs.microsoft.com/en-us/powerapps/maker/canvas-apps/functions/function-exit
Since you cannot call function from the screen via component, you would have to insert that logic in the component.
Working as advertised, but looking to make one small change, if possible (didn't see this listed in the comments). How would we go about making the hamburger menu essentially a toggle? As in, you click on it to open the menu. All the navigations on the other screens will stay open as well, until you click on the hamburger again to close it. This is how the Office 365 menus work now inside their system.
I would have to try it out to provide guidance. I would recommend posting your issue/query with screenshots on the forums at powerusers.microsoft.com
Thank you very much for your video! Please can you help me with this situation: I want to add a label next to the Hamburger icon and when the menu is expanded I want the label do not be visible anymore.
Inside the component, I believe there is a property that dynamically sets the width of the menu. You can check that property inside component and accordingly show/hide your label.
@@RezaDorrani thank you!! it worked :)
Awesome video, Reza ! However, I want to share that I encountered a small challenge. Initially, my 'Navigate' command didn't work. After some hours of troubleshooting, I realized that the data in the 'MenuScreenNavigate' field shouldn't be enclosed in quotation marks. I hope this can be helpful to someone facing the same issue.
Thanks for sharing. Quotation is needed if screen name has a space.
Hi Reza, great! I copied some. Now I have a strange bug, the second item of my secondary menu show up afther hovering the empty space. Do you have any idea why? So I see some empty space like it should be there. Afther hovering it pops op. Thx in forward.
Video description has link to download sample component. Check and see how the spacing was done between galleries.
@@RezaDorrani thx!
Hi Rezza, I don't understand adding the button for the menu table to be available? This activates the col menu, but does it now always have to have the button there? and the menu isn't there without the button being pressed? So anytime the app reopens the button needs to be pressed?
Its optional. You dont have to use that button show/hide logic.
Great video. Please Raza, I want the app to hide the menu items based on the user's permission. Is this possible with component? Thank you
Possible. Check my video on role based power apps.
ruclips.net/video/fbDQH0vIsN8/видео.htmlsi=Mx5LFlbMbYpEYShv
@@RezaDorrani thank you so much Raza. This video is helpful. Also, I have already done that but what I am getting at is that, can I build a menu component that will behave based on the role permission. For example, if you are a manager, you should only see few of the menu but as Admin, you can see all the menu. I am aware I can do it screen by screen but I am trying to do that using component
@@TYS22 It is possible and I show that in a video but do not remember which. I would recommend posting your query on forums at powerusers.microsoft.com/
@@RezaDorrani Thank you, Raza. I have figured it out
Thank you for this informative video. can you tell me how could i add more than one nav menu in a single app?
By using the same component across multiple screens of the App.