All ToolsColumn Formatter

SharePoint Column Formatter

Ready-made column formatting JSON templates for SharePoint — badges, progress bars, person cards, star ratings, and more. Copy and paste directly.

Pick a template below, copy the JSON, then paste it into Column settings → Format this column → Advanced mode in SharePoint.

Choice Badge

Choice

{
  "$schema": "https://developer.microsoft.com/json-schemas/sp/v2/column-formatting.schema.json",
  "elmType": "div",
  "style": {
    "display": "inline-block",
    "padding": "4px 10px",
    "border-radius": "999px",
    "font-size": "12px",
    "font-weight": "600",
    "background-color": "=if([$Status]=='Active','#dcfce7',if([$Status]=='Inactive','#fee2e2','#f1f5f9'))",
    "color": "=if([$Status]=='Active','#16a34a',if([$Status]=='Inactive','#dc2626','#475569'))"
  },
  "txtContent": "[$Status]"
}

Tip: Replace field names in brackets (e.g. [$Status], [$Progress]) with your actual SharePoint column internal names.