What is a template ?

If your content does not fit, change it

Undraw Building Websites I78t


A template applies a layout to a page.

ComboStrap comes with built-in templates that you can use to change the layout on the fly for a particular page.

Choose the template that is the right fit for your content.

Layout Element

Holy, the holy-grail layout

Median Layout

Medium, a layout for readability

Landing Layout

Landing, a layout for landing pages

Index Layout

Index, the layout for index pages

Blank Layout

Minimal, the minimal printable layout

Blank Layout

Hamburger, the three layers layout

Layouts are important.

Layout Funny

How to set the template for a page?

You can set the template:

Page Layout Metadata Manager

  • via the template URL property.

Example: to see this page with the blank template, click on this link.

How to customize or create a template?

It's possible to customize a template.

App templates

App templates are templates for app pages such as login, register, etc.

The user doesn't see them but as a Web Designer, you can customize them. Check out the corresponding page: App Templates

What are the default templates?

The default templates are:

These are defaults that take into account by default the type of content:

  • home and index pages are landing pages
  • item pages are content pages

Showcase yourself and your brand

Get free news, tips, and tricks
to create a remarkable experience for your readers.

Related HowTo's
Landing Template Value
How to create a landing page?

This article shows you how to create a landing page with the markup component A landing page is a page with big horizontal sections that shows off your product or services. For your page, you should...
Undraw Stepping Up
How to create a top menu bar?

The theme system supports the creation of a slot page called header slot in order to create a menu bar at the top location of the page. * Create a page called :slot_header (at the root directory...
Combostrap Default Theme File Explorer
How to create your own theme?

This page shows you how to create your own theme. You can then apply advanced design and logic to your whole website application. Combostrap uses a theme system where: each page has its own template...

Recommended Pages
Undraw File Analysis 8k9b
All the metadatas that you can set for your pages

Page Metadata are page configuration. They are also known as: semantic data. or structured data The metadata can be seen and modified via the Metadata Manager. There is two groups of metadata:...
Layout Element
ComboStrap - Main Template Element

In a template layout, main is the element where the content of your page is rendered. In a template, the main element may have a: * header, located at its top * and footer, located at its...
Layout Element
ComboStrap - Page Header Slot

The page header slot is a slot that replaces the page header. The how-to getting started guide explains how to create a header navigational bar: . You can configure the name of the header slot...
Undraw My Documents
ComboStrap UI - Styling

Styling in ComboStrap is the possibility to render every component as you wish. ComboStrap has three levels of styling: the bootstrap stylesheet level - bootstrap standard theme the user stylesheet...
Undraw Website Builder Re Ii6e
ComboStrap UI - Table of Content ( TOC )

The toc (table of content) gives to the reader an overview of your page by showing the outline headings label in a tree fashion. The Table of Content of this page is: TOC The toc is an element or...
Undraw My Documents
Descendant Pages

Descendant pages are pages that have the same or a higher level than the current page in the page system. The descendant's pages can be queried to create an illustrative list in index pages. You can...
Featured Image
Featured Image

A featured image is a page's main illustrative image. The featured image is generally located below or above the page tile. We support two types of featured images: raster that are suitable for...
Hamburger Template

hamburger is a template that show only three layers. The page header The main (header, content and footer) The page footer hamburgerwebsite home pagelanding page The hamburger supports the...
Index Layout
Index template

An index template is the default template for the index pages. Because index pages are landing pages for a namespace, this template creates a mini-landing page layout for a namespace slots page header...
Landing Layout
Landing Template

landing is a template that permits to create landing pages. In a landing page layout: The main content is not contained (You need to use bar components to create the purple area) The page header,...

Task Runner