Power Apps Components - Mega Menu, Input, & Output
HTML-код
- Опубликовано: 1 авг 2024
- #powerapps #PowerPlatform #CanvasApps
Are you looking to simplify your Power Apps development process? This video is designed to help you master the use of components, a powerful feature that allows for the reuse of controls like headers, footers, and navigation bars. By watching, you'll learn how to:
Create Basic Components: Understand how to build a simple menu component, allowing for consistency and reduced redundancy across your app.
Utilize Input and Output Properties: Explore how to make components dynamic by passing different data types, including text, numbers, screens, images, and more.
Interact with App-Level Variables: Discover the "Access App Scope" feature, enabling more complex interactions within components, such as show/hide functionality.
Design Dynamic Menus: Learn how to create a dynamic mega menu that can be fed by a collection, adding flair and functionality to your app.
Achieve UI/UX Consistency: See examples of different design aesthetics and understand the importance of maintaining a uniform look and feel across your apps.
Share Components Across Your Organization: Get a brief introduction to component libraries, a tool for sharing components, ensuring a cohesive design across different apps.
Whether you're a beginner looking to start with the basics or an experienced developer aiming to explore more complex functionalities, this video offers valuable insights and hands-on demonstrations. By the end, you'll have the knowledge and skills to leverage components in Power Apps, enhancing your app's design and efficiency.
Feel free to dive in and unlock the potential of components in Power Apps!
Up your Power Apps Skills Today!
Link: www.powerapps911.com/up-your-...
0:00 Learn to use Power Apps Components
0:48 Demo Power Apps Menu Components
1:53 Build a Component in Power Apps
6:10 Creating a Component Input
13:40 Show and Hide Component with Access App Scope
17:13 Output properties for Components
19:34 Talking about the fancy menus
23:17 Overview of Consistency and Component Libraries
Need some help on something you are working on, contact us!
Link: www.powerapps911.com/contact
PowerApps911
Link: www.powerapps911.com/
Let's connect on social!
Twitter: / shanescows
Facebook: / powerapps911
Instagram: / shaneyoung911
LinkedIn: / cincyshane Наука
Thank you Shane! I love learning from your videos! Please keep us posted when Components will be allowed inside the Gallery control!
Wow I HAVE been working too HARD. Thank you for this new knowledge!
Glad it was helpful!
Thank you Shane Young. This video is so informative and insightful
Happy to help. Have a great day. 🐶
Hi Shane. Thank you much for your sharing.
My pleasure!
Great tutorial. Thanks!
You're welcome!
Thanks for this video!
My pleasure!
This video is always good to com back to. I recently found that with the addition of behavior property types (actual now its expanded into Function/Event/Action), some of my library component no longer function. Specifically...
I have an output property (e.g. ResultColor) with an input parameter. The parameter is used to examine a table to a color. The table used to work as another output property, but that is no longer the case. I had to switch ResultColor to a Function property type to accept the parameter, and had to move the table into it as another parameter. The result works, but it exposes the table as a parameter which makers could modify.
Is there a technique to have a property which uses parameters, but also uses other internal properties of the component?
Thank you. I was stuck on getting output from component input box to the app.
Thanks Shane 😊
Happy to help!
Hi Shane, great video! Love watching you explaining things one by one and why is it important to learn step by step.
I have one questions. I want to show the output of a combo box in a component, however I am not able to get the desire outcome.
I create an input property type table. In a screen I was able to import my data source into the component and the combo box show the value as expected. By default, I set the input property Table().
When I select on a value and I want to return that value in a gallery or form, the output return an empty data. I try both table and record type output property and still get the empty data. I try both ComboBox.Selected and ComboBox.SelectedItems, still no result.
Do you know how to get the combo box output from a component?
the GOAT🐐🐐🐐🐐🐐
🙏 thanks! 😎
Last step; being able to select components in the Test Studio! Have you ever found a way around that perhaps Shane?
I haven't looked for that one Felix. Sorry but good luck
Thank you Shane. Is there a tutorial where we can understand how Variables behave once they are in Components. It seems they cant be accessed (as per the online articles). However, i can access them in some cases within component but not in other cases. Unable to figure what happens to them as soon as we try to consume apps global variable inside complements. Its inconsistent behavior.
Hi Shane. Great video. I read that components have limitations when using Power Apps in Teams, so I hesitated to start using them - do you know anything about this?
Hi Shane... first of all, I love your PowerApps videos and they are very VERY helpful for all PowerApps newbs like me :)... I do have a question regarding this behavior related to custom component... I have created a custom component with a drop down to select a language on my app using the custom components and it is working but it only works after I select or change the value, it doesn't work when I initially open or load the app, all the text labels are blank... not sure what I am missing here 😅
Hi Shane, Long time, First Time. I am creating a menu navigation component, and this video has helped so much in achieving this. One thing I find frustrating that I hope you have an answer for is if you have many screens to navigate to, you need to set each custom property on the component you have added to the new screen to the screen you want each button to navigate to. Can you set this in the component so that when it is added to a new screen, it knows where to navigate? I hope that was clear. Thanks,
Hey Shane, I love Library Components. I like to make them as self contained as possible. I have a challenge and I just can figure out how to do it. I have a left menu that is triggered by my hamburger menu in my Header component. That works. It turns the varShowMenu variable on and my menu appears. I wanted to make this a sliding menu so I'm using the X position. My problem/challenge is that I don't want to have to setup a timer outside my component. I just want to pass a varShowMenu true/false, and have an output of the component that gives me the X position my menu should have based on its width at that time. That way, when I bring in my left menu, it works with very little addition or complication. I bet you will find this chalenging too. If you do a video on this? Please try not to my it look too easy. I have put some effort into this and if you are able to solve this easily, I will be grateful, but my ego may not survive. 😜
Where can I find the explanation of the animation of the menu component?
Awesome. As usual. Your consistency is remarkable! 🙂 On the properties for Label1, you have a few of them that I don't (minimum width - align in container - flexible height - height) I can live without those properties, but I'm curious why I'm not seeing them.
They only show up if you put the label in a horizonal or vertical gallery 😊
@@ShanesCows Got it. Thanks Shane!
Hi Shane, this is really a smart way to work amd alsp improves app performance.
Am available for freelancing and support if you need one😊
Great video! How did you achieve the smooth animation?
YOu have to use a Timer control to do it. I think this video I show a more detail example. ruclips.net/video/vbRdFfq5tB8/видео.html
@@ShanesCows tried it, works great!!
I have a navigation menu that is built using components in the footer. Sometimes the navigation menu only shows the first screen and my users have to hover over the area and click to see the other screen names in the footer. Do you know how I can fix this?
I had some weirdness like that. For me it was the order of when I was navigating to the screen vs. when I was setting a variable. I don't know how complicated your setup is but you might try rearranging any multi-step OnSelect formulas and see if that helps.
How did you do the animation? for slide in het menu? And also how do you if you wanne slide from an other postion?
I covered the animation better in this video. ruclips.net/video/D_Kb7AXSE0s/видео.html But yes. Once you understand it is just manipulating the X and Y with a timer you can do it from any direction. :)
Is there a way to send these components to another app without copying & pasting them ? Thx again for that great video
Yes - PowerApps Component Libraries - Share and reuse across the org
ruclips.net/video/8Sdx7baJEuU/видео.html
I believe you can import components from other power apps that you are owner.
Next to +New Component, select the meatballs icon and you should see import components
😅 👌 👍
Thanks 😁
Why does no one address the experimental behavior property of components. Its been experimental for 2+ years which is just ridiculous. It is essential to a proper and complete component design.
I don't recommend ever using experimental features. 🫤 I am with you, I wish they would go to preview so we could get their super powers but the fact they are still stuck in experimental doesn't give me a warm fuzzy to recommends.
As we can't add (working) components inside a gallery, component are useless.
You can, you may have to tweak things more
could you explain your answer a little bit?@@eyoborelvis8224