How To Create A Document Type With A Editor Grid In Umbraco

In this tutorial, you will learn how to create a document type within Umbraco that will allow your content editors to create flexible layouts.  If you're new to Umbraco and you don't fully 'get' why flexible layouts are super cool, I suggest you read this article first.  For the rest of you, let's get on with it.

Creating Your Document Type

First, log into your Umbraco backend, then go to 'Settings' -> 'Document Types'.  To create a user-editable content area you will need to add a 'grid editor; to your page.  To do this, go to your document-type and select -> 'Add Property'

From this list, add a name like 'editable area and then select 'add editor'.

From here select 'Grid layout'

Boom... that's the hard part done!  As you are just getting familiar with the grid layout, I suggest that you just go with the default options, click save on the properties page and get a feel for what you can do, instead of focusing on how you can customize it.

 

Now you have a grid editor property on your document-type.  Save it, then go into the content tree, create a new document-type and have a play around with what you can do.  In the content view, after you have created a document-type you should be able to now add blocks, as you can see below:

After you click the 'Add Content' button, you can select which block you want to add.  Out-of-the box you can create a video, a headline, images, quotes, text and even macros.

After you add a block to the grid editor, you are then free to either publish the page, add more blocks onto the page, or re-arrange the existing blocks however you see fit.

Conclusion

For long-time Umbraco users, you will see how the grid editor gives you a lot more flexibility.  When you build a new project for a client, I suggest you go with this type of approach, as it gives content editors a lot more power.

 

submit to reddit

Jon D Jones

Software Architect, Programmer and Technologist Jon Jones is founder and CEO of London-based tech firm Digital Prompt. He has been working in the field for nearly a decade, specializing in new technologies and technical solution research in the web business. A passionate blogger by heart , speaker & consultant from England.. always on the hunt for the next challenge

Back to top