PCF Academy - Using React and Office UI Fabric

[@KiwiDeveloper]

Wonderful video. Thanks very much Andrew.

[@AndrewButenko]

You are very welcome and thanks for warm words!

[@NathanBenelli]

Awesome content, thanks for sharing and keep it up!

[@AndrewButenko]

Nathan, thanks for warm words!

[@necdetsaritas8722]

Good work Andrew!

[@AndrewButenko]

Thanks!

[@nishantranabliss]

Thanks Andrew this would be very helpful.

[@AndrewButenko]

Thanks, Nishant!

[@simmijain8104]

Hi Andrew, can you guide me how to change the values of "Options" Array (index.ts line 49). And when I am integration the same solution in crm environment corresponding to drop down, the drop down is not opening.

[@AndrewButenko]

Hello, the list of items is set through "availableValues" input, and values set have to match optionset items available in the optionset itself. Can you please post the screenshot with your configuration somewhere? Andrew

[@crmuser-ij4xt]

Thanks Andrew. If you can make a video of react with office UI fabric for dataset (List). It will be really helpful

[@AndrewButenko]

You are welcome! OOB grids are built using Office UI Fabric lists. Do you have any specific scenario in mind?

[@karankkrj]

One scenario is I cannot have roll-up views (show all opportunities for child accounts under the parent account view) as subgrids. PCF can help here?

[@rajum5453]

can you provide reference for how to code using react ...it's difficult to understand the code for beginners...

[@AndrewButenko]

Naga, can you please be more specific? Are you looking for general information on how to build React-based components?

[@rajum5453]

@@AndrewButenko yes... please guide me

[@AndrewButenko]

@@rajum5453 There are a lot of free classes available already. You should check it first - kzbin.info/www/bejne/en27Z2V9adGWapY&ab_channel=freeCodeCamp.org

[@kmuralikrishna1582]

Which means its a piece of component, this component part we can import in to powerapps canvas apps form/screen then can use the piece of UI component in powerapps ...correct me if i am wrong.

[@AndrewButenko]

Hello, that is correct. You can use PCF controls in both model-driven and canvas apps.

[@lumbinibhw4463]

Great tutorial. You look like sam smith.

[@AndrewButenko]

Thanks!

[@TheStoibz]

Great video! Can you tell us how to use in a canvas app with the options coming from a collection (or any data source or query, etc)? I am not clear how to add 'items' to a select/drop down as you do in a standard canvas control. Thank you!

[@AndrewButenko]

Christopher, to be honest I haven't played with it so it's a great idea for the new post/video!

[@TheStoibz]

Andrew Butenko that would be awesome! I cannot find info. Thinking of adding the choices to a ‘multiple’ property but not sure yet how to pass the collection to it from canvas app. Should be able to define the select options in typescript once we have them. Data set is simple, this is a head scratcher.