Canvas Components Overview - Power Apps

Canvas components make it easier to build reusable controls, such as navigation menus and dialogs.
The ‘master’ / ‘instance’ behavior makes it easy to reuse them as building blocks inside the app or shared between apps.
By creating a component library, app makers easily share and update one or more components with other makers.
Component libraries are containers of component definitions that make it easy to:
Discover and search components.
Publish updates across environments.
Notify app makers of available component updates.

[@richardbird3058]

Thanks Reza.. great content as usual, please keep making videos they are always very helpful and informative

[@RezaDorrani]

More to come :)

[@dhayanandkalimidi67]

Thank Reza. It helped us to put our strong basements to the components in power apps Awesome content

[@RezaDorrani]

👍

[@Mx81]

Perfect. Thanks for that video. Looking also forward to the next part of the series.

[@RezaDorrani]

Glad you enjoyed it!

[@SHAli1474]

Tomorrow I need to work on a new component. Doing my homework now 🙂 Thanks a lot.

[@RezaDorrani]

Best of luck!

[@MohammedAhmed-xh4sd]

Nice explanation..thank you mr. RD

[@RezaDorrani]

Most welcome

[@BalajiMuralikrishnan]

I can't thank you enough for creating such amazing content

[@RezaDorrani]

Glad you like them! Thank you for watching.

[@artiyadav7900]

Really Awesome video . Very crisp and well explained content .

[@RezaDorrani]

Thanks a lot

[@billkuhn9886]

Great video Reza! Looking forward to the next videos.

[@RezaDorrani]

Thank you

[@mahalakshmidevarajan6656]

great video 😀, thanks reza

[@RezaDorrani]

Thanks for watching

[@AndreasMake]

As allways, great videos coming from Reza. Keep it up.

[@RezaDorrani]

Glad you like them!

[@213theroom]

Thanks Reza. Clear information as usual. Thanks for sharing your knowledge.

[@RezaDorrani]

Thanks for watching

[@cchong5614]

Excellent teaching. Thank you.

[@RezaDorrani]

Glad you enjoyed it!

[@vanderstraetenmarc]

Very easy to follow & reproduce. Top!

[@RezaDorrani]

Thank you Marc

[@user-zb9hs5dh2d]

amazing content! Thank you very much. Would it be possible to publish the header component on Github?

[@RezaDorrani]

This video was done 3 years ago. I do not have the component anymore. Header is the simplest component and is explained step by step in video.

[@minhaja.1695]

Nice! Now waiting for a video on building a component named 'LeftNavigation_1' in this video. :)

[@RezaDorrani]

I will be sharing a lot of components soon I have shared the left navigation component here: powerusers.microsoft.com/t5/Community-App-Samples/Coronavirus-Tracking-application-Power-Apps-template/m-p/491988#M453

[@pandukataru7237]

very good article

[@RezaDorrani]

Thanks

[@DarrenCarlson-zv6ec]

I have a question about components and containers. Should I make the first level inside my component a container that helps define responsiveness? For example, defining left and right fixed elements within a horizontal container with dynamically sized elements in the middle? Or should I just put the controls inside the component and then put that component in a container in the app? The right choice isn't obvious to me.

[@RezaDorrani]

You could go either ways. I have not done much work on components since my initial videos.

[@DarrenCarlson-zv6ec]

@@RezaDorrani For now, I'm using a vertical container as the first level container on the screen. Then the header and footer components each have a horizontal container with fixed controls on the left and right with responsive controls in the middle to shrink/grow. So far it's working well. Thanks for taking the time to respond.

[@Ubertortle]

Help! Pictures do no work as part of a component?

[@RezaDorrani]

Components have certain limitations at the moment docs.microsoft.com/en-us/powerapps/maker/canvas-apps/create-component#known-limitations If you are running into a specific issue, I would suggest to report it here powerusers.microsoft.com/t5/Building-Power-Apps/bd-p/PowerAppsForum1

[@sumitarora7437]

Hi Raza, Great Video. Have you made any playlist for Components?

[@RezaDorrani]

Yes

[@FireIn8]

How can one use a Component on an Edit form? The edit form generates 'cards' but I want to use my custom Component in place of 4 of the cards. Were components not designed to connect to data sources?

[@RezaDorrani]

I don’t believe components are supported in forms. Check documentation on components

[@Ash-qx1nc]

Hey Reza, just started a new job and our videos have been lifesaving. I have a question about component libraries. I was wondering if there is a way to create reset buttons and save buttons through components and have them used on different screens for different data? Also can you make a gallery outline on components and add different data again when using different screens or is that not possible yet ? Sorry if you have already covered this in another video

[@RezaDorrani]

Thanks. I did this video a long time ago. Components have come a long way since then. I believe part of your scenario is possible but I do not have any videos on it. I will recommend to check on the forums at powerusers.microsoft.com/

[@jaineshprajapati5704]

Hello Reza, Sometimes it require to create a custom control like rating component. I have created a rating component but when I use it in form multiple times it's not working properly

[@RezaDorrani]

I will have to look at your component in action to provide any guidance. I would recommend you post your issue/query with screenshots on the forums at powerusers.microsoft.com

[@jaineshprajapati5704]

@@RezaDorrani I hope that link will provide me references to my question in community group any kind of help related to this will be great Reza

[@RezaDorrani]

@@jaineshprajapati5704 You will have to ask your question or share your issue, then community folks will provide assistance in their free time.

[@jaineshprajapati5704]

@@RezaDorrani hope so and thanks for checking

[@gerfer6261]

Thumbs up

[@RezaDorrani]

Thank you

[@jaineshprajapati5704]

Hello Reza, Is it possible to patch records using powerapps component For example, Using gallery I want to show some records from dataverse table with check box and store in other table if user check the check box I am using reusable component. Is that possible.. ?

[@RezaDorrani]

Currently, Components do not support data sources.

[@Prozir]

Hi Reza, really love and learn a lot from your videos! Can you guide me on how to save data from component ( text field, choice etc) into a dataverse table and vice versa?

[@RezaDorrani]

I do not have a video reference on this scenario and would have to try it out to provide guidance. I would recommend posting your issue/query with screenshots on the forums at powerusers.microsoft.com

[@lvimal2003]

But how we can move them across environments? While importing solution in another environment, throwing dependency error.

[@RezaDorrani]

Components shown in video are local components and when moved across environments go along with the App. You may be relating to component libraries which can be moved using solutions. I have not done a specific video on it though. I will recommend checking on the forums at powerusers.microsoft.com/ in case someone has done something similar.

[@lvimal2003]

@@RezaDorrani Just a note to all, those components can be added under solution and exported to other environments. Normally, it resides outside, we can add those under a solution.

[@atishdungdung7871]

Can you please help me in building header navbar in powerapps in canvas

[@RezaDorrani]

Check on the forums. I know there are sample headers available there in components gallery. powerusers.microsoft.com

[@survepallivibes9546]

How to contact u reza

[@RezaDorrani]

regarding?

[@frodesellevoll]

Poor quality of your videos, but very good informative.

[@RezaDorrani]

All my latest videos are now recorded in 1080p. Sorry for the poor quality of my earlier videos.