A workshop for inline-edit formatters
Pick a template on the left, tweak its fields, and the JSON updates as you type. The preview on the right shows roughly how SharePoint will render it across a few rows of sample data.
version 1.0
schema v2
Column to create in SharePoint
Choice
hide steps▾
- Add the column above to your list
- Copy the JSON below (or click save .json)
- In your list, click that column's header → Column settings → Format this column
- In the pane that opens, scroll down and click Advanced mode
- Delete what's in the box, paste your JSON, click Preview to check, then click Save
⚠ Name matching: the Field name below must match your column's internal name exactly — it's case-sensitive. SharePoint sets the internal name when you first create the column, and a name with spaces becomes encoded (e.g.
Due Date → Due_x0020_Date). To keep it clean, create the column with no spaces (like DueDate), then rename the display label afterward if you want spaces. To check an existing column's internal name: edit the column and read the URL — the part after &Field= is it.