The custom page is a new page type within a model-driven app, which brings the power of canvas apps into model-driven apps and provides a low-code experience with flexible controls and more styling options. In this blog, you will learn how to add a custom page to your model-driven app in Power Apps.
Using a practical example, we will see how to create and integrate a custom page that enhances the functionality of your app. This example will demonstrate how to include specific information, such as notes, details, contact info, address, etc., which better suits your app's purpose.
Firstly, log in to https://make.powerapps.com.
Choose a model-driven app. Here, I am selecting Fundraiser app. This app displays the details of Donations, Donors, and Fundraisers of an organization or a charity.
We will add a custom page to this model-driven app which displays a thank you note to contributors and donors. Now, click on the pencil icon to edit the app.
![](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fb12emk2u1cga%2F4RBomh6QNpoICsgScnh0pm%2F2645b03644e4e82866e2844527f5d439%2Fv1.png&w=3840&q=75)
Next, click on Add Page.
![](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fb12emk2u1cga%2F3ouU1UEIOQEF1B04S7CFXR%2F014245c4f176c7280a4e69f2e85f03d0%2Fv2.png&w=3840&q=75)
After clicking on the Add page, you will find multiple options, select Custom Page.
![](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fb12emk2u1cga%2F7aURlfLTbUBk9pe5RtBQUX%2F969ae02cfeb6b78b2ed85f03503f792c%2Fv3.png&w=3840&q=75)
Name your custom page according to your requirements. Next, click on Create.
![](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fb12emk2u1cga%2F3U8NG5gyULrScJETFGspVc%2F7e12a3a4613b3dc010125c6e7e371652%2Fv4.png&w=3840&q=75)
Once we click on Create, it will take us to the Canvas Designer to design or write the content of our custom page.
Enter text in the label. For example, here, I have entered information related to a thank you note to the contributors for the donations given for a cause.
![](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fb12emk2u1cga%2F1l1Tk0bBHmkLooQ1UsCkdv%2F7985561440f9685552389d23a16b153f%2Fv5.png&w=3840&q=75)
Click Save and Publish.
![](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fb12emk2u1cga%2F5d7ZLscEp9tiFXS6b23RCb%2Fd9a336cd88b04c7f43bd5e6068efa7f0%2Fv6.png&w=3840&q=75)
After publishing, go back to the apps screen and open the model-driven app edit page by clicking the edit icon.
![](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fb12emk2u1cga%2F63fHjyxz85rgKGyjtV9x45%2Fca2deaf960e4d86776bbaf82c901aac8%2Fv7.png&w=3840&q=75)
Save and publish the app.
![](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fb12emk2u1cga%2F3TIyI7aWrfiiTPORLSS5o9%2F9855dddc7baae4707dfd7931518f897d%2Fv8.png&w=3840&q=75)
Now, we can see our custom page is added to the model-driven app.
![](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fb12emk2u1cga%2F7F5rn3eubJdAqUJFGsQrep%2Fd32ea54ed0ce96a46bf0cb0b54af05b0%2Fv9.png&w=3840&q=75)
Following these steps, you have successfully added a custom page to your model-driven app in Power Apps. This new page allows you to display specific information, enhancing the functionality and user experience of your app. Custom pages allow organizations to design interfaces that meet their unique business needs. By presenting relevant information and eliminating unnecessary steps, custom pages help users complete tasks more efficiently.
Frequently Asked Questions (FAQs):
1. Can I integrate other data sources or APIs into a custom page?
Yes, custom pages in Power Apps support integration with external data sources and APIs.
2. What are the main benefits of adding a custom page to my Power Apps model-driven app?
Adding a custom page allows you to customize the user interface to specific business needs, integrate richer visuals and interactions, and improve usability by showing targeted information and functionalities within the app.
3. How do I make sure my custom page looks like the rest of my app?
You can change how your custom page looks using tools in Power Apps. This way, you can match the colors, fonts, and layout of your custom page with the rest of your app.
4. When should I use a custom page in my app?
Custom pages are great for showing complicated charts, making interactive reports, or adding special tools like customer portals. They're also useful for creating unique features that your app needs.