Watch video

Templating

Introduction

This chapter is a short introduction to templating.
In the previous chapter, we created document types, and content using those document types. Now that you have some content, you should see what it looks like.

In the Umbraco Back Office, you have a single page, and a page underneath that, which are both published. Take a look at what happens when you move to your front end.

You will get an empty page, and even if you look at the page source, it is still empty.

This is where templating comes in place.
The templates are where you will be defining your markup, where you will place your HTML. *The nice part about *Umbraco, is that you have full control over the output. **Any static HTML that you want to use should be usable with Umbraco.

It is important to know that there are two rendering engines, and this will have an affect on your templating. You will have either Masterpages (Webforms) or Razor Views (MVC). In the following chapters, you will be using Razor Views.

Make sure your rendering engine is set to MVC.
The rendering engine is determined in the /config/umbracosettings.config file. If you open this file, there is an element in there that says . This can be set either to Webforms, or MVC. In our case, we will be using MVC, so make sure it is set to this (default in v7 is MVC).

Your templates can be found in the settings section.
This is where you will be able to create and manage your templates.

Let's review this chapter.

  1. Templates are for your markup. This is where you will place your HTML.

  2. You have full control of the markup with Umbraco.

Templating

This covers the basics of how to work with the templating system in Umbraco and get your HTML markup into the CMS.