DNN Themes, Module Containers and Places

See Also

By default, DNN skin contains two Themes (Home and Page) and one module Container.

Themes

DNN skin includes two themes: Home and Page. They are created using appropriate Themler templates:

NOTE: DNN allows to use only one theme as default theme. Therefore if you want, for example, the Home page to look in a different way than all other pages we suggest that you specify Page theme as default theme and then assign Home theme to Home page under the DNN Admin >> Page Appearance:

Places and Module Containers

Places

Themler theme allows to add any number of DNN Places (module positions) to the skin.
For this please use DNN Module Position control which is available under the Insert tab >> More:

You can specify position name and appearance of DNN modules inside this specific area using Block settings.

In other words, you can add unlimited number of places for modules and create unique styles for modules in the specified place.

Once you added module places to the theme and installed this theme in DNN you should enable combined module container which applies different styles to DNN modules by their position. The combined module container is called "module":

Module Containers

In addition to combined module container(see above) you can add custom Module Containers using DNN Module Container control available under the Insert tab >> More:

Unlike "DNN Module Position" control, DNN Module Container is not associated with the template or specific place where you added it.
Also DNN Module Container does not create module position (Places). So in general, DNN Module Container can be added to any place on any template.

With this additional module container you can override the style of a single module applied by the combined module container. Or create separate Edit container.

DNN Module Container control is based on the Block control. Therefore all Block properties are available for this control:

<div class="panel panel-default pull-right">
<div class="panel-heading"><h3 style="margin: 0;">See Also</h3></div>
<!-- List group -->
<ul class="list-group">
<li class="list-group-item"><a href="http://answers.themler.com/articles/49607">How To Install DNN Skin</a></li>
<li class="list-group-item"><a href="http://answers.themler.com/articles/48480">How To Use DNN Skin</a></li>
<li class="list-group-item"><a href="http://answers.themler.com/articles/49640">DNN Places</a></li>
</ul>
</div>
By default, DNN skin contains **two Themes** (Home and Page) and **one module Container**.
### Themes
DNN skin includes two themes: Home and Page. They are created using appropriate Themler templates:
!dnn-themes.png!
**NOTE:** DNN allows to use only one theme as default theme. Therefore if you want, for example, the Home page to look in a different way than all other pages we suggest that you specify *Page theme* as default theme and then assign *Home theme* to Home page under the DNN Admin >> *Page Appearance*:
!page-appearance.png!
### Places and Module Containers
#### Places
Themler theme allows to add any number of DNN Places (module positions) to the skin.
For this please use **DNN Module Position** control which is available under the Insert tab >> More:
!dnn-module-position.png!
You can specify position name and appearance of DNN modules inside this specific area using Block settings.
In other words, you can add unlimited number of places for modules and create unique styles for modules in the specified place.
Once you added module places to the theme and installed this theme in DNN you should **enable combined module container** which applies different styles to DNN modules by their position. The combined module container is called **"module"**:
#### Module Containers
In addition to combined module container(see above) you can add custom Module Containers using **DNN Module Container** control available under the Insert tab >> More:
!insert-dnn-module-container.png!
Unlike "DNN Module Position" control, DNN Module Container is not associated with the template or specific place where you added it.
Also DNN Module Container does not create module position (Places). So in general, DNN Module Container can be added to any place on any template.
With this additional module container you can override the style of a single module applied by the combined module container. Or create separate Edit container.
DNN Module Container control is based on the Block control. Therefore all Block properties are available for this control:
!dnn-module-container-properties2.png!