History | Edit

When you create a new transformation scenario or edit an existing one, a configuration dialog box allows you to customize the transformation with various options in several tabs.

The Templates tab is available for DITA OT transformations with WebHelp Responsive or WebHelp Responsive with Feedback output types and it provides a set of predefined skins that you can use as a base for the layout of your WebHelp system output.

A skin is a collection of CSS properties that can alter the look of the output by changing colors, font types, borders, margins, and paddings. This allows you to rapidly adapt the look and feel of your output. You can choose predefined skins in a tile style of layout or a tree style of layout, and you can also add your own customized skins.

Figure: Templates Tab

The Templates tab comes by default with the following predefined collections of skins:
Tiles
This sections presents the predefined skins that are arranged in a tiles style of layout. These predefined skins include a variety of themes, ranging from a very light one to a high-contrast variant, and various styles. If you select Choose custom skin, you can select a custom CSS stylesheet to be used as your template.
Tree
This sections presents the predefined skins that are arranged in a tree style of layout. These predefined skins include a variety of themes, ranging from a very light one to a high-contrast variant, and various styles. If you select Choose custom skin, you can select a custom CSS stylesheet to be used as your template.

When you add a new collection of skins, this tab will list them.