Microsoft and some amazing contributors have given us the ability to format our rows in Modern Lists & Libraries to provide a great user experience to our users when viewing lists.
To do this, you construct a JSON object that describes the elements that are displayed when a field is included in a list view, and the styles to be applied to the row.
Luckily for us, most of the work is already done and all we have to do is copy and paste the JSON for the format we want from the Git repository. It’s as simple as going to your View Selector –> “Format current view” option and pasting in the JSON that has already been constructed by the contributors.
I put this blog together as mostly a quick reference to myself so I can quickly choose a list view (or row format) user experience to give to my clients based on a sample image that the view format does. Credit to the open source contributors for developing this JSON.
Contact Card Row Format
Conditional formatting based on date
Document Library Sample
Numeric Average Comparison
Project Indicator – Risk Score Indicator
Project Indicator – RYG Status Format
Items in Tile Format
Multi-line view rendering
Current User’s Rows
Resource Catalog Sample
Retail Account Sample
Conditional formatting based on choice field