This article has not yet been verified against Umbraco 8.

    The concepts and code examples might not work if you are running Umbraco 8.0 or a later version. If you are using Umbraco 7, this article is perfect for you!

    You are more than welcome to report any issues found on the Documentation Issue Tracker.

    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.