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/render-grid-in-template for documentation for Umbraco 9 and newer versions.

    Render grid in template

    Using @Html.GetGridHtml

    To render a property based on the grid inside a template you should use the HtmlHelper extension:

    @Html.GetGridHtml(Model, "propertyAlias")

    This will render the grid item with alias "propertyAlias" from the current page models' content.

    This will by default use the view /views/partials/grid/bootstrap3.cshtml you can also use other provided grid template rendering files - for example the built-in bootstrap2.cshtml view by overloading this helper:

    @Html.GetGridHtml(Model, "propertyAlias", "bootstrap3")

    You can create your own custom grid rendering files e.g for your favourite or custom grid framework implementation. Tip: copy one of the existing files as a starting point. By convention, if you create your "mycustomrenderer.cshtml" file in /views/partials/grid you can render the grid property like so:

    @Html.GetGridHtml(Model, "propertyAlias", "mycustomrenderer")

    or alternatively you can provide the path to where the file resides:

    @Html.GetGridHtml(Model, "propertyAlias", "/views/mycustomrenderer.cshtml")