Power Apps: Fluent UI Details List Pagination with Creator Kit

Dhruvin Shah
Dhruvin Shah
4.6 هزار بار بازدید - پارسال - In this tutorial, we will
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 you step-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/pow...

*******
Follow Dhruvin on Social Media:
Follow my other channel for short content:   ‪@DigitalDhruvin‬

Follow me on Instagram:
Instagram: powerplatformguy    

Looking for a Consultancy? Connect Here!
https://powerplatformtrainings.com/co...    

Follow me on all social Media Handles:
https://linktr.ee/dhruvin.shah
*******
Download Creator Kit:
https://appsource.microsoft.com/en-US...

Reference:
https://learn.microsoft.com/en-us/pow...

*******

UI/UX Power Apps with Creator Kit
Episode 1 : Get Started with Creator Kit
Get Started with Power Apps Creator K...

Episode 2: Create Expandable Menu in 5 Minutes Using Creator Kit
Create Expandable Menu in 5 Minutes U...

Episode 3: Create Breadcrumb Component in Power Apps | Episode 03
Create Breadcrumb Component in Power ...

Episode 4: Fluent UI Panel & Dialog Component in Canvas App
Fluent UI Panel & Dialog Component in...

Episode 5: Fluent UI Details List Component
Fluent UI Details List Component in C...

Episode 6: Power Apps: Fluent UI Details List Pagination with Creator Kit
Power Apps: Fluent UI Details List Pa...

Episode 7: Creating a Tab Layout for Power Apps using the Fluent UI Pivot Component
Creating a Tab Layout for Power Apps ...

Full PlayList URL:
Power Apps - UI/UX with Creator Kit

#powerapps  #PowerPlatform #UIUX #CanvasApps #PCF #PowerAppsComponents #CanvasComponent #PowerAddicts #digitaldhruvin #dhruvinshah
پارسال در تاریخ 1401/11/08 منتشر شده است.
4,634 بـار بازدید شده
... بیشتر