Customize Command bar using Command Designer in Model-Driven App

This video demonstrates how we can customize command bars in model-driven apps without code! These new capabilities play a major role in the convergence of canvas and model-driven apps. Introducing the first-ever command designer – complete with Power Fx for expressing powerful low-code logic in model-driven apps. These new capabilities are a complete re-imagination of commanding (formerly known as the “Ribbon”) for model-driven apps. It’s built on a new, modern infrastructure that’s conducive to both model-driven and canvas app technologies and will scale into the future. During this video, we will customize command bad using command designer in a model-driven app. We will check how we can write Power Fx code to customize the command bar. We will also check how we can open custom pages as dialogs and how we can use PCF components in Canvas Pages and add them as side navigation for Model Driven App using Command bar Action. Also, we will pass the parameters from the Model-Driven app to canvas pages. Stay tuned for all these amazing features!

The video covers the following information in detail!
1. How can I customize the command bar in the model driven app without writing a code?
2. How can I write Power Fx commands for command bar actions?
3. How to use command designer in Model-Driven App?
4. How can I open custom pages as dialogs in model-driven app?
5. How to open Canvas Page as Side Pane in model-driven powerapps?
6. How to open the canvas page as a center dialog?
7. How to open the canvas page as full-page dialog?
8. How to use PCF components in canvas pages?
9. How to pass parameters for selected items from model-driven app to canvas pages?

Chapters:
00:00 Start
01:30 Precap
02:41 End Outcome
03:47 PCF Components in Canvas Pages
05:48 Customize Command Bar in Model Driven App
06:28 Add New Command in Command Bar
07:20 Write Power Fx Code on Command Button
08:00 Use Cases for Power Fx for Command Bar Button
09:09 Open Canvas Pages as Side Dialog, Center Dialog and Full Pages
09:55 Create a Command Bar to open Canvas Page as Side Dialog
19:58 Code to Open Canvas Page as Side Dialog
13:29 Upload Javascript File as Web Resource
15:40 Create Canvas Page with PCF Components
21:19 Open Canvas Page as Center Dialog and Full Page Dialog
23:50 Publish Everything and Test all Dialog
27:00 Pass Model Driven Parameter to Canvas Page
29:00 Open Specific Record from Model Driven to Canvas Page with Parameter
30:15 Make Changes in Canvas Page to grab Model Driven Context
32:15 Publish Changes
33:20 Recap
34:20 Subscribe

Watch First Episode for this series:
Part One: Add a Custom Page to Model-Driven Power Apps

Part Two: Customize Command bar using Command Designer in Model-Driven App
****************
References:

Code Reference:

Download Code from GitHub Repo:

***************
Link for PCF Components by @Lowcodera !

********************
Follow me on Instagram:

Looking for Consultancy? Connect Here!

Follow me on all social Media Handles:

***********************

#PowerApps #CommandBar #ModelDrivenApp #PowerPlatform #PowerAddicts #LowCode #PowerFx

[iamdhruvinshah]

Model Driven App Step by Step Series
Check Part 1 for the same video series on Add a Custom Page to Model-Driven Power Apps

[JD-lxcx]

This video is very informative. You must have spent a lot of time and effort to put everything together. Thank you Dhruvin very much for sharing.

[rohitkachhadiya]

Thanks Dhruvin - Save and move to next record in Table. If this command can be created would be a great help

[laxmiprabhu]

Hello Dhruvin, please create more videos on power Fx for accept and reject of records through patch

[krishnarao]

Very nice and informative video my friend...

[imotumbokanaka]

Hi dhruvin great video, can you create a series on powerapps portal

[anujmakkar]

Plz add a video for, how we can fetch audit logs/ history, how we can show all the changes like old and new changes and show them in our app or in canvas app

[sharadshaji]

Hi Dhruvin !! Thank you for this wonderful video. I have one question. Is there a way to hide/unhide the default commands i.e. Deactivate, Flow, Run Report etc.. I do see the options to hide or unhide in the command properties on the right when I select the command, but they are disabled for default commands. I have this as a client requirement where users should not be able to see those buttons to avoid confusion. A response would be helpful. Thanks !!

[Leo_Russo]

Hey Druvin! Awesome video 🚀🚀
Which app are you referencing for lowcodera token: canvas or model driven?

[wierdlifedude]

any videos u have on using powerapps with contexts to dynamics 365?

[josephlim]

Hi Dhruvin, Are the commandbar buttons solution-aware? What are the steps to add them to a solution? Do we need to create the 'command component library' in the target environment prior to deployment? Thank you.

[chitraravishankar]

It would be great if you can help develop various components to use in Model Driven Forms

[ajayv]

Hi Sir, I want to hide the button used to call canvas page based on logged in user security role. Is it possible using fx functions.

[azizdoctor]

Hey Dhruvin, Thanks for this video, For me the visible fx is not working properly. I am using Self.SelectionMax=1, still the button always shows when no record is selected ( main grid). Even if I set the Visible to false the button is still visible

[hieuvu]

Hello @Dhruvin Shah
Can I hide default button like "add new" by command bar design?

[abubakrkhan]

I followed the same procedure but when I set items property for gallery as record item and the table in if condition, it says that you cant set a single record as source in gallery ... any solution to it?

[kmuralikrishna]

Thanks bro..
I have seen a app at 5:12 ...
Is there any vedio from scratch to make that app.. if yes kindly share that link