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.
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! 👍🏼
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
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.
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!
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!!
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.🙏🙏
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/
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. 👍
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.
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.
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.
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.
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 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.
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 czcams.com/video/eNhCQ7Y2x7o/video.html were recently released. I would wait to see if there is a nav control coming :)
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.
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 } )
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.
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. Disable a button for a user. Check my videos on role-based Apps czcams.com/video/J-hMMXrKMVE/video.html & czcams.com/video/fbDQH0vIsN8/video.html
Reza - thanks for so many useful easy to follow tutorials. I have used this for several apps, but now I like to expand and add my own icons, this gives me some trouble :-) I have them as images, I can easily add an image control instead of an icon control, but how to have different images that gives me more gray hairs 😀 Thanks so much in advance if you have time to answer!
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
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.
Do not have any videos on svg. I make videos when I get multiple requests on a particular topic. Every quarter I ask subscribers for topic suggestions on the Community Tab of my CZcams channel. Subscribers vote for topics and the highest voted topics get added to my backlog. Make sure you post this in the next topic suggestion post. If it gets a lot of votes, I will add it to my backlog.
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?
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?
Thanks for sharing this great component. It's really made my app so much more accessible! I'm having one slight issue however. Whenever the menu is opened on a new page, it opens in an expanded format, then shrinks to the correct size when you hover or press on it. This only happens the first time you navigate to each page. Once the page has been visited, the menu will display correctly. Any suggestions as to how i can fix this?
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
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.
Hi! Really good Tutorial! I had a problem with the Button i added to create my collection. In every opportunity i save the changes and closed power apps to edit my app in an other moment, when i open it again, i have to click on the button as if i had never pressed it. How can i solve this problem i have? Thank you VERY much.
I have not come experienced this and hence not sure what is the cause for your issue. I recommend posting your issue/query with screenshots on the forums at powerusers.microsoft.com
Firstly, thank you for this amazing video! Now I would like to know if somebody else is experiencing the same issue after the May 16th powerapps update. My menu component suddently stop working. It is reporting menuwidth error, but there is no error.
@@RezaDorrani just like to inform that Microsoft founds the issue with the new version and implemented a fix. Now the component is working out fine again :)
@@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/
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!
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.
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?
Great Video Reza. I have a small issue. When I click on Hamburger, it shows the list of items but then doesn't get closed if I click on the icon again.
Video description has link to download sample component. As for your issue, I will have to look at your component in action to provide guidance. I would recommend posting your issue/query with screenshots on the forums at powerusers.microsoft.com
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?
Thank you Reza Sir. Can you please show how to add Image as icon in the menu items. I made a property whose type is image, and in the MenuItems ppt, i am passing that componentname.imagename but it won't show that image as icon. How to do this? Please help.
The Icon control in the component will not accept images. You would need to add an image control in component and then associate your incoming Image property to it.
HI Reza, Excellent tutorial. Thank you for sharing your knowledge. I can follow it side by side but don't know what happened, at 9.20 Show or hide navigation menu, my menu stays hidden even if i click on hamburger icon. I have gone back several time to check but no luck.
Video description has link to download sample component. Give that a try. As for your issue, I will have to look at your component & App in action to provide guidance. I would recommend posting your issue/query with screenshots on the forums at powerusers.microsoft.com
Hi Raza, I am fan of you, u r doing fabulous job, here is one question in component galary on select u put navigation function so along with how I can put resetform as when I again switch to form it can't reset
Hi Reza, Thank you for such a wonderful video. I created a left navigation menu but when I use it in my app the subtitles are not showing clearly. Tried to adjust templatesize but not working. I can only see the titles clearly.
Video description has link to download sample component. As for your issue, I will have to look at your component in action to provide guidance. I would recommend posting your issue with screenshots on the forums at powerusers.microsoft.com
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 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
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
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!
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 🙏
I think CZcams should allow users to give likes more than once. Most kind thank you Reza, well done!
Thank you for your kind words
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. :(
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!
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!
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.
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
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.
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/
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
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.
Very nice, the component feature is now truelly coming into its own.
+1
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.
Awesome Reza, you just improved your earlier nav component.
Thanks!
Cheers....great tutorial.....the chapters are really helpful for navigating and re-watching certain bits
Glad you like them!
👍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.
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.
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
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!
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
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!
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
Thanks once again for such a detailed explanation. Helps out a lot!!
Glad to hear that!
Simply incredible work!!! Thank YOU!! so much detail and helpful real world examples!!!
Glad you enjoyed it!
It's Reza, Before watching the video first like and subscribe
Thank You 😊
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!
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
The menu width trick is very nice. Good Job !
Thank you very much
Thanks for this tutorial ,you good ! very clear and easy to understand (im french)
Glad to hear that!
Awesome job on this tutorial, very helpful and straight-forward build. Thank you.
Thank you Rick
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!
No Words, I Just want to Thank You, Thanks..!!!!!!!
You’re most welcome
Thanks for sharing this tutorial, Reza. Very useful
Glad it was helpful!
This is very very very usefull video, thanks a lot!
You are most welcome!
Reza, thank you for sharing. I learned a lot with this video.
Glad it was helpful!
Thank you!!! I'm binging all your video's. It's so helpfull
Thanks 😊
Thank you for this tutorial!
You're welcome!
Thank You Very Much Dear,
I have used it
Great
Thank you so much Reza for this detailed video. This is extremely helpful :)
My pleasure!
Top Tutorial Reza, glad I found you man! Thnx a lot
Glad to hear it!
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.
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 :)
As usual wonderfully explained and great work
Thank You
This is very creative and very helpful. As usual Reza amazing job on this tutorial. Please keep it coming.
Thank You
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.
This has been really helpful.. thanks Reza always.
Glad to hear!
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 czcams.com/video/eNhCQ7Y2x7o/video.html were recently released. I would wait to see if there is a nav control coming :)
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.
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 - czcams.com/video/dP74npyyvGc/video.html
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
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
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
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 czcams.com/video/J-hMMXrKMVE/video.html & czcams.com/video/fbDQH0vIsN8/video.html
Oh dear God, what an excellent video!!
Wow, thanks!
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 czcams.com/video/dP74npyyvGc/video.html
Reza - thanks for so many useful easy to follow tutorials. I have used this for several apps, but now I like to expand and add my own icons, this gives me some trouble :-) I have them as images, I can easily add an image control instead of an icon control, but how to have different images that gives me more gray hairs 😀 Thanks so much in advance if you have time to answer!
I found out myself 😀
Looks like you found it on your own. Awesome!
Great tutorial! THANK YOU!
You're welcome!
Amazing content… thank you for share!
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
brilliant, thanks
You're welcome!
Thank you for the video. that what I need.
How about making the menu to expand dynamically ?
Possible.
You can set heights and widths based on menu item count.
Thank you very much, Awesome job!
Glad you liked it!
video is very helpful
Glad it was helpful!
This is a great video and very informative!
Thank you Kevin
Thanks Reza, really helpful video.
Glad it was helpful!
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.
Thanks!
Welcome
Thanks for another knowledge shared
Thanks for watching.
Superb. It would be great to see how to add SVG instead of the icon. I made an attempt but failed.
Do not have any videos on svg.
I make videos when I get multiple requests on a particular topic.
Every quarter I ask subscribers for topic suggestions on the Community Tab of my CZcams channel.
Subscribers vote for topics and the highest voted topics get added to my backlog.
Make sure you post this in the next topic suggestion post. If it gets a lot of votes, I will add it to my backlog.
Just Excellent! Thanx Reza..
Thanks for listening
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.
so much content! it is super helpful! thanks sir!!!
You are most welcome
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.
Thanks for sharing this great component. It's really made my app so much more accessible! I'm having one slight issue however. Whenever the menu is opened on a new page, it opens in an expanded format, then shrinks to the correct size when you hover or press on it. This only happens the first time you navigate to each page. Once the page has been visited, the menu will display correctly. Any suggestions as to how i can fix this?
Never mind. I fixed my problem by setting (if using your naming convention) the TemplateSize property of galMenu
Looks like you got it to work based on your reply comment.
@@sjrobertson1984 could you please elongate this a bit. I’m having this issue and not finding any solution🤯
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.
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.
Good vedio thanks.
Most welcome
Awesome contents sir!
Thanks You
Hi! Really good Tutorial! I had a problem with the Button i added to create my collection. In every opportunity i save the changes and closed power apps to edit my app in an other moment, when i open it again, i have to click on the button as if i had never pressed it. How can i solve this problem i have?
Thank you VERY much.
I have not come experienced this and hence not sure what is the cause for your issue. I recommend posting your issue/query with screenshots on the forums at powerusers.microsoft.com
Firstly, thank you for this amazing video! Now I would like to know if somebody else is experiencing the same issue after the May 16th powerapps update. My menu component suddently stop working. It is reporting menuwidth error, but there is no error.
Components is a preview feature!!!
Someone did experience this issue and posted a fix for it. Check the latest comments on the video.
@@RezaDorrani just like to inform that Microsoft founds the issue with the new version and implemented a fix. Now the component is working out fine again :)
@@marianaamancio6543 Thanks for the update!
@@RezaDorrani Hey Reza!, I just tested it, but not working on my side, I have the same issue. MenuWidth fails when I copy it to my 5 other pages
@@Fernanda-uh7iz Might be another update that broke it. Il recommend posting issue with screenshots on forums.
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.
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.
czcams.com/video/fbDQH0vIsN8/video.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
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
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.
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, great video. I would like to make a 3 level navigation menu. What further formula is needed to make this happen? Thanks in advance
More advanced. Another gallery within gallery which I dont think is an option.
Great Video Reza. I have a small issue. When I click on Hamburger, it shows the list of items but then doesn't get closed if I click on the icon again.
Video description has link to download sample component.
As for your issue, I will have to look at your component in action to provide guidance. I would recommend posting your issue/query with screenshots on the forums at powerusers.microsoft.com
Thank you i was able to build
Nice. Video description has link to download the component in case you want to check the code.
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.
Very nice Reza, excellent job with this menu. Can we connect privately? I am in need of expert on a project.
My email is reza.dorrani@outlook.com. It is also highlighted on the About page on my CZcams channel.
Thank you Reza Sir. Can you please show how to add Image as icon in the menu items. I made a property whose type is image, and in the MenuItems ppt, i am passing that componentname.imagename but it won't show that image as icon. How to do this? Please help.
The Icon control in the component will not accept images.
You would need to add an image control in component and then associate your incoming Image property to it.
HI Reza, Excellent tutorial. Thank you for sharing your knowledge.
I can follow it side by side but don't know what happened, at 9.20 Show or hide navigation menu, my menu stays hidden even if i click on hamburger icon. I have gone back several time to check but no luck.
Video description has link to download sample component. Give that a try.
As for your issue, I will have to look at your component & App in action to provide guidance. I would recommend posting your issue/query with screenshots on the forums at powerusers.microsoft.com
@@RezaDorrani I was missing the step of bringing the menu to the front. When I deleted and did the steps again it appeared. Thank you for the reply.
@@alpanapradhan2328 👍
Hi Raza, I am fan of you, u r doing fabulous job, here is one question in component galary on select u put navigation function so along with how I can put resetform as when I again switch to form it can't reset
Within component you will not get the form context.
Better option would be when user leaves the form screen (OnHidden) you can reset the form.
Hi Reza, Thank you for such a wonderful video. I created a left navigation menu but when I use it in my app the subtitles are not showing clearly. Tried to adjust templatesize but not working. I can only see the titles clearly.
Video description has link to download sample component.
As for your issue, I will have to look at your component in action to provide guidance. I would recommend posting your issue with screenshots on the forums at powerusers.microsoft.com
@@RezaDorrani thanks for your response. I have posted screenshots in the forum. Thanks
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 :)