Power Apps Components - Mega Menu, Input, & Output

Подписаться 163 тыс.

Просмотров 29 тыс.

50% 1

#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

Наука

Опубликовано:

20 июл 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 45

@chmarch 5 месяцев назад

Thank you Shane! I love learning from your videos! Please keep us posted when Components will be allowed inside the Gallery control!

@lyla287 11 месяцев назад

Wow I HAVE been working too HARD. Thank you for this new knowledge!

@ShanesCows 11 месяцев назад

Glad it was helpful!

@oluwatobipaul6171 11 месяцев назад

Thank you Shane Young. This video is so informative and insightful

@ShanesCows 11 месяцев назад

Happy to help. Have a great day. 🐶

@muhamadazfar6788 9 месяцев назад

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?

@stevefeldman124 11 месяцев назад

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?

@vutanphuoc6325 10 месяцев назад

Hi Shane. Thank you much for your sharing.

@ShanesCows 10 месяцев назад

My pleasure!

@atehaa 6 месяцев назад

Great tutorial. Thanks!

@ShanesCows 6 месяцев назад

You're welcome!

@felixverduin569 11 месяцев назад

Last step; being able to select components in the Test Studio! Have you ever found a way around that perhaps Shane?

@ShanesCows 11 месяцев назад

I haven't looked for that one Felix. Sorry but good luck

@RohitDevmore 11 месяцев назад

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.

@MarkJFellows 11 месяцев назад

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?

@bobbyw1074 9 месяцев назад

Thanks for this video!

@ShanesCows 9 месяцев назад

My pleasure!

@generalusersparx 7 месяцев назад

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 😅

@kunjanrana2322 6 месяцев назад

Thank you. I was stuck on getting output from component input box to the app.

@cmacdhon 11 месяцев назад

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.

@ShanesCows 11 месяцев назад

They only show up if you put the label in a horizonal or vertical gallery 😊

@cmacdhon 11 месяцев назад

@@ShanesCows Got it. Thanks Shane!

@vizualmentefalando9248 11 месяцев назад

Where can I find the explanation of the animation of the menu component?

@ericsara7665 Месяц назад

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,

@ashokpershad 11 месяцев назад

Thanks Shane 😊

@ShanesCows 11 месяцев назад

Happy to help!

@michelrail 5 месяцев назад

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. 😜

@Miester_blanket 10 месяцев назад

How did you do the animation? for slide in het menu? And also how do you if you wanne slide from an other postion?

@ShanesCows 10 месяцев назад

I covered the animation better in this video. ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-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. :)

@DataisKing 11 месяцев назад

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?

@ShanesCows 11 месяцев назад

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.

@eyoborelvis8224 11 месяцев назад

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😊

@sarathsubramaniam7991 10 месяцев назад

Great video! How did you achieve the smooth animation?

@ShanesCows 10 месяцев назад

YOu have to use a Timer control to do it. I think this video I show a more detail example. ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-vbRdFfq5tB8.html

@sarathsubramaniam7991 10 месяцев назад

@@ShanesCows tried it, works great!!

@jeanpierreragequit1726 11 месяцев назад

Is there a way to send these components to another app without copying & pasting them ? Thx again for that great video

@ShanesCows 11 месяцев назад

Yes - PowerApps Component Libraries - Share and reuse across the org ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-8Sdx7baJEuU.html

@tluu8501 10 месяцев назад

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

@MerkDolf 11 месяцев назад

😅 👌 👍

@ShanesCows 11 месяцев назад

Thanks 😁

@iamintractable1805 11 месяцев назад

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.

@ShanesCows 11 месяцев назад

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.