SharePoint formatter Chromium Edge and Google Chrome browser extension
Customize your SharePoint Column, View or Form Layout Formatting JSON using a full-featured editor instead of the default one. Supports Google Chrome and Microsoft Edge (Chromium).
@currentField
, list fields with $
based on the context)You can edit your Column Formatting JSON inside VSCode and have it synchronized to a browser with live preview.
11232
to be opened for connections.json
extension)SP Formatter: start a new session
commandVSCode is connected
message with a file name from VSCode instance.If you have SP Formatter web extension enabled and navigate between different SharePoint pages, SP Formatter might not work properly (or not work at all).
SP Formatter “loses” context when you navigate between SharePoint pages in a same browser tab because of the async navigation nature in SPO. It’s hard to track such navigation from the extension code.
How to fix: Just open a page, where you’re going to format view\columns and perform a page refresh (F5) or hard refresh (CTRL + F5). Now SP Formatter should work as normal
If you’re switching between Column\View formatting, or choosing different columns for Column formatting, or choosing different form layout options (Body, Header, Footer), you should always re-enable SP Formatter using toggle button, so that it picks the right context.
SP Formatter does not collect nor store any personal data.