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.
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! 👍🏼
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 - 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!!
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.🙏🙏
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/
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.
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.
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.
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.
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 ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-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 ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-J-hMMXrKMVE.html & ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-fbDQH0vIsN8.html
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 RU-vid 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.
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!
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
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 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 } )
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.
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
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?
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?
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?
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
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
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 :)
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.
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
@@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/
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?
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
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.
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!