Creating Flexible Layouts In Umbraco

One of the main reasons a client will want to build their website within a CMS is to give them the ability to give them the power to build their website, without having to get a developer involved.

Historically, most Umbraco projects I worked on, involved in delivering a few templates with pre-fixed layouts.  The document-types powering these templates, allowed content editors to update the content but it gives them the limited power to change the layout compared to some other CMS system like Episerver, or, Sitecore.

In Umbraco 7.2 a new GridView property was introduced.  The Gridview property gives content editors a lot more power over how they build a page. 

Content-editors can now been given the power to create components - like banners or call to action blocks - into designated areas into templates.  This power means they can decide how the layout of a page should look within Umbraco, without needing a developer.

If this is something that your content editors would love, then this section is for you.  In this section, you will learn more about the GridView property, how to use it within Umbraco and my recommended approach on how to develop components to use within them.

How To Make Flexible Layouts For Content Editors Within Umbraco

In this tutorial, you will learn how you can build truly flexible layouts within Umbraco that will empower your content editors to take their content to the next level.  Recently, Umbraco introduced a really cool feature called the grid editor. The g[...]

How To Use The Editor Grid Within Umbraco Out Of The Box

In this tutorial, you will learn how to allow your content editors to create a flexible layout using the Umbraco grid layout.  If you're new to Umbraco and you don't fully 'get' why flexible layouts are super cool, or what the grid layout is, then I[...]

How To Create Umbraco Grid Components Using Document Types

In this tutorial, you will learn how to use the Grid layout with document types.  This approach will allow you to test your code more thoroughly, it will help to make deploying your code simpler and it will give you a more consistent architecture, as[...]

Using Strongly-Typed Models With The Doc Type Grid Editor

In this tutorial, you will learn how to use strongly typed models within your Umbraco code when content is created within the grid editor using the doctype grid editor. Getting Started In this tutorial, I'm assuming you have an Umbraco website set-[...]

Homepage Learn Umbraco CMS Umbraco Developers Guide Creating Flexible Layouts In Umbraco
Back to top