How to Create a Custom Page for Model-Driven Power Apps (TUTORIAL)

In this video I take you step-by-step through how to create a custom page for a model-driven Power App (or for Dynamics 365). You will learn how to create a page inside a solution, create your page using responsive design components and PowerFx formulas, connect to Dataverse and an external data source (Twitter), save, preview, and publish your app, and go back and make edits.

0:00 - What is a custom page?
1:08 - Create a new custom page
2:04 - Navigating the canvas
3:04 - Responsive design, size and position containers
7:00 - Add a responsive header and font scaling
10:37 - Add galleries connected to Dataverse and Twitter
12:20 - Design your app behaviour with PowerFx formulas
15:15 - Save and preview your app
16:20 - Fill portions in responsive design
17:15 - App navigation and icons
19:20 - Add a search box
22:50 - Add the Twitter user description and image
26:22 - Save and publish your custom page and add it to your model-driven app
29:20 - Edit and make changes to your custom page
30:14 - What do you want to do with custom pages?

[daFrimpster]

My director ask me just yesterday if I could blend the model driven and canvas apps. I’m so glad I found this video. One of the uses will be to display legacy system data in an app converting to the power platform. Many other uses cases. This is great!

[andrewgibson]

Thanks Lisa. We are starting to venture into this space now so good to get the lowdown on how this all hangs together

[sjan]

Great showcase of how to use this new feature ! I did canvas apps and model driven apps and they now can be combined !

[beatrizfabiano]

You make this so enjoyable! Thanks Lisa, love your videos.

[NunoLima]

Brilliant demo. I think my first use case will be when someone asks for a formula that cannot easily be made with calculated fields. Leading the user to a new page to allow entering some numbers and apply a powerfx formula might be convenient without delving into CRM plugins. Then again, the new "formula" datatype might arrive to model driven apps soon :)

[Richielove]

This is really nice Lisa. Did not know this was possible

[varuntv]

Hi Lisa, Thank you for the great videos. This helps me to learn power apps.

[tristangeoffroy]

As usual a very good introduction to follow step by step. Thank you.

[club-crm]

Excellent lesson: I love it and I understood much more during you presentation than reading all Microsoft DOC. Hope you get a lot more subscribers: you deserve the 100.000 subscribers plate!

[SmartLearningAI]

Very cool. I would use it to display a slideshow of images inside the model-driven app for each product for example using a horizontal gallery

[Tony-moev]

I believe you are the best Tutor in PowerApps by far, Lisa. Appreciate this video as it is very clear and easy to follow through. For this Custom Page, is there possibility to make use of the standard Model driven toolbar (those Save / Save & Close / Refresh buttons). Thanks. Indeed this is a very good tutorial video.

[ContractRocket]

Thank you for the great video. If you take requests, "how to embed a Power BI report within a record form (with contextual filtering)" would be great. If not - no problem - Thank you for the great videos.

[owenwetherow]

Hi Lisa, I'm trying to build a decision tree custom page and embedding it into a standard model driven form as a Canvas component. Where pressing buttons on the decision tree will select change choice values that will toggle the visibility of certain fields on the form. Might be an interesting tutorial.

[shobhanamuralidharan]

Extremely useful post. Will be using this soon!

[srinivasaprabhu]

Nicely Explained. How to pass parameters from Model Driven App (say.. Account ID) to Custom page ? And the Custom page should accept the Account ID and then call an REST API using Custom Connector and bring back the results to Custom Page.

[bennettr]

OMG. Thank you for explaining Horizontal vs. Vertical containers! Those icons were throwing me off as well. ¯\_(ツ)_/¯

[SmartLearningAI]

Custom pages are great, but the editor tool feels like it can be made much easier to use and integrate with the environment.

[vmywxxp]

Hi Lisa, Just came across your videos and they are amazing and really helpful. thank you so much. 😍
Do you know how to restore/preserve the filters on the custom page when coming back from another page. in your example the Contacts form?

[kedaroke]

Great video. Do you have a video where you pass a record or records to the custom page from the Model driven app?

[chrisr]

This is a good video, and the second one I have followed. But there is always some issue at the end that prevents me from successfully concluding the video. In this case, when I try to run the app it continues to ask me to sign in several times but never actually opens the app. I am assuming it is because my user id/password differs from my twitter credentials... but the lack of feedback from Microsoft products when there is a problem is always a struggle.

The video itself was great and helpful, the product on the other hand... I am skeptical I will be as enthusiastic about it as you!