SharePoint Column Formatting: No-Code Visual Customization
Transform plain columns into status badges and progress bars using JSON — no SPFx required.
What is Column Formatting?
Customize how SharePoint columns look using JSON. No deployment needed.
How to Apply
- Click column header → Column settings → Format this column
- Switch to "Advanced mode"
- Paste your JSON
- Save
Example: Status Badge
Turn text into colored badges with border-radius and conditional background colors.
Example: Progress Bar
Show percentage as a visual bar using nested divs with dynamic width.
Tips
- Use the
$schemaproperty for IntelliSense
- Test in a dev site first
- Formatting is tenant-scoped