Template CSS

In this article:

Introduction

Template CSS – is a CSS code that applies to document which has appropriate template.

Template CSS Management

Firstly you need to enable template CSS support. You need to use <imcms:templateCSS/> tag.

Warning

It is important to place It under <imcms:admin/> tag because you might want that your styles will not be overwritten.

../../_images/proper-usage.png

Template CSS Editor

../../_images/template-css-editor.png
  1. In order to start work with template CSS you need to choose template.

../../_images/templates-select.png ../../_images/template-css-editor-loaded.png
  1. You have two buttons:

active - shows active version of template css. Active means that all users see changes.

working - shows working version. Working means no one can see changes. In order to preview them see Appearance tab in Page Info.

You only can change working version.

  1. When you load working version you will see another useful buttons:

../../_images/template-css-editor-working-version-loaded.png

History button - loads chosen template`s CSS history.

Publish button - publish working version.

Save button - save working version.

Clear button - clear working space.

Note

Remember that you need to provide changes in order to save working version. Also you cannot publish if versions match.

Template CSS History

../../_images/template-css-history.png

Here you can load history of template CSS and choose it to work with by pressing Use button.

Preview

When you have published version of template css you can visit document and you will see changes.

../../_images/template-css-on-page.png

You can preview template css layout using appropriate button in Appearance tab in Page Info.

../../_images/preview-btn.png

Press it and working version of template css will be applied on current document. Reload and changes gone.

../../_images/template-css-preview-btn-show.png