

If you want to activate suggestions explicitly, you can press Ctrl+Space (it's indicated in the video). If you start typing a property name, you will see an inlined suggestion (if suggestions are available for this property). Suggestions can be activated in two different ways. Suggestions (intellisense) based on Column or View formatting schema Instead, it gives you a preview as you type. With SP Formatter you don't have to click the Preview button every time when you want to see how your column formatting JSON looks like when applied to a list: Let's go through the main features of SP Formatter.
#Chrome json formatter code
To see how it works in action please check out below short video:įor those who are familiar with Visual Studio Code and monaco editor, SP Formatter uses the same monaco editor component used by VSCode.

To improve it I created SP Formatter - a Google Chrome extension which transforms default column formatting into the full-featured editor. Of course, default SharePoint column formatting experience doesn't provide rich editing features, because it's simply a textarea element. Also, the schema in Visual Studio Code lacks some additional features available in SP Formatter. However even in that case, if you want to see how your column formatting looks like in SharePoint, you have to copy-paste it into SharePoint and click Preview, which is inconvenient. You can partially improve the situation if you edit your formatting JSON in Visual Studio Code with custom JSON schema applied. As a developer, I expect that column formatting experience provides code suggestions (also called intellisense in developer world), live preview, search and replace, brace matching and some other things available in a normal integrated development environment. There is one thing here which I don't like very much. To apply formatting, you should enter a special JSON into the textarea on a SharePoint list page. To learn more about this feature please read Use column formatting to customize SharePoint and check out an awesome list of community samples around column formatting. You do not have to be a developer to use column formatting, yet you should have some knowledge of CSS and HTML. It's called column formatting despite that you can customize views as well. That's a cool feature and gives you a lot of space for applying nice styling for your SharePoint data. Column formatting allows you to customize look and feel for columns and views in modern SharePoint.
