@@TheAnalystNik I have to say you surprise me with the navigation gallery OVER the header, I initially thought that it will contain every control, very clever
Hey Hey Hey...Nik, Nik, Nik!! (I am shouting your name over here!) This is the most helpful video I have found. Most importantly...the included screenshots of the properties and function values, and justification settings. I was able to follow along and build this with you. Airplayed this vid to a huge tv screen for a classroom setting and made amazing progress! My boss is happy! Thanks Nik!!!🤩
Hey Nik, another clear and helpful video! I really like the way you overlay the key parameters as you explain the control you’re building. Thank you for sharing your knowledge so effectively.
@@TheAnalystNik Quick question, Why do we need to have extra horizontal container for logo and Company name? wouldn't be enough only one horizontal container? What is the logic behind? Highly appreciate for your answer!
@@kooled2245 that's a great catch! You can simplify it by removing conCompany2, and updating the following properties on conCompany3: Align (vertical) to Center, turn off Flexible height, set height to 50. Cheers
Thanks for the video! Very nice menu. I use something similar but your video will help me make it look cleaner. I'm trying to figure if/how to make a flexible width menu also so that the main menu options only take up the space they need. I have a poc, but the menu's don't always align correctly and get stacked on top of each other and other times they look exactly as one my expect. Keep the videos coming.
Hi Nik, Great video but I am stuck at 11:15, with button onselect where there is a variable VarmenuSelected.ID=Thisitem.ID, it is throwing an error "the '.' operator cannot be used on boolean value. Is possible to confirm how this variable was defined?
it's hard to say what the issue might be. If you follow everything in order it should work but have you tried to start over and see if there's any code that you missed?
Excellent video. Thanks for sharing your knowledge. I encountered the same issue: "Name isn't valid. 'varMenuOpen' isn't recognized." at 18:55. I found this parameter is defined when clicking the main menu button. I cannot use this parameter to set the component height. Question 2: The menuTheme and menuItems from the formulas cannot be used directly. I need to set a custom property to pass them in. Did I miss any steps?
May I ask another question, The top menu may result in the screen having white or blank content when the menu displays. Do you encounter this issue? or how to fix it.
Hi Sandy, glad you like the video! It's very important to turn on 'Access app scope' at 4:15. This allows you to pass variables between your app and your component. Hopefully this fixes the issue you are experiencing in setting the component height and passing the MenuTheme and MenuItems formulas. Cheers!
At 11:37 is when varMenusSelected is set within the Switch function. When you are first typing out varMenuSelected.Id = ThisItem.ID it won't recognize the variable but once you write out the full code in the video it should recognize it. If it's still giving you trouble, you could try adding to the App's OnStart property Set(varMenuSelected, Blank()) and see if that works.
Awesome job, Nik! Do you have any videos or resources to build modern galleries? I'd like to recreate a catalog of games sort of like a playstation store landing page, with a search bar and also using the nav style you demo here. Looking forward to any suggestions - Thanks!
Hi thank you! I recently posted a video building a project management app with a gallery to display tasks and projects so that might help you! Otherwise that’s a cool idea for a video in the future. Hope it helps!
Fantastic video, I learned an incredible amount from this. I am having 1 issue however. At 18:55 in the video, you enter the If statement into the Menu Component's height property. When I tried it, the component's height property went to 1 and I can't seem to figure out where I went wrong. Any Advice on this? I tried playing around with the "btnSelectMenu"'s OnSelect property where you set your "varMenuOpen" variable, but it doesn't seem to be doing anything :(
Nevermind! With the help of Chatgpt, I discovered my mistake! When I set the "btnSelectMenuHeight" variable , I entered "=" when I should have entered "*". 🤦♂🤦♂🤦♂ Again, thank you. This video was amazing. I'm self taught and throughout this video I discovered a multitude of things I'm doing wrong within my own project. Like not setting variables in the app for my color themes, or taking advantage of variables/tables in general, among many other things. This video showed me that I have so much to learn, especially on when to use Vertical/Horizontal containers, because I currently avoid using them because they felt limiting.
Chat GPT is a great helper with these kinds of things, glad you were able to figure it out! It's awesome to hear you found a lot of value from the video! Power apps is a never ending learning journey because there's so many ways to do things. I hope to give you more tips in future videos, cheers!
You’re totally right, I tried to make it as simple as possible but it’s still quite complex. If you keep pushing yourself to test out new things eventually you’ll get there!
@@thankivinit766 it's complex but fun... I have copied it and created just the same. I will use it in my next application.:) Great work Nik. Will wait for your next video
Hey Nik, thanks for the video. I was wondering how you would approach making one of the menu items launch a URL instead of navigating to a different page? TIA
You're welcome! That's a good question. The way you can do this is by updating the galMenu and/or galSubmenu btnSelectMenu OnSelect properties to something like this: Set(varMenuOpen, false); Switch( true, ThisItem.Id = 4.1, Launch("bing.com"), ThisItem.Id = 4.2, Launch("google.com") ); Navigate(ThisItem.Screen, ScreenTransition.Fade); The in the Switch function you can point out the specific Id's you want to go to a website and then enter the website in the launch function. Cheers!
Another great tutorial on PowerApps! I'm curious when do you plan to combine everything, you've shown to build a complete app? You're really skilled at this, and I hope to reach your level someday!
Thank you! For sure a full app build is something that I would love to do in the near future, any app recommendations? If you keep building and trying new things you will definitely get there! Cheers
@@TheAnalystNik Thank you for the encouragement! I really appreciate it. For an app idea, I’ve been thinking about an Inventory Management System with a feature that tracks item assignments between employees. For example, an Apple laptop might be assigned to Employee A (Rico), and when Rico resigns, the system can reassign the laptop to Employee B (John). The system would log the history of the item, showing who previously had it and who currently has it. This would be useful in real-world scenarios where businesses need to track company assets and ensure they are reassigned properly. I’ve seen tutorials on building simple inventory management apps, but many are too basic and don’t feel worth adding to a portfolio. This idea, however, could showcase more advanced skills and solve a real-world problem. If I had the skillset you do, I’d build this myself, but I’m not quite ready yet. It would be amazing to see you build something like this in one of your upcoming videos. Thanks in advance for considering it! Cheers!
@@TheAnalystNik Great! My suggestion is to design an app that allows you to import single rows from a table (e.g. product names) and combine them with data from another (pre-set) table, for example using combo boxes (which allow you to classify products by warehouse, location, etc.). The app should allow you to verify that all rows from the first table have been classified
As long as the dropdown is above your other content, and you're not changing you other continents Y properties during the expansion, then it will just overlap your other content
Great Video, I followed the steps and its very neat and clean. I have a query too, when I pull down for the submenu items it shifts the containers below which gives a little shaky experience. is there a way to add overlays for the submenu items and I am new to power apps so need some assistance. Appreciate your detailed instructions.
Hi thank you! Once you add the component to your screens, as long as it's on top of all your other items on that screen it will overlay. How have you set up your screens?
It helped thanks alot. I was using the header component inside the vertical container in my screen. I moved it outside which is in my sceen. Again thanks a ton for a beautiful look and feel idea.
Hi. Excellent content. I'm having problems with the menu not appearing in the bar. I can hover and it appears. Same with submenu. Hover and I can see the menu. Suggestion?
Hi Nik, Can you please add your component to git repository? I am curious to see if it works with the most recent version 3.24102.17. Any control inserted on top of Gallery is not accessing the THISITEM. I am getting an error "This formula uses scope which is currently not supported for evaluations". Any help would be highly appreciated.
Hi Al, I just checked and it does work with the most recent version you mentioned. I actually have this available for download on buymeacoffee.com/theanalystnik if you would like to support! Cheers
Hi Nik, Thanks for the video! I recreated the same scenario in my app and followed all the steps. However, I’m encountering an error message related to the "Screen" parameter in my component. I’m unable to pinpoint the exact issue. Could you help me figure it out? Thanks in advance!
Hi Nik great video! Subscribed since found your content quite nice. Hope that you could make a video tutorial on how to make gallery in canvas look more table like. I tried following other videos, but it takes a lot of effort to implement and would like to see how you would do it. The reason why I want to make it look table like is to have custom fields or actions per table row, since from my understanding is that for table/data table you are unable to create custom fields with actions.
Thank you! yes that's a good idea, using a gallery definitely gives more flexibility in terms of custom actions on each row. I'm curious what scenario you are thinking of, and what the conditions would be for the various actions?
Id like to make my sub menu do functions if i select them, so if i press the "location" part on the submenu, id like it to perform a function. Anyone know how to do this :)
Hi yes you can! The way you can do this is by updating the galMenu and/or galSubmenu btnSelectMenu OnSelect properties to something like this: Set(varMenuOpen, false); Switch( true, ThisItem.Id = 4.1, Launch("bing.com"), ThisItem.Id = 4.2, Launch("google.com") ); Navigate(ThisItem.Screen, ScreenTransition.Fade); In the Switch function you can point out the specific Id's you want to do specific functions. Cheers!
You have to make sure the galMenu Items property is MenuItems, which we defined in the Formulas property in the App. In order for the component to recognize MenuItems, you have to 'Access app scope' as shown at 4:13. Hope that solves it for you!
@@TheAnalystNik Disregard. I found the problem. conMenu wasn't a child of galMenu. I didn't realize I had to click the pencil edit icon to add the container as a child. It works now. Thanks for your help.
Great question, I do this for more flexibility in the position of the text. In this example, some menus have an icon next to them and others don’t, so I need the text to be in a different spot based on where they are in the container. Hope that makes sense! And thanks for the kudos!
4 месяца назад+1
@@TheAnalystNik got you. I must have missed that part with images next to labels 🏷️ part in that video.
Fantastic, this is so easy and a much cleaner solution that I currently use. Brilliant and informative tutorial to follow. Just a question, I use collections for my nav table and use certain sections available to admin group, how can I introduce a admin group so the logged in user can see that element in the nav bar menu?
Thank you glad you found it helpful! In your situation, it would depend how you are identifying your admins so I’ll make some assumptions and hopefully it leads you to your solution. I’ll assume you have a variable varAdmin set to true/false at the start of your app. You could add another property to your MenuItems like Admin: true or false, then apply a filter to the galMenu Items property like If(varAdmin =true, MenuItems, Filter(MenuItems, Admin = true) Hope it works for you!
Thank you Nik for taking the time to reply. My use case does use a table of named users emails as admins in the OnStart in the app and want to convert to formulas which I have, I’m trying to work out how to apply to only one of the submenus called Admin, so only admins can see that option in the Navbar menu. I am getting a ‘true’ result when I check using the named formula in a text box.
Hi! It's hard to tell what the error is but try copying and pasting the below code in your Apps Formulas property. You might be missing some braces. Once you have this, in the galMenu Items property, just type in MenuItems. Hope that works for you! MenuItems = Table( {Id: 1, Name: "Home", Screen: Home}, {Id: 2, Name: "Company", Submenu: Table({Id: 2.1, Name: "About Us", Screen: 'About Us'}, {Id: 2.2, Name: "Contact", Screen: Contact}, {Id: 2.3, Name: "Location", Screen: 'Our Location'})}, {Id: 3, Name: "Resources", Screen: Resources}, {Id: 4, Name: "Analytics", Submenu: Table({Id: 4.1, Name: "Overview", Screen: Overview}, {Id: 4.2, Name: "Reports", Screen: Reports})} );
Nice Video but not working for me. The component is not recognizing the submenu. It is giving an error "This formula uses scope which is currently not supported for evaluations". Do you know what does this message means? Please help. I am not able to get this working. MenuItems = Table( {Id: 1, Name: "Home", Screen: Home}, {Id: 2, Name: "Company", Submenu: Table({Id:2.1, Name:"About Us", Screen: About}, {Id:2.2, Name:"Contact Us", Screen: Contact}, {Id:2.3, Name:"Location", Screen: location1})}, {Id: 3, Name: "Resources", Screen: Resource}, {Id: 4, Name: "Analytics", Submenu: Table({Id:4.1, Name:"Overview", Screen:Overview}, {Id:4.2, Name:"Reports", Screen:Reports})} );
I recently set up a shop where you can download the .msapp file. If you choose to download thank you for supporting the channel! buymeacoffee.com/theanalystnik/extras
@TheAnalystNik you are awesome, I have watched all your videos and learned all aspects and genius usage of component. I love to see your videos on fluent Ui design, how we can use, also PCF controls. Bcz you the way you teach us, it is just awesome and simple. Many many thanks to you for the efforts 👌🏻 May God bless you brother. 😍
@@TheAnalystNik I am experiencing the same issue and stuck. The "Menuitems" defined in Formulas property of the app is not working in the Items property of the Gallery in the component. The error is "Name isn't valid. 'Menuitems' isn't recognised. I have turned on the required feature in the Experimental section of thr Updates. Please help
@@TheAnalystNik Thank you very very much!! looking forward to it so i can use is as a library component please if the video can teach the know how please
It's really good.. I like it .... But, in this example you have used only 4 main menu .. question is , how we can handle when we have around 8 to 10 main menu. It will not fir in one single view
Great question! You can decrease the number inside the galMenu Width property to something like this: Self.AllItemsCount * 130. Depending on the Text length, you might want to decrease the text size of lblItem if it becomes too narrow. Cheers
@naveedraza7662 yeah for sure, you could also group the extra menu items into one called ‘Other’ and have them as submenus, or create a left navbar instead from my other video
@@TheAnalystNik Hey Nik, great video! Similar question regarding the drop down menus. In the submenu, how can we allow for a larger area to fit the text? Some of the submenus in my app are longer in name than the primary category on the dropdown. Any help is certainly appreciated!
@@TheAnalystNik Ah! Got it. galSubmenu Template Size can be adjusted. However, we then need to account for the container height for the submenu by adjusting the multiplier for the menu height variable under the button onselect. Hope this can help others.
This example shows that we can now bring power apps to a real modern low code dev app, very nice
Absolutely! I’ll continue to explore more ways to to make modern looking apps in the low code space
@@TheAnalystNik I have to say you surprise me with the navigation gallery OVER the header, I initially thought that it will contain every control, very clever
Yeah I had to get creative with this one to make it work. Glad you found it helpful
This is a fantastic menu, thank you for the full walkthrough, great job.
You’re very welcome and glad you enjoyed! Cheers
Hey Hey Hey...Nik, Nik, Nik!! (I am shouting your name over here!) This is the most helpful video I have found. Most importantly...the included screenshots of the properties and function values, and justification settings. I was able to follow along and build this with you. Airplayed this vid to a huge tv screen for a classroom setting and made amazing progress! My boss is happy! Thanks Nik!!!🤩
That’s amazing to hear and glad I could help! Cheers!
Simply the master of Power Apps! Keep going! You already have fans here in Brazil!!!!💜
too kind thank you! I can't believe I have fans!
@@TheAnalystNik Not only Brazil but also China. It'd be all over the world. I'm so happy to find this video. Thanks for sharing your knowledge.
Wow thank you so much, I appreciate the support worldwide! Happy you found value in my videos. Cheers!
Hey Nik, another clear and helpful video! I really like the way you overlay the key parameters as you explain the control you’re building. Thank you for sharing your knowledge so effectively.
I'm glad to hear it! I was hoping the overlay would be helpful, so thanks for confirming
Quality vids bro, love the included screenshots of the properties and function values, and justification settings etc.
Thanks so much! Glad the screenshots are helpful, I’ll keep including them
This was amazing bro, Loved the rich look it gave to the app
Thanks so much, glad you enjoyed!
So good nik.. great video 🎉🎉 learned something new 😄...
Glad it was helpful! Thank you
As usual succinctly perfect! Keep up!
I appreciate it thank you!
@@TheAnalystNik Quick question, Why do we need to have extra horizontal container for logo and Company name? wouldn't be enough only one horizontal container? What is the logic behind? Highly appreciate for your answer!
@@kooled2245 that's a great catch! You can simplify it by removing conCompany2, and updating the following properties on conCompany3: Align (vertical) to Center, turn off Flexible height, set height to 50. Cheers
Awesome job! Another fantastic component, thank you :)
Thank you, happy you like it!
Amazing ❤❤
Thank you! Cheers!
Clean! Thanks for the video.
You’re very welcome, glad you liked it!
Great video and very clear instruction.
I’m glad you liked it thank you!
Thank you for sharing your valuable insights!
More to come!
Awesome Job! Another Fantastic Video
Thank you for the comment and glad you’re enjoying the content!
Thanks for the video! Very nice menu. I use something similar but your video will help me make it look cleaner. I'm trying to figure if/how to make a flexible width menu also so that the main menu options only take up the space they need. I have a poc, but the menu's don't always align correctly and get stacked on top of each other and other times they look exactly as one my expect. Keep the videos coming.
Thank you! And yeah that seems like a tough one to solve for but good luck!
Congrats, bro. It's really good
Thank you! Glad you liked it
Fantastic! Thank you for the detailed explanation, it really helps me with my ongoing project. More subs to your channel! God bless.
Glad it was helpful! thanks so much
Great tutorial! Thank you very much!
Glad you enjoyed!
Excellent! Thank you.
Very nice and awesome video thans!
Thank you! Glad you liked it
amazing skills and insight to build this thank you
Glad you liked it!
Hi Nik, Great video but I am stuck at 11:15, with button onselect where there is a variable VarmenuSelected.ID=Thisitem.ID, it is throwing an error "the '.' operator cannot be used on boolean value. Is possible to confirm how this variable was defined?
O.k Im gonna have to watch this again to soak all that in.
haha absolutely there's a lot to unpack here! I have less complex top nav video in the works as well
varMenuSelected and !varMenuOpen isnt recognized. acces app scope is on. pls help.
it's hard to say what the issue might be. If you follow everything in order it should work but have you tried to start over and see if there's any code that you missed?
Excellent video. Thanks for sharing your knowledge. I encountered the same issue: "Name isn't valid. 'varMenuOpen' isn't recognized." at 18:55. I found this parameter is defined when clicking the main menu button. I cannot use this parameter to set the component height.
Question 2: The menuTheme and menuItems from the formulas cannot be used directly. I need to set a custom property to pass them in. Did I miss any steps?
May I ask another question, The top menu may result in the screen having white or blank content when the menu displays. Do you encounter this issue? or how to fix it.
Hi Sandy, glad you like the video!
It's very important to turn on 'Access app scope' at 4:15. This allows you to pass variables between your app and your component. Hopefully this fixes the issue you are experiencing in setting the component height and passing the MenuTheme and MenuItems formulas. Cheers!
I'm not sure about the issue of the blank/white content as I haven't encountered it
VarMenuSelected was never set in this video. I tried to figure it out but can’t get the sub menu ID’s to work. Please as the fix
At 11:37 is when varMenusSelected is set within the Switch function. When you are first typing out varMenuSelected.Id = ThisItem.ID it won't recognize the variable but once you write out the full code in the video it should recognize it. If it's still giving you trouble, you could try adding to the App's OnStart property Set(varMenuSelected, Blank()) and see if that works.
Thanks for sharing. How do i make it responsive? I was thinking of adding a Hamburger menu when the screen width is
You're welcome! In order to make it responsive you would have to hide the whole component if the screen width
Thank you very much for the menu, but when I display an option the menu moves the rest of the elements on the screen, how can it be superimposed?
You're welcome! depending on how you've set up your screen, as long as you've 'moved to top' then it should layer over everything underneath it.
Awesome job, Nik! Do you have any videos or resources to build modern galleries? I'd like to recreate a catalog of games sort of like a playstation store landing page, with a search bar and also using the nav style you demo here. Looking forward to any suggestions - Thanks!
Hi thank you! I recently posted a video building a project management app with a gallery to display tasks and projects so that might help you! Otherwise that’s a cool idea for a video in the future. Hope it helps!
Fantastic video, I learned an incredible amount from this. I am having 1 issue however. At 18:55 in the video, you enter the If statement into the Menu Component's height property. When I tried it, the component's height property went to 1 and I can't seem to figure out where I went wrong. Any Advice on this?
I tried playing around with the "btnSelectMenu"'s OnSelect property where you set your "varMenuOpen" variable, but it doesn't seem to be doing anything :(
Nevermind! With the help of Chatgpt, I discovered my mistake! When I set the "btnSelectMenuHeight" variable , I entered "=" when I should have entered "*". 🤦♂🤦♂🤦♂
Again, thank you. This video was amazing. I'm self taught and throughout this video I discovered a multitude of things I'm doing wrong within my own project. Like not setting variables in the app for my color themes, or taking advantage of variables/tables in general, among many other things. This video showed me that I have so much to learn, especially on when to use Vertical/Horizontal containers, because I currently avoid using them because they felt limiting.
Chat GPT is a great helper with these kinds of things, glad you were able to figure it out!
It's awesome to hear you found a lot of value from the video! Power apps is a never ending learning journey because there's so many ways to do things. I hope to give you more tips in future videos, cheers!
Very complex 😊 but nice to use in App Much appreciate 😉
Don't know when I will reach this level
You’re totally right, I tried to make it as simple as possible but it’s still quite complex. If you keep pushing yourself to test out new things eventually you’ll get there!
@@thankivinit766 it's complex but fun...
I have copied it and created just the same. I will use it in my next application.:)
Great work Nik. Will wait for your next video
Hey Nik, thanks for the video. I was wondering how you would approach making one of the menu items launch a URL instead of navigating to a different page? TIA
You're welcome! That's a good question. The way you can do this is by updating the galMenu and/or galSubmenu btnSelectMenu OnSelect properties to something like this:
Set(varMenuOpen, false);
Switch(
true,
ThisItem.Id = 4.1, Launch("bing.com"),
ThisItem.Id = 4.2, Launch("google.com")
);
Navigate(ThisItem.Screen, ScreenTransition.Fade);
The in the Switch function you can point out the specific Id's you want to go to a website and then enter the website in the launch function. Cheers!
@@TheAnalystNik legend, thank you
It’s a very good video; it taught me a lot. Congratulations on the great explanation! I would like to know if there is a repository for this project?
Hi I'm very happy to hear that! I have the .msapp file available for purchase and download here: buymeacoffee.com/theanalystnik/extras
Another great tutorial on PowerApps! I'm curious when do you plan to combine everything, you've shown to build a complete app? You're really skilled at this, and I hope to reach your level someday!
Thank you! For sure a full app build is something that I would love to do in the near future, any app recommendations? If you keep building and trying new things you will definitely get there! Cheers
@@TheAnalystNik Thank you for the encouragement! I really appreciate it.
For an app idea, I’ve been thinking about an Inventory Management System with a feature that tracks item assignments between employees. For example, an Apple laptop might be assigned to Employee A (Rico), and when Rico resigns, the system can reassign the laptop to Employee B (John). The system would log the history of the item, showing who previously had it and who currently has it. This would be useful in real-world scenarios where businesses need to track company assets and ensure they are reassigned properly.
I’ve seen tutorials on building simple inventory management apps, but many are too basic and don’t feel worth adding to a portfolio. This idea, however, could showcase more advanced skills and solve a real-world problem. If I had the skillset you do, I’d build this myself, but I’m not quite ready yet.
It would be amazing to see you build something like this in one of your upcoming videos. Thanks in advance for considering it!
Cheers!
@@TheAnalystNik Great! My suggestion is to design an app that allows you to import single rows from a table (e.g. product names) and combine them with data from another (pre-set) table, for example using combo boxes (which allow you to classify products by warehouse, location, etc.). The app should allow you to verify that all rows from the first table have been classified
if height is flexible, wouldn't that mean that if i have contents in my screen they would get pushed down whenever i open the dropdown?
As long as the dropdown is above your other content, and you're not changing you other continents Y properties during the expansion, then it will just overlap your other content
Great Video, I followed the steps and its very neat and clean. I have a query too, when I pull down for the submenu items it shifts the containers below which gives a little shaky experience. is there a way to add overlays for the submenu items and I am new to power apps so need some assistance. Appreciate your detailed instructions.
Hi thank you! Once you add the component to your screens, as long as it's on top of all your other items on that screen it will overlay. How have you set up your screens?
It helped thanks alot. I was using the header component inside the vertical container in my screen. I moved it outside which is in my sceen. Again thanks a ton for a beautiful look and feel idea.
Perfect!
Supper Cool
glad you like it!
Hi. Excellent content. I'm having problems with the menu not appearing in the bar. I can hover and it appears. Same with submenu. Hover and I can see the menu. Suggestion?
Thank you! Have you set the galSubmenu visible property to this?
varMenuOpen And ThisItem.Id = varMenuSelected.Id
Hi Nik, Can you please add your component to git repository? I am curious to see if it works with the most recent version 3.24102.17. Any control inserted on top of Gallery is not accessing the THISITEM. I am getting an error "This formula uses scope which is currently not supported for evaluations". Any help would be highly appreciated.
Hi Al, I just checked and it does work with the most recent version you mentioned. I actually have this available for download on buymeacoffee.com/theanalystnik if you would like to support! Cheers
Hi Nik,
Thanks for the video! I recreated the same scenario in my app and followed all the steps. However, I’m encountering an error message related to the "Screen" parameter in my component. I’m unable to pinpoint the exact issue. Could you help me figure it out?
Thanks in advance!
you're welcome! I'm not sure what your issue might be!
Legend!
Hah thank you!
Hi Nik great video! Subscribed since found your content quite nice. Hope that you could make a video tutorial on how to make gallery in canvas look more table like. I tried following other videos, but it takes a lot of effort to implement and would like to see how you would do it.
The reason why I want to make it look table like is to have custom fields or actions per table row, since from my understanding is that for table/data table you are unable to create custom fields with actions.
Thank you! yes that's a good idea, using a gallery definitely gives more flexibility in terms of custom actions on each row. I'm curious what scenario you are thinking of, and what the conditions would be for the various actions?
thanks a lot.
You’re very welcome
Id like to make my sub menu do functions if i select them, so if i press the "location" part on the submenu, id like it to perform a function. Anyone know how to do this :)
Hi yes you can!
The way you can do this is by updating the galMenu and/or galSubmenu btnSelectMenu OnSelect properties to something like this:
Set(varMenuOpen, false);
Switch(
true,
ThisItem.Id = 4.1, Launch("bing.com"),
ThisItem.Id = 4.2, Launch("google.com")
);
Navigate(ThisItem.Screen, ScreenTransition.Fade);
In the Switch function you can point out the specific Id's you want to do specific functions. Cheers!
@TheAnalystNik thanks for the help :)
varMenuSelected isn't recognized. Help me !
hi, make sure you've turned on 'Access app scope' on the component at 4:13 in the video
If you explain the container which one is used for what purpose to have that drop down effect. It will be much more clear. Thanks for the videos
Totally, I hope to improve my explanations with every video. Thanks for the feedback, cheers!
I keep getting "Name isnt' valid. 'ThisItem' isn't recognized. Do you know why that would be? Is ThisItem declared somewhere I missed? Thx.
You have to make sure the galMenu Items property is MenuItems, which we defined in the Formulas property in the App. In order for the component to recognize MenuItems, you have to 'Access app scope' as shown at 4:13. Hope that solves it for you!
@@TheAnalystNik Disregard. I found the problem. conMenu wasn't a child of galMenu. I didn't realize I had to click the pencil edit icon to add the container as a child. It works now. Thanks for your help.
Ah perfect glad you found it!
Hey Nik, great content, kudos! QQ: Why do you prefer adding labels under a blank button instead of using the Button text for that label?
Great question, I do this for more flexibility in the position of the text. In this example, some menus have an icon next to them and others don’t, so I need the text to be in a different spot based on where they are in the container. Hope that makes sense! And thanks for the kudos!
@@TheAnalystNik got you. I must have missed that part with images next to labels 🏷️ part in that video.
Fantastic, this is so easy and a much cleaner solution that I currently use. Brilliant and informative tutorial to follow. Just a question, I use collections for my nav table and use certain sections available to admin group, how can I introduce a admin group so the logged in user can see that element in the nav bar menu?
Thank you glad you found it helpful! In your situation, it would depend how you are identifying your admins so I’ll make some assumptions and hopefully it leads you to your solution.
I’ll assume you have a variable varAdmin set to true/false at the start of your app. You could add another property to your MenuItems like Admin: true or false, then apply a filter to the galMenu Items property like If(varAdmin =true, MenuItems, Filter(MenuItems, Admin = true)
Hope it works for you!
Thank you Nik for taking the time to reply. My use case does use a table of named users emails as admins in the OnStart in the app and want to convert to formulas which I have, I’m trying to work out how to apply to only one of the submenus called Admin, so only admins can see that option in the Navbar menu. I am getting a ‘true’ result when I check using the named formula in a text box.
Hey I love your work, can you do a video next on creating moderneusque form or screen?
Thank you, and yes that’s something I’ll cover in future videos
Hello Nik,
I'm a beginner and I've been on your tutorials, but the ItemsMenu keeps showing error whenever i attach it to the items component
Hi! It's hard to tell what the error is but try copying and pasting the below code in your Apps Formulas property. You might be missing some braces. Once you have this, in the galMenu Items property, just type in MenuItems. Hope that works for you!
MenuItems =
Table(
{Id: 1, Name: "Home", Screen: Home},
{Id: 2, Name: "Company", Submenu: Table({Id: 2.1, Name: "About Us", Screen: 'About Us'}, {Id: 2.2, Name: "Contact", Screen: Contact}, {Id: 2.3, Name: "Location", Screen: 'Our Location'})},
{Id: 3, Name: "Resources", Screen: Resources},
{Id: 4, Name: "Analytics", Submenu: Table({Id: 4.1, Name: "Overview", Screen: Overview}, {Id: 4.2, Name: "Reports", Screen: Reports})}
);
@@TheAnalystNik I’ve done it so many times. I’ll keep trying. We will be expecting more of your videos 😊✌️
@@babatundesolomon5802 It also does not work for me
Nice Video but not working for me.
The component is not recognizing the submenu. It is giving an error "This formula uses scope which is currently not supported for evaluations". Do you know what does this message means? Please help. I am not able to get this working.
MenuItems =
Table(
{Id: 1, Name: "Home", Screen: Home},
{Id: 2, Name: "Company", Submenu: Table({Id:2.1, Name:"About Us", Screen: About}, {Id:2.2, Name:"Contact Us", Screen: Contact}, {Id:2.3, Name:"Location", Screen: location1})},
{Id: 3, Name: "Resources", Screen: Resource},
{Id: 4, Name: "Analytics", Submenu: Table({Id:4.1, Name:"Overview", Screen:Overview}, {Id:4.2, Name:"Reports", Screen:Reports})}
);
brother can I get zip file of this app or component
I recently set up a shop where you can download the .msapp file. If you choose to download thank you for supporting the channel!
buymeacoffee.com/theanalystnik/extras
@TheAnalystNik you are awesome, I have watched all your videos and learned all aspects and genius usage of component.
I love to see your videos on fluent Ui design, how we can use, also PCF controls.
Bcz you the way you teach us, it is just awesome and simple.
Many many thanks to you for the efforts 👌🏻 May God bless you brother. 😍
I appreciate that, I'll keep sharing as much as I can on here so thank you for all your support!
Can you share the component ?
The "MenuItems" it doesn't recognize, please help
Is there a specific error it displays?
@@TheAnalystNik I am experiencing the same issue and stuck.
The "Menuitems" defined in Formulas property of the app is not working in the Items property of the Gallery in the component. The error is "Name isn't valid. 'Menuitems' isn't recognised.
I have turned on the required feature in the Experimental section of thr Updates. Please help
@@MohammadAli-ts2ev Hmm, have you turned on "Access app scope" for your component? It's at 4:12 of the video. Hope that solves it!
@@TheAnalystNikThank you Nik. It worked. I had just skipped that. Wish you all the best ❤️ for your YT journey
@MohammadAli-ts2ev that’s great to hear! And thank you for the support, we’ll see how it goes!
can we have one for custom pages please😇😇😇
Next video I’ll show you how to build a navigation within a component library, which will enable you to plug it into custom pages! Stay tuned
@@TheAnalystNik Thank you very very much!! looking forward to it so i can use is as a library component please if the video can teach the know how please
Appreciate if the sample for this upload to github
Hi, have the .msapp file available here if you like to support the channel!
buymeacoffee.com/theanalystnik/e/329538
It's really good.. I like it .... But, in this example you have used only 4 main menu .. question is , how we can handle when we have around 8 to 10 main menu. It will not fir in one single view
Great question! You can decrease the number inside the galMenu Width property to something like this: Self.AllItemsCount * 130. Depending on the Text length, you might want to decrease the text size of lblItem if it becomes too narrow. Cheers
@@TheAnalystNik if we decrease the width and font size then menu baar will not reflect nice... I think menu bar's is good when we less menu items
@naveedraza7662 yeah for sure, you could also group the extra menu items into one called ‘Other’ and have them as submenus, or create a left navbar instead from my other video
@@TheAnalystNik Hey Nik, great video! Similar question regarding the drop down menus. In the submenu, how can we allow for a larger area to fit the text? Some of the submenus in my app are longer in name than the primary category on the dropdown. Any help is certainly appreciated!
@@TheAnalystNik Ah! Got it. galSubmenu Template Size can be adjusted. However, we then need to account for the container height for the submenu by adjusting the multiplier for the menu height variable under the button onselect. Hope this can help others.
I did the steps and when I go to preview the app the submenus don’t show up or even drop down; did I miss a step maybe
hmm yeah there must be a step missed somewhere, I'm not sure where but I hope you find it!