Contents
You can use view formatting to customize how items in SharePoint lists and libraries are displayed. To do this, you construct a JSON object that describes the elements that are displayed when an item is loaded in a view and any styles to be applied to those elements.
1. Click Edit Form. 2. Click Configure layout. Side note: If you’re wondering about those other two options. I wrote another post about some interesting things you can do with the Edit Columns option. For the Customize with Power Apps option, here’s a free one-hour online self-paced course where I teach about this: Power Apps Basics.
What’s the default view for a list in SharePoint?
List and libraries in SharePoint are created with a default view. It’s either All Items or All Documents. I have a rule to never edit these default views. It sounds crazy, but believe me, I’ve broken a default view and then struggled to view the content again.
How does column formatting work in SharePoint Docs?
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 those elements. The column formatting does not change the data in the list item or file; it only changes how it’s displayed to users who browse the list.
It’s based on the column formatting feature introduced last year, which allows you to format the appearance of individual columns using JSON. You can learn more about view formatting and see more examples in this blog post.
You can find these samples in the sp-dev-list-formatting repository within the SharePoint GitHub organization. View formatting is currently supported only in SharePoint Online. To open the view formatting pane, open the view dropdown and choose Format current view. The pane will look like the following depending on the current layout:
How to use view formatting with column formatting?
Using the additionalRowClass property to apply classes to list rows will leave the formatting of individual columns in place. This allows you to combine view formats with column formatting for some powerful visualizations. The following image shows a list layout with a class applied based on the value of a date column:
How does view formatting change the data in a list?
View formatting does not change the data in list items; it only changes how they’re displayed to users who browse the list. Anyone who can create and manage views in a list can use view formatting to configure how views are displayed.
How to create custom view formatting in Visual Studio?
Creating custom view formatting JSON from scratch is simple if you understand the schema. To create your own custom column formatting: Download Visual Studio Code. It’s free and fast to download. In Visual Studio Code, create a new file, and save the empty file with a .json file extension. Paste the following lines of code into your empty file.