You are currently viewing PowerApps Canvas App Vs Model-driven App Vs Portal App
Canvas App Vs Model-driven App Vs Portal App in PowerApps

PowerApps Canvas App Vs Model-driven App Vs Portal App

In the previous article, we discussed What is Microsoft PowerApps? And How PowerApps can help you to build business applications with no/low code and without having a high level of technical experience.

In this article, we will discuss the three types of apps you can create with PowerApps. Also, we will know when to use each type of app by comparing the Canvas app with the model-driven app and the Portal.


Canvas App Vs Model-driven App Vs Portal App in PowerApps

In PowerApps, there are three different types of apps that you can create.

  1. Canvas App
  2. Model-driven app
  3. Portal App

You can start creating these three types of apps from the make PowerApps site.

Also, you can build your app from a blank, template, or from data.

canvas app vs model-driven app vs portal
canvas app vs model-driven app vs portal

The Canvas App in PowerApps

  • Canvas is one of the main types of applications that you can create in PowerApps.
  • It gives you a blank canvas and allows you to design the form, also it allows you to connect with many types of data sources.
Canvas app
Canvas App screen formats

When to use Canvas Apps?

If you want to make your own design, then the Canvas app is the best choice for you.

The Canvas app provides you with a blank canvas and you will design your app screen-by-screen, which means that you will have full control of building your own design.

Canvas App studio
Canvas App Studio
image | Power Platform Geeks
design your app screen by screen

Characteristics of Canvas Apps

  1. Most of your Canvas app user interface depends on Drag and drop elements to the canvas without any codes as if you will design a PowerPoint slide.
  2. The Canvas app provides you with complete control over the appearance and behavior of your app.
  3. Most Canvas apps need external information. This information stored in data sources. Canvas app enables you to connect to a wide range of more than 200 data sources.
  4. You don’t have to worry about how data is structured with your app, that is why the Canvas app is easy to use.
  5. Canvas apps can be embedded as a web part of your modern SharePoint page, and into teams and within model-driven apps.
  6. The Canvas apps consider the primary way to customize SharePoint Online list and document library forms.
  7. Unfortunately, the Canvas app is not responsive by design. You have to choose the screen size of your App.
  8. Canvas app provides you with two screen formats “Phone format and Tablet format” and you have to choose one to start building your app. but the good news that you can make your app responsive by adjusting the size and positioning of the different controls in relative terms to the screen size.

Canvas App Components

The canvas app consists of three components, Data sources, User interface, and connections.

c2 | Power Platform Geeks

Model-driven App in PowerApps

  • The model-driven app is another app type that you can create in PowerApps.
  • Unlike the Canvas App, the PowerApps will design the appearance of your Model-driven app according to the data you will add to your app.
image 2 | Power Platform Geeks

When to use Model-driven App?

If you don’t have a custom design and your data is in Data Verse ” common data service before” then you should choose the model-driven app.

Model-driven app
Model-driven App

Characteristics of Model-driven App

  1. Most user interface components are pre-made based on the data you choose, so you don’t have to worry about your app layouts, as most of them are done from the components you add to your application.
  2. Model-driven apps provide you with a responsive app design “simple or very complex app”, so you don’t have to worry about the screen size, unlike the canvas app.
  3. The model-driven app is better for creating end-to-end solutions.
  4. Model-driven apps in Power Apps are based on underlying data — specifically, the data stored in the Dataverse “Common Data Service (CDS)”.
  5. The model-driven app can be distributed as a solution.

Model-driven app building life cycle

image 5 | Power Platform Geeks

PowerApps Portal app

The Power Apps Portal is an external-facing website that enables users outside their organizations to sign in to create and view data. Also, the Portal App provides viewing the content anonymously.

Portal
Portal App

When to use Portals?

When you want to create websites that can be accessed by external users with a wide variety of identities including personal accounts, LinkedIn, and other Azure Active Directory organizations, and enable anonymous access to content, then you will use Portal App.

Characteristics of Portals

  1. Portals built on top of Data Verse “Common Data Service”, so you will need an environment with a database to work with portals.
  2. Portals have a responsive design that can fit all devices.
  3. Portals deliver a complete content management system out of the box.
  4. Power Apps portals evolved from Dynamics 365 Portals, so you can extend the dynamic 365 feature.
  5. Most of the content of the portals is represented by webpages, and you can Add or edit portal pages using Portal Studio, portal front-side editor, and the Portal Management app.

canvas app vs model-driven app vs portal

Conclusion

In conclusion, we have performed a quick comparison about Canvas App Vs Model-driven App Vs Portal and when to use each app in PowerApps.

  • Use the Canvas App if you have your own design and want to connect to many data sources, including cloud data, on-premises data, and the different APIs.
  • Use Model-driven apps if your data is stored in the Data Verse and you don’t have an imagination for your app design.
  • Use portals if you want to create websites to share the data with external users and internal users, either anonymously or through a login provider like LinkedIn, Microsoft Account, and other commercial login providers.
PowerApps Course | Power Platform Geeks

For more details about Canvas App Vs Model-driven App Vs Portal. Please, watch the below informative video.

See Also

Heba Kamal

Microsoft MVP, MCT, Technical Speaker, Blogger, and Microsoft 365 and Power Platform Consultant.