Layout template is similar as Asp.NET master page. It is the page layout definition.

Add path: Application --> Design --> Layout Template
Click "New" button to create a new layout template.

You can use standard HTML and CSS code to design layout template. The only thing matters for Kooboo is a position tag in the layout template.

For any position which might have components inserted into it later on, use below tag.

When you are creating a layout template, you will be able to see some sample code generated. For example,

You are also able to extend the function of layout template using full Asp.Net MVC.

Hide controls when a position has no content

You can define some "container" tags around a position tag. You can also hide some html code when one position has no content or has content.

In order to do this, the HTML code you want to hide must define an ID and add the runat="server" attribute. runat="server" is an ASP.NET server control tag.

EmptyHidden can has multiple values separated by comma. ContentHidden is to hide controls when there is content.