Themes


Themes allow you to completely customize the look and feel of your site. A theme will determine the available layouts, color themes, and borders that are available for your CodeBehind pages. This keeps your site's style in one central place, allowing you to easily update it in the future.

Themes are each stored in their own folder within the site\themes directory. You can have multiple themes installed on your site. You can select which theme you would like to use from your site's Control Panel, under the Themes tab.

To install a new theme, place the themes folder within your site\themes directory. It will automatically be detected and become available from within your Control Panel.

This documentation will cover how you can create your own themes, which is relatively quick and easy.

Creating a Theme


Here you'll find an introduction on creating a theme folder and the different files that make up a theme.

Layouts


Covers creating 'layouts' for your theme. These are layouts that are available for your individual pages, such as 2 Columns, 3 Columns, etc.

Borders


Your theme can define a set of borders that are available for the Virtual Parts placed on your Code Behind pages. Users can select what type of border they would like to surround different parts on a page.

CSS


Covers how to manage CSS files for your theme, where keep most of the color and style information. This also covers common css definitions that your style sheets can override to create unique tabs that will apply while editing parts.

Sample CSS Files


Contains an entire CSS file taken from this sites current theme that is useful as reference.

Theme Previews


Explains how to create a Theme Preview icon that will appear in the Control Panel next to your theme.