Power Apps: Fluent UI Details List Pagination with Creator Kit
Power Apps
Feb 1, 2023 11:34 PM

Power Apps: Fluent UI Details List Pagination with Creator Kit

by HubSite 365 about Dhruvin Shah [MVP]

Microsoft MVP (Business Application & Data Platform) | Microsoft Certified Trainer (MCT) | Microsoft SharePoint & Power Platform Practice Lead | Power BI Specialist | Blogger | YouTuber | Trainer

External YouTube Channel
Citizen Developer

Power AppsPower SelectionM365 Hot News

In this tutorial, we will show you how to enhance your Power Apps experience by implementing pagination in the Fluent UI Details List component

Power Apps: Fluent UI Details List Pagination with Creator Kit is a powerful and easy-to-use solution for creating paginated lists in Power Apps. With this tool, you can quickly create customized paginated list views that are optimized for mobile devices.

The kit includes components to help you define the columns in your list view, customize the look and feel of the list view, and set up paging options so users can easily navigate through long lists. Additionally, it provides powerful features such as sorting and filtering capabilities to make navigating data easier. This creator kit makes it easy to build complex paged experiences right within Power Apps without writing any code!


In this tutorial, we will show you how to enhance your Power Apps experience by implementing pagination in the Fluent UI Details List component from the Creator Kit. Pagination can be a difficult task for developers, but with the Fluent UI Details List from the Creator Kit, you can easily navigate through large data sets with its native pagination and sorting capabilities.

We will guide youstep-by-step through the process of applying pagination to a Dataverse table using the Details View component and provide detailed instructions on configuring events and properties related to pagination.

By the end of this video, you will have a solid understanding of how to implement pagination in Power Apps using the Fluent UI Details List component from the Creator Kit. This video is perfect for Power Apps developers looking to improve the usability of their apps by implementing pagination.

Chapters:

  • 00:00 Introduction
  • 00:30 Understanding the requirement
  • 01:30 Setting up the Dataverse table
  • 02:00 Configuring the Details View Grid
  • 03:36 Setting the page size for the Details View Component
  • 04:15 Implementing Page Number functionality
  • 05:20 Displaying Total Records
  • 07:00 Adding Next and Previous Pagination buttons
  • 08:50 Registering events with the component
  • 09:00 Registering event handlers on the component
  • 09:50 Implementing validations on the buttons
  • 11:14 Incorporating Fluent Icons for visual appeal

Reference Links:

Details List Documentation:

[https://learn.microsoft.com/en-us/power-platform/guidance/creator-kit/detailslist?WT.mc_id=DX-MVP-5004429]

Download Creator Kit:

[https://appsource.microsoft.com/en-US/product/dynamics-365/microsoftpowercatarch.creatorkit1?tab=Overview?WT.mc_id=DX-MVP-5004429]

Reference:

[https://learn.microsoft.com/en-us/power-platform/guidance/creator-kit/overview?WT.mc_id=DX-MVP-5004429]