Getting Started with Model-Driven App Custom Pages and Command Designer in Power Apps
In this video we will take a first look at the new Custom Pages & Command Designer features in Model-driven Power Apps. Video showcases the following: ✅ Modern App Designer for Model-Driven Apps (Convergence with Canvas Apps) ✅ Custom Canvas Pages with Responsive Design ✅ Navigate from Custom Page to Records, Views & more. ✅ Command Designer with Power Fx ✅ Command Bar Open Custom Page as Main Page, Side Panel and Center Dialog. ✅ Modern Form & View Designer Announcing public preview of Custom Pages for converging model-driven apps and canvas apps Blog: https://powerapps.microsoft.com/en-us/blog/custom-pages-for-converging-model-driven-apps-and-canvas-apps/ Better together: introducing Custom Pages and the Modern App Designer: https://powerapps.microsoft.com/en-us/blog/better-together-introducing-custom-pages-and-the-modern-app-designer/ Announcing command designer with Power Fx (preview): https://powerapps.microsoft.com/en-us/blog/announcing-command-designer-with-power-fx-preview/ Overview of canvas app custom pages for model-driven apps: https://docs.microsoft.com/en-us/powerapps/maker/model-driven-apps/model-app-page-overview Navigating to and from a custom page using client API: https://docs.microsoft.com/en-us/powerapps/developer/model-driven-apps/clientapi/navigate-to-custom-page-examples Power Apps Responsive Design Playlist - https://www.youtube.com/playlist?list=PLTyFh-qDKAiHe6pHdlyBbRK1b44bNAAN_ Formula: Set( RecordItem, If( IsBlank(Param("recordId")), Blank(), LookUp( Devices, Devices = GUID(Substitute(Substitute(Param("recordId"),"{",""),"}","")) ) ) ); Table of Contents: 00:00 - Video Introduction 00:47 - Introduction to Custom Pages & Command Bar Designer 01:25 - Demo of Device Management Model-driven Power App with Canvas Pages 04:49 - Command Designer Power Fx to open Custom Page as side Panel 07:03 - Build a Model-driven App with Custom Pages 10:38 - Build Responsive Canvas Pages in a Model Driven App 15:58 - Navigate from Custom Pages to New/Existing Record, Form or Other Custom Pages 16:52 - Add multiple Screens in Custom Page 18:25 - Add Navigation in Modern App Designer - Model-driven App site map 20:50 - Modern View Designer for Dataverse Table 21:46 - Modern Form Designer for Dataverse Table 22:42 - Modern Command Designer 23:43 - Run Power Fx commands in Command Bar 24:07 - Command Bar get current Item Context 24:42 - Command Bar Navigate to custom page using client API - JavaScript 25:29 - Open Custom Page in a side dialog using client API - JScript web resource 29:18 - Device Management Solution Deep Dive - Custom Pages as side panel, center dialog, main page with Record Context 33:18 - Subscribe to Reza Dorrani channel #PowerApps #CustomPages #ModelDrivenApps #CanvasApps #CommandDesigner
In this video we will take a first look at the new Custom Pages & Command Designer features in Model-driven Power Apps. Video showcases the following: ✅ Modern App Designer for Model-Driven Apps (Convergence with Canvas Apps) ✅ Custom Canvas Pages with Responsive Design ✅ Navigate from Custom Page to Records, Views & more. ✅ Command Designer with Power Fx ✅ Command Bar Open Custom Page as Main Page, Side Panel and Center Dialog. ✅ Modern Form & View Designer Announcing public preview of Custom Pages for converging model-driven apps and canvas apps Blog: https://powerapps.microsoft.com/en-us/blog/custom-pages-for-converging-model-driven-apps-and-canvas-apps/ Better together: introducing Custom Pages and the Modern App Designer: https://powerapps.microsoft.com/en-us/blog/better-together-introducing-custom-pages-and-the-modern-app-designer/ Announcing command designer with Power Fx (preview): https://powerapps.microsoft.com/en-us/blog/announcing-command-designer-with-power-fx-preview/ Overview of canvas app custom pages for model-driven apps: https://docs.microsoft.com/en-us/powerapps/maker/model-driven-apps/model-app-page-overview Navigating to and from a custom page using client API: https://docs.microsoft.com/en-us/powerapps/developer/model-driven-apps/clientapi/navigate-to-custom-page-examples Power Apps Responsive Design Playlist - https://www.youtube.com/playlist?list=PLTyFh-qDKAiHe6pHdlyBbRK1b44bNAAN_ Formula: Set( RecordItem, If( IsBlank(Param("recordId")), Blank(), LookUp( Devices, Devices = GUID(Substitute(Substitute(Param("recordId"),"{",""),"}","")) ) ) ); Table of Contents: 00:00 - Video Introduction 00:47 - Introduction to Custom Pages & Command Bar Designer 01:25 - Demo of Device Management Model-driven Power App with Canvas Pages 04:49 - Command Designer Power Fx to open Custom Page as side Panel 07:03 - Build a Model-driven App with Custom Pages 10:38 - Build Responsive Canvas Pages in a Model Driven App 15:58 - Navigate from Custom Pages to New/Existing Record, Form or Other Custom Pages 16:52 - Add multiple Screens in Custom Page 18:25 - Add Navigation in Modern App Designer - Model-driven App site map 20:50 - Modern View Designer for Dataverse Table 21:46 - Modern Form Designer for Dataverse Table 22:42 - Modern Command Designer 23:43 - Run Power Fx commands in Command Bar 24:07 - Command Bar get current Item Context 24:42 - Command Bar Navigate to custom page using client API - JavaScript 25:29 - Open Custom Page in a side dialog using client API - JScript web resource 29:18 - Device Management Solution Deep Dive - Custom Pages as side panel, center dialog, main page with Record Context 33:18 - Subscribe to Reza Dorrani channel #PowerApps #CustomPages #ModelDrivenApps #CanvasApps #CommandDesigner