Skip to main content
Microsoft logo
Power Apps
    • AI Builder
    • Automate processes
    • Azure + Power Apps
    • Build apps
    • Connect data
    • Portals
  • Pricing
    • Overview
    • Become a Partner
    • Find a Partner
    • Find partner offers
    • Partner GTM Resources
    • Blog
    • Customer stories
    • Developer Plan
    • Documentation
    • For IT Leaders
    • Roadmap
    • Self-paced learning
    • Webinars
    • App development topics
    • Overview
    • Issues
    • Give feedback
    • Overview
    • Forums
    • Galleries
    • Submit ideas
    • User groups
    • Register
    • ·
    • Sign in
    • ·
    • Help
    Go To
    • Power Apps Community
    • Welcome to the Community!
    • News & Announcements
    • Get Help with Power Apps
    • Building Power Apps
    • Microsoft Dataverse
    • AI Builder
    • Power Apps Governance and Administering
    • Power Apps Pro Dev & ISV
    • Power Apps Portals
    • Connector Development
    • Power Query
    • Power Platform Integration - Better Together!
    • Power Platform Integrations
    • Power Platform and Dynamics 365 Integrations
    • Community Blog
    • Power Apps Community Blog
    • Galleries
    • Community Connections & How-To Videos
    • Community App Samples
    • Webinars and Video Gallery
    • Canvas Apps Components Samples
    • Kid Zone
    • Business Value Webinars and Video Gallery
    • Emergency Response Gallery
    • 2021 MSBizAppsSummit Gallery
    • 2020 MSBizAppsSummit Gallery
    • 2019 MSBizAppsSummit Gallery
    • Ideas
    • Power Apps Ideas
    • Community Engagement
    • Demo Extravaganza 2021
    • Demo Extravaganza - Components 2021
    • Power Apps Community Demo Extravaganza 2020
    • Experimental
    • Error Handling
    • Power Apps Experimental Features
    • Community Support
    • Community Accounts & Registration
    • Using the Community
    • Community Feedback
    cancel
    Turn on suggestions
    Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
    Showing results for 
    Search instead for 
    Did you mean: 
    • Power Apps Community
    • Galleries
    • Webinars and Video Gallery
    • Add a Custom Page to Model-Driven Power Apps

    Add a Custom Page to Model-Driven Power Apps

    11-24-2021 00:33 AM

    Dhruvin
    Helper III
    193 Views
    LinkedIn LinkedIn Facebook Facebook Twitter Twitter
    Dhruvin
    Dhruvin Helper III
    Helper III
    • Mark as New
    • Bookmark
    • Subscribe
    • Mute
    • Subscribe to RSS Feed
    • Permalink
    • Print
    • Email to a Friend
    • Report Inappropriate Content

    Add a Custom Page to Model-Driven Power Apps

    ‎11-24-2021 12:33 AM

    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

    Labels:
    • Labels:
    • Canvas Apps
    • Community Tips & Tricks
    • Model-Driven Apps
    Message 1 of 1
    193 Views
    0 Kudos
    Reply
    • All posts
    • Previous Topic
    • Next Topic

    Power Platform

    • Overview
    • Power BI
    • Power Apps
    • Power Automate
    • Power Virtual Agents

    Power Apps

    • Sign in
    • Sign up

    Browse

    • Sample apps
    • Services

    Downloads

    • Studio
    • iOS
    • Android

    Learn

    • Documentation
    • Support
    • Community
    • Give feedback
    • Blog
    • Partners

    • © 2022 Microsoft
    • Follow Power Apps
    • Privacy & cookies
    • Manage cookies
    • Terms of use
    • Trademarks