This video guides you through creating and editing a custom page for a model-driven app using the modern app designer. During this video, we will discuss how we can add a custom canvas page to the Model-Driven Power Apps using Modern App Designer. This new feature fills the gap between Canvas App and Model-Driven Apps. This is a big leap forward in the convergence of model-driven apps and canvas apps into a single Power App. This does not change the support for the stand alone canvas app but enables the new Power App converging model and canvas. Canvas pages are mostly used for Pixel-perfect UI. Now, with Model Driven Apps as well we can easily add our canvas page and develop awesome user interfaces!! I have divided this video series into two parts. Here, we will create a custom page inside the model-driven power apps. We will pass the context from our Model-Driven app to Canvas App. So, let’s get started!
We will learn the following concepts!
1. Real Life scenario for a combination of Canvas App and Model Driven App
2. Create your first Model Driven app and add your custom canvas page
3. Create a Canvas Page
4. Create Responsive Gallery for Canvas Page
5. Pass Context from Canvas App to Model Driven PowerApps
6. Open Model Driven New Form from Canvas Page Button
7. Open Model Driven Edit Form from Canvas Page’s Gallery
8. Getting started with Custom Pages in Model Driven Power Apps
9. Custom Pages for converging model-driven apps and canvas apps
Chapters:
00:00 Start
01:00 End Outcome
03:32 Business Use Cases and Prerequisites
04:45 Create Dataverse Table for IT HelpDesk
06:12 Customize View
07:06 Customize Form
07:50 Canvas App - IT HelpDesk
08:41 Add Custom Pages in Model-Driven App
09:12 Create Model Driven App
09:36 Add table view and form
10:25 Add Custom Pages
12:13 Connect Data Source in Canvas Pages
13:34 Create Responsive Header
16:33 Create Responsive Gallery
20:14 Set Gallery Wrap Count to make Responsive
22:22 Pass Context from Canvas to Model-Driven Pages to open New Form
23:13 Pass Context from Canvas to Model-Driven Pages to open Edit Form
23:53 Check Preview and Run App
24:01 Publish Model Driven App and Check Preview
26:15 Subscribe!!
Follow me on Instagram:
https://www.instagram.com/powerplatformguy/
Follow me on all social Media Handles:
https://linktr.ee/dhruvin.shah
Model Driven App Step by Step Series
https://www.youtube.com/playlist?list=PLib8Q64STW-tmeXSYh15nwYRroMszd8yO
References:
https://powerapps.microsoft.com/en-us/blog/custom-pages-for-converging-model-driven-apps-and-canvas-...
https://docs.microsoft.com/en-us/powerapps/maker/model-driven-apps/add-page-to-model-app?wt.mc_id=dx...
#PowerApps #CustomPage #ModelDrivenApp #PowerPlatform #PowerAddicts #LowCode
watch?v=pymLL4CThIc
