> For the complete documentation index, see [llms.txt](https://docs.4mata.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.4mata.com/designer/view.md).

# View Formatting

Getting Started

{% hint style="info" %}
The view designer allows you to create view designs using the <https://developer.microsoft.com/json-schemas/sp/view-formatting.schema.json>\
schema.
{% endhint %}

## Designing your custom view

1. Drag and drop from the element app bar on the left into the canvas and start styling the elements as required.&#x20;
2. Once you are happy with the style, click publish.

{% hint style="info" %}
To view the published format you may click on "view list" under the burger menu on the top right corner.&#x20;
{% endhint %}

![](https://2720288871-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MYGE8xhneupoUZw55M6%2F-MZlVf2uSi3lqZ4eIQLa%2F-MZlW9gat0szcPXCXKVD%2Fimage.png?alt=media\&token=22a7b392-2415-407e-a660-fa0a18ea705c)

## Microsoft View Formatting Documentation

{% embed url="<https://docs.microsoft.com/en-us/sharepoint/dev/declarative-customization/view-formatting>" %}