We have moved!

You are currently looking at documentation for Umbraco 8 and older versions.
Go to docs.umbraco.com/umbraco-cms/fundamentals/backoffice/property-editors/built-in-umbraco-property-editors/grid-layout for documentation for Umbraco 9 and newer versions.

    Grid Layout

    Returns: JSON

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

    Grid layouts

    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.