Model-Driven Apps Custom Page Power Fx Full Integration Tutorial

Watch the Tutorial Part 1

Watch the Tutorial Part 2

USE CASE
We have a Dataverse and Model-Driven App that is Managing Cub-Cake Orders. This MDA manages new orders and customer information. There is a third-party system that is handling the shipping process and updates the shipping information into a SharePoint list. We need the customer service department to be able to check the orders’ shipping status and confirm shipment once complete.

SOLUTION
Using the MDA custom Pages, we can integrate the SharePoint List with the Dataverse records in a Canvas app for the customer service representatives to view all related information and verify the shipping status. Once verified, users can press one button to update the Dataverse records and or do other required actions.

(1) Create the Custom Page

From the Model-Driven App designer mode, we will start creating the custom page.

(2) Design the Custom Page

In the Canvas App designer mode, we will create the following screens and add some controls.

(3) Add Custom Ribbon Command Button

Here we will create a new command button for the Orders Main Grid.

(4) Custom Page Integration