Resources for Learning to format SharePoint Online Lists with JSON

Question

What resources would you recommend for someone needing to quickly learn to format SharePoint Online list items and views using JSON?

The individual is not a developer but has basic knowledge of some coding languages and is proficient with HTML and CSS.

Web searches on the topic have come up empty.

Thanks!

Answer 1

You can go through below Microsoft official documentations and resources for learning SharePoint JSON formatting:

Microsoft documentations:

1. Use column formatting to customize SharePoint
2. Use view formatting to customize SharePoint
3. SharePoint JSON Formatting syntax reference
4. Advanced SharePoint JSON formatting concepts

You can refer to below GitHub repository for SharePoint JSON formatting samples related to column, view and form formatting:

1. SharePoint List Column Formatting Samples
2. SharePoint List View Formatting Samples
3. SharePoint List Form Formatting Samples

---

As user looking for these resources is proficient with HTML and CSS, I would like to recommend you to try using HTML To Formatter tool which can help building a JSON formatter from a given HTML. You can even put in some CSS to get inline styles populated:

HTML To Formatter tool

Answer 2

Here are some which should be helpful.

Use column formatting to customize SharePoint

Advanced formatting concepts

List Formatting Samples

Chris Kent's Blog - List Formatting