Grid Layout (Legacy)

We highly recommend that you use the Block Grid instead.

The Grid Layout has been marked as obsolete and development on the property editor has been discontinued. It will be removed as a core property editor with the release of Umbraco 14, planned for Summer 2024.

Returns: JSON

Gives editors a grid layout editor which allows them to insert different types of content in a predefined layout.

What are Grid Layouts

The basic concept of Grid Layouts.

Configuring the Grid Layout data type

How to setup your Grid Layout data type.

Settings and styling

Add settings and styles.

Grid editors

Explanation of default Grid editors and how to customise them.

Build your own Grid editor

Build your own Grid editor from the ground up.

Render Grid in template

Render content created with Grid Layouts in your templates.

Grid Layout Best Practices

General guidelines when contemplating Grid Layout implementation.

Add values programmatically

Example how to add values programmatically.