Building a Left Navigation Menu for Power Apps - Step by Step Guide
HTML-код
- Опубликовано: 11 июл 2024
- In this video, I show a step by step walkthrough of building a responsive Left Navigation Menu in Power Apps which can be reused across multiple screens and canvas apps. The method I demonstrate involves using the modern tab list control to turn it into a vertical navigation menu for your canvas Power Apps needs. There are some tricks involved in getting it to function as a navigation menu which I covered step by step in this video.
📚 Learn More about the Tab List Control: aka.ms/powerapps/tablist
📚 Download the Leave Request sample: aka.ms/samples/leave-request
☕ Was this helpful? Buy me a coffee: www.buymeacoffee.com/aprildunnam
📚 Need help? Book office hours with me: aka.ms/april/officehours
#powerapps #powerplatform
Table of Contents:
00:00 - Intro
00:04 - Add the Control
00:17 - Connect to Data
02:11 - Changing the orientation
02:50 - Make the Menu Clickable
04:52 - Other Uses
05:12 - Styling Options
06:09 - Wrap Up Наука
Love it !!! After watching your video I used it for my new application and my customers liked it. Thanks for the instructions.
Brilliant Technique. Thanks for the quick video but extremely useful
Glad it was helpful!
This is awesome. I'll definitely use the Tab List control for all future navigation I create in Power Apps.
Brilliant! Would love to dig deeper into your theming. Looks fab 👍🏼
I just love your videos April, you had me hooked as a subscriber when I started down the path of power automate and now I'm diving down the rabbit hole of PowerApps so that I can update a huge SharePoint List (customize form option). If you've got any soup to nuts videos on customizing a massive SP List with multiple tabs, point the way. This video really helped though, so thank YOU! I'd been struggling because I wanted a tab list that was responsive like this. PLUS when you showed multiple tab lists in the same app... OMG! you've unleashed more ideas... muahahahaha!
Awesome guide. Thank you!
This will make my apps feel more real
You're welcome! I'm so glad you found it helpful ☺
This is great!! I was using a gallery that was much more intuitive!
I'm a big fan of this control for navigation. So much easier and more performant than a gallery!
@AprilDunnam, I agree, looks much betterI have adopted the tablist. I love the leave request sample in the video, but when I downloaded the raw file from GitHub and from the download button, I still get an error when importing the package.
Thanks for the quick video but extremely useful, on your Github I seen a lot of good solutions that can be imported to any tenants, my question is how I easily export my SharePoint list of customised Power apps to new tenants as we are doing migration, many thanks April
Hi April! New sub here. Great content and teaching style. Quick question: Who can I share my PowerApps with? Anyone I desire or do they have to be in my organization or do they have to be MS 365 users, etc?
Hey there! I'm wondering if there's a way to make the left navigation minimize and expand when I hover over it with the mouse. I want to save space for other content. Currently, I'm using arrow icons to minimize the sidebar and smaller icons for navigation. The tabs really improve my user experience and are working great!
any chance the tablist to use icon instead of text?
Hii, Is it possible to create custom many to many reusable component and can I use patch within component? Please provide me solution it would be a great help.
I hope they add an extra function where you can Add a icon for each of the tab
Me too. My fingers are crossed that will be added soon
Way to go April. Love this
Thank you :)
This is super April. Want to know how we can add icons to the same…
Best bet is to use emojis that can be included inline with the text.
John is correct, the only way right now is to utilize emoji's in the text property. The button control just got a property for adding an icon so I'm hoping we might get that for the tab control eventually but in the meantime emoji's are the best bet.
I just went to the Sample Gallery and downloaded the Solution file but Its giving me an error message as I try to upload the solution into my environment. Is there something I need to do before that? It says the file is not a valid solution file......
Did you select the "Download from Github" button on the adoption.microsoft.com site that the URL took you to? I just realized yesterday that the button there is downloading the entire sample contents and zipping it up instead of taking you directly to the solution zip. So you have to extract what you downloaded for you and go into the solution folder and upload the zip file there which is the valid solution. Sorry about the extra steps!
@@AprilDunnam OK. that makes sense then. Will do that. Thank you