Power Pages: Modern List Overview
The List is the most commonly used component when building Power Pages sites. It is a data-driven configuration that you use to add a webpage that will render a list of records without the need for a developer to surface the grid on a website. By using Lists, you can expose Dataverse records for display on a webpage.
How to Add a New Modern List
The Modern List is still in the Public Preview phase, and the only way to add it is via the Power Pages editor. On your webpage, add a new List by enabling the preview feature. This way, the List you create will be the Modern List.
What’s new for the Modern List
The screenshot above is the new look for the Modern List. Some things I noticed are:
- UI improvement. Better look and feel that brings a better user experience.
- Infinite Scroll. Just like the new view in D365 model driven app, now on the portal, new content automitically loads at the bottom of the list when the users scroll.
- Column Filter. Now, by default, filters are available for all columns in the list view. This is such a standard feature, yet it wasn’t available in the classic List.
- Easy Styling. You can directly change the List style in the Power Pages editor instead of using the CSS.
5. New Loading experience. Loos better and modern :)
According to Microsoft, the performance for the new Modern List is also improved, but I personally haven’t noticed any significant changes yet. One other thing that we are not sure of at this stage is whether this will be a new type of List or a replacement of the existing List. If you are going to update your existing Classic List to this new Modern List, make sure to check if you have any JavaScript or CSS added.
Overall, I really like the new look of the Modern List, especially the design of the new buttons and the view selector, which really elevate the UI to the next level. The new features like the column filter and infinite scroll also bring a nice user experience.
