Add a Custom Page to Model-Driven Power Apps

Sdílet
Vložit
  • čas přidán 9. 07. 2024
  • 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!!
    Check Part 2 For the same video here:
    ***********************
    Watch First Episode for this series:
    Part One: Add a Custom Page to Model-Driven Power Apps
    • Add a Custom Page to M...
    Part Two: Customize Command bar using Command Designer in Model-Driven App
    • Customize Command bar ...
    *********
    Model Driven App Step by Step Series
    • Power Apps Model-Drive...
    ***********
    References:
    powerapps.microsoft.com/en-us...
    docs.microsoft.com/en-us/powe...
    ************
    Follow me on Instagram:
    / powerplatformguy
    Looking for Consultancy? Connect Here!
    powerplatformtrainings.com/co...
    Follow me on all social Media Handles:
    linktr.ee/dhruvin.shah
    #PowerApps #CustomPage #ModelDrivenApp #PowerPlatform #PowerAddicts #LowCode

Komentáře • 18

  • @simonwilliams2025
    @simonwilliams2025 Před 2 lety +1

    Really helpful demonstration. Thank you for taking the time to create this!

  • @SandeepSingh-lg7bq
    @SandeepSingh-lg7bq Před 2 lety +1

    Thank u so much for sharing this, yesterday only I had done this in my current project 😀😀😀😀😀

  • @mangeshmalvankar5957
    @mangeshmalvankar5957 Před 2 lety

    Hey Dhruvin simple to understand all Model-driven apps concepts , thanks a lot!

  • @saqnevermind
    @saqnevermind Před 2 lety

    Good one. Very Informative. Thanks for sharing this.

  • @dougydoe
    @dougydoe Před 2 lety +1

    Great video and extremely helpful. Thanks for sharing.

  • @aragondarupeshreddy
    @aragondarupeshreddy Před rokem

    Thank you 💘💘💘 😌 nice explanation

  • @kanchanabharath9261
    @kanchanabharath9261 Před 2 lety

    Simply good

  • @kshitizgv2602
    @kshitizgv2602 Před 6 měsíci

    Hi Dhruvin, does custom page or this type of features requires any special licences? It's asking me to sign at the end, going back to MDA, I have published the app also, but same sign-in error. Please help me out.

  • @purvipatel4948
    @purvipatel4948 Před rokem

    Hi Dhruvin,
    I have a question that how we can display data in 2 columns in vertical gallery as you show n in current video, I have seen your canvas app series but i didn't get idea about this type of arrangment of columns in custom gallery controls. can you please explain?

  • @iamdhruvinshah
    @iamdhruvinshah  Před 2 lety

    Check Part 2 for the same video series on how to customize command bar
    Part Two: Customize Command bar using Command Designer in Model-Driven App
    czcams.com/video/6nWceaCxk7Y/video.html

  • @kondaiahbhumireddy1664
    @kondaiahbhumireddy1664 Před 2 lety +1

    Hi Dhruvin
    Thanks for sharing information.
    How we can move SQL tables data into Data verse tables in model driven apps.
    Please guide me.

  • @nandakumarpa268
    @nandakumarpa268 Před 2 lety

    Hi Dhruvin... I am working on a custom page which allows the user to add and delete images from blob storage...but I am not ablet to find "add picture" control , I know some of the controls are not available in custom page..is there any alternative I can achieve this functionality ?

  • @sadzag
    @sadzag Před rokem

    Hello,
    Thanks for the video.
    How can I send back data from custom page to a quick create form?

  • @MrPJMR
    @MrPJMR Před 2 lety

    I added a custom page on a model-driven app. It is working fine when being accessed from the web and android but has error when being access through apple. The error is "User is not logged in.Error: There is no signed in user". but the user is signed in, how do we resolve this?

  • @ContractRocket
    @ContractRocket Před 2 lety

    Would it be easier to embed a "filtered" Power BI report into a Model-Driven App using a Canvas App + Custom Page? I would like to embed a "filtered" Power BI report within a Model-Driven app record form - example: on a Product form/record (product "abc") --- I want to embed a Power BI report that only displays sales related to Product "ABC". What is the best approach to accomplish? Note: I've read the documentation --- but I'm a "citizen developer" -- and I'm struggling to understand how best to accomplish this with a Power App. I've been able to embed Power BI filtered reports within Salesforce forms and well as Quickbase forms via URL parameters.....seems like this should be easier to do within a Power App model-driven....

    I appreciate any advice or any links to your videos discussing this --- Thank you!!!

  • @iamdhruvinshah
    @iamdhruvinshah  Před 2 lety

    Model Driven App Step by Step Series
    czcams.com/play/PLib8Q64STW-tmeXSYh15nwYRroMszd8yO.html
    Check Part 2 for the same video series on how to customize command bar
    Part Two: Customize Command bar using Command Designer in Model-Driven App
    czcams.com/video/6nWceaCxk7Y/video.html

    • @surajrevankar6062
      @surajrevankar6062 Před rokem

      How can we give permission to each stage for IT, HR . So that HR cannot update fields of IT stages