List of controls available for model-driven apps

Controls allow app users to visualize data within table columns in addition to enabling interaction with them.

Most controls are configured for a table column, but some controls, like the grid control, can be configured for the table.

Using controls in the form designer

To use these controls in the form designer:

1. Sign in to Power Apps.

2. Select Tables on the left navigation pane. If the item isn’t in the side panel pane, select …More and then select the item you want.

3. Select the required table and then select the Forms area.

4. Select the main form to be edited.

5. Select the column or section where you want to add the control.

6. In the right properties pane, select + Component to display the available controls, and then select the control you want.

   Note

   Different controls are available depending on the column or grid type. For example, star rating controls are only available for whole number columns.

7. Select the devices (web, tablet, and phone) you want the control to appear on.

8. Configure the values for each property.

9. Select Done when you’re done configuring the control.

Following are descriptions for each control you can use on forms.

Grid controls

Grid controls can be configured at the following levels:

• Table. When a grid control is configured for a table, all views for the table will use the grid control. More information: Configure a grid control for a table
• Form. Subgrids added to a form use a grid control to control the behavior of the subgrid.

Subgrid

The read-only subgrid allows you to present a view of data related to the current record where users can view and open the record from within the grid. More information: Add and configure a subgrid component on a form

Editable grid

With editable grids, users can do rich in-line editing of records directly from views and subgrids whether they're using a web app, tablet, or phone. More information: Make model-driven app grids (lists) editable using the editable grid control

Power Apps grid control

The Power Apps grid control represents the next evolution of the Power Apps grid control, allowing users to view, open, and edit records from views and subgrids. By default, the Power Apps grid control is read-only but you can configure it to be editable.

More information: Power Apps grid control

Configure a grid control for a table

1. Sign in to Power Apps.
2. Open solution explorer, expand Entities, and then select the table you want, such as the account table.
3. Select the Controls tab, and then select the grid you want for the table.
4. Depending on the grid control, specify the values you want, Save and then Publish the customization.

Display controls

Calendar

The Calendar control control displays scheduled activities and their associated details in a calendar. You can view, create, and delete your activities in a day, week, or month view. More information: Add the calendar control to tables

Canvas app

An embedded canvas app includes rich data integration capabilities that bring in contextual data from the host model-driven form to the embedded canvas app. Display the data you want from a variety of sources right next to data from Microsoft Dataverse. More information: Add an embedded canvas app on a model-driven form

External website

Add inline frames (iframes) to a form to integrate content from another website within the form. More information: Add an iframe to a model-driven app main form

HTML and image web resource

Display an HTML page or image file on a form via a web resource. More information: View and edit a web resource on a form

Knowledge search

Requires Dynamics 365 Customer Service app. Add a Knowledge Base Search control to a form to make it easy for users in your organization to find knowledge articles so they can answer common customer questions and resolve their issues right from the records, without having to switch to a different application. More information: Add the Knowledge Base Search control to forms

Quick view

The quick view control displays data from a row that is selected in a lookup on the form. The data displayed in the control is defined using a quick view form. The data displayed is not editable, but when the primary column is included in the quick view form, it becomes a link to open the related row. More information: Model-driven app quick view control properties

Timeline control

Provide a timeline of recent, relevant news articles and Twitter tweets for an account. More information: Set up the timeline control

Input controls

Checkbox

Let's the user to choose between binary values by checking or clearing a check box. It can be configured with yes/no choice columns.

Option set

The option set control presents a set of choices for your users to choose from when entering data. It is made available by default when introducing a choice column into a form. More information: Choices

Pen input

Use the pen input control to capture written input such as signatures. The pen input control can be configured for multiline text columns for use with web, tablet, and phone clients.

Rich text editor

The rich text editor control provides the app user a WYSIWYG editing area for formatting text. The control's input and output format is HTML. The control allows copied rich text, such as from a web browser or Word, to be pasted into the control. It can be configured with text columns. More information: Add the rich text editor control to a model-driven app

Toggle

The toggle control allows users to choose between binary values, such as on/off and yes/no, by toggling the button. It can be configured with yes/no choice columns.

AI Builder

Business card reader

Use the AI Builder business card reader control to detect business cards and extract their information. You can take photos directly in the component or load images that you've taken. More information: Use the business card reader component in model-driven apps

Power BI

Power BI report

Embed a Power BI report in a model-driven app dashboard. More information: Create or edit a Power BI embedded system dashboard

More components controls

Some components aren't displayed in the default Components list in the form designer but can be added to the list by selecting Get more components.

Form component

The form component control lets users edit information of a related table record directly from another table’s form. More information: Edit related table records directly from another table’s main form

Collaboration controls

Collaboration controls give you the power to simplify your user’s workflow collaboration. Build model-driven apps that allow users to work with approvals, files, meetings, notes, and tasks from Microsoft 365 and Microsoft Teams without switching the context from app to app. More information: Collaboration controls

Legacy controls

Timer control

The timer control shows your users how much time is available to complete an action in the resolution of an active row or how much time has passed since the time to complete the action has passed. More information: Model-driven app timer control overview

News control

Only available in classic.

Gain valuable insights from the latest news about your customers, competitors, and contacts. The news control delivers relevant news from Bing News. More information: Set up and use the news control

Next steps

Tutorial: Use custom controls for data visualizations