How to Add a List in Microsoft Power Pages
Add a List Component
The List Component in Microsoft Power Pages enables you to display Dataverse records in a structured grid format without requiring custom development. Lists use Dataverse views to present data directly on your website, making it easy to build data-driven pages and interactive web applications.
What is a List?
A list displays records from Dataverse tables using predefined views. Lists can be added to webpages independently or combined with forms to create complete business applications. By leveraging Dataverse views, makers can control which records and columns appear on the page.
How to Add a List
- Open Design Studio and navigate to the page you want to edit.
- Select the page where the list should be displayed.
- Choose the section where you want to place the list component.
- Hover over an editable area and select the List icon from the component panel.
- Select whether to create a new list or use an existing list.
- Configure the list settings and select OK.
- Save and publish your changes.
Modern List (Preview)
The Modern List experience provides enhanced visuals and advanced customization options for displaying Dataverse data.
- Shimmer Loading: Displays a loading animation while data is being retrieved.
- Infinite Scroll: Automatically loads additional records as users scroll.
- Inline Filters: Applies filters instantly across all columns.
- Styling Options: Customize colors, margins, padding, and row appearance.
Configure Your List
Use the Set Up tab in the Add a List window to configure your list component.
| Field | Description |
|---|---|
| Choose a Table | Select the Dataverse table from which views will be loaded. |
| Modern List | Enable the enhanced list experience with advanced styling capabilities. |
| Select Dataverse Views | Choose the Dataverse view to display in the list. |
| Name Your List | Provide a descriptive name for the list component. |
List Actions
The Actions tab allows you to define what users can do with records displayed in the list.
- Create a New Record: Allow users to add records.
- Download List Contents: Export list data to an Excel file.
- View Details: Open a detailed view of a selected record.
- Edit Record: Enable users to modify existing records.
- Delete Record: Allow users to remove records from the list.
Duplicate a List
Using the ellipsis menu within the Pages workspace, you can duplicate a list, move it within the page layout, or delete it when no longer needed.
List Filters
List filters help users quickly find relevant records by narrowing down displayed data.
Available Filter Types
- Text Filter: Allows users to search records by entering text.
- Checkbox Filter: Filter records using checkbox selections.
- Dropdown Filter: Display filter options in a dropdown menu.
- Radio Button Filter: Allow users to choose a single filter option.
Add a List Filter
- Select the list component.
- Choose Add Filter from the toolbar.
- Select the filter type.
- Choose the Dataverse column to filter.
- Select OK to save the filter.
- Use Edit Filter to modify filter settings later.
Filter Settings
You can update filter settings at any time by selecting the filter settings option from the list component within Design Studio.
Best Practices
- Use meaningful Dataverse views to display only relevant data.
- Enable Modern Lists for improved user experience.
- Apply filters to help users locate records quickly.
- Review list permissions to ensure data security.
- Test list actions before publishing your site.
Summary
The List Component is a powerful feature in Microsoft Power Pages that enables makers to present Dataverse data efficiently. With support for modern styling, actions, filtering, and data export capabilities, lists help create rich and interactive portal experiences without custom code.