Customize your SharePoint Column, View or Form Layout Formatting JSON using a full-featured editor instead of the default one.

Latest Version

Version
0.1.6
Update
July 9, 2024
Size
4.28MiB
Developer
Category
Users
3,000+
Rating
4.2 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
Storage
See more

SP Formatter Extension

SP Formatter features:

- Live Preview as you type (no need to click \"Preview\" button)
- Intellisense (suggestions) based on Column or View formatting schema, CSS styles, replaceable tokens (`@currentField`, list fields with `$` based on the context)
- JSON validation with error messages in the editor
- Help tooltips for JSON properties
- Color highlights
- Line numbers, brace matching, collapsible regions
- Hotkeys: search, replace, format document, go to line and others available for monaco-editor
- Easily switch between default and enhanced editor
- VSCode integration
- Full screen mode

Supported platforms:

- SharePoint Online
- SharePoint 2019 (through a separate extension, read more https://github.com/pnp/sp-formatter/blob/master/sp2019/README.md)

PRIVACY POLICY
SP Formatter does not collect nor store any personal data.

CHANGELOG:
https://github.com/pnp/sp-formatter/blob/master/web-extension/CHANGELOG.md
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "SP Formatter", "short_name": "SP Formatter", "homepage_url": "https://github.com/pnp/sp-formatter", "description": "Customize your SharePoint Column, View or Form Layout Formatting JSON using a full-featured editor instead of the default one.", "version": "0.1.6", "content_scripts": [ { "run_at": "document_end", "matches": [ "" ], "js": [ "dist/content.js" ] } ], "background": { "service_worker": "dist/background.js" }, "icons": { "16": "icons/icon16.png", "32": "icons/icon32.png", "48": "icons/icon48.png", "96": "icons/icon96.png", "128": "icons/icon128.png" }, "action": { "default_popup": "popup/popup.html" }, "permissions": [ "storage" ], "web_accessible_resources": [ { "resources": [ "dist/*", "schema/*" ], "matches": [ "" ] } ]}
Read more

Similar Extensions

icon

SP Editor Extension · Developer Tools 3,000+ 51 ★ 11.87MiB

icon

SPAdminsHelper Extension · Productivity 3,000+ 3 ★ 37.28KiB

icon

FlyView for SharePoint and Office 365 Sites Extension · Productivity 3,000+ 69 ★ 400KiB

icon

SP Insider Extension · Developer Tools 3,000+ 21 ★ 283KiB

icon

SP REST JSON Extension · Developer Tools 3,000+ 3 ★ 64.89KiB

icon

Microsoft Power Automate (Legacy) Extension · Productivity 3,000+ 63 ★ 60.87KiB

icon

SPFX Workbench Manager Extension · Developer Tools 3,000+ 2 ★ 13.7KiB

icon

Dev Tools for SharePoint Extension · Developer Tools 3,000+ 1 ★ 118KiB

icon

SPShell - SharePoint: Login as Another Extension · Productivity 3,000+ 6 ★ 54.98KiB

icon

SPush SP editor Extension · Developer Tools 3,000+ 3 ★ 12.03KiB

icon

Page diagnostics for SharePoint Extension · Productivity 3,000+ 6 ★ 2.54MiB

icon

SP REST Client Extension · Developer Tools 3,000+ 25 ★ 21.34KiB

icon

Reorder List/Library Columns Extension · Developer Tools 3,000+ 2 ★ 346KiB

icon

Cisar Extension · Developer Tools 3,000+ 27 ★ 986KiB

icon

CamlJS Console Extension · Developer Tools 3,000+ 15 ★ 547KiB

icon

SharePoint Quicklinks Extension · Productivity 3,000+ 3 ★ 681KiB

icon

Power DexBox Utility Extension · Developer Tools 3,000+ 1 ★ 10.12MiB

icon

Power Apps Studio Tools Extension · Developer Tools 3,000+ 2 ★ 21.66KiB

icon

PowerUI for Power Automate Extension · Developer Tools 3,000+ 2 ★ 13.6KiB

icon

Power Automate actions handler Extension · Developer Tools 3,000+ 1 ★ 636KiB

icon

AppReview for Power Apps Extension · Productivity 3,000+ 3 ★ 12.03MiB

icon

SharePoint Modern List See More Extension · Productivity 3,000+ 1 ★ 35.69KiB

icon

Apps4.Pro Office 365 License Manager Extension · Productivity 3,000+ 0 ★ 2.88MiB

icon

Power Automate Tools Extension · Developer Tools 3,000+ 10 ★ 1.09MiB

User reviews

icon

Robert Martin (ID: 000000d7a3e514c1) Voted 5 ★ - Updated 07/23/2020 Great extension!

icon

Denis Molodtsov (ID: 000000c4ab60a44b) Voted 5 ★ - Updated 12/06/2019 I love this extension. Saves a ton of time and I can install it in a few clicks on any machine. Thank you!

icon

Joe PC (ID: 000000dc04dd58eb) Voted 5 ★ - Updated 06/12/2019 Thanks, Sergei! I was thinking about doing this using CodeMirror. Now I don't have to! This meets a sore need and enhances the experience with immediate feedback without saves. No more need to copy/paste back & forth to VSCode! Curious if the Excel-Like "calculated" checks could be highlighted somehow. I have IFs inside of IFs inside of IFs. Or simply just parentheses matching for now?