Styles set here apply to expanded and collapsed header bars. You can configure the fonts, border, and background colors for the following header formats:
- Standard — applies to standard header bars

- Sub, A, B, C, and D — applies to sub header bars

To preview changes, save the rule and click Run (
). In the Skin Preview, select the Headers tab.
Use Same Formatting
Use the same formatting for Expanded and Collapsed headers
|
Applies the same settings to expanded and collapsed headers. Clear this checkbox if you want define different styles for expanded and collapsed headers. Additional fields appear. |
Text
Applies to the text in header bars.
Style Preset
|
Displays the currently selected Style Preset.
Click the magnifying glass ( ) to select a different Style Preset from the Style Preset list.
|
Use Custom Text
|
Select this checkbox to define a custom text format:
- Font— Select the font family and size in pixels (px), points (pts), em (the current font size), or percentage (%). The font family defaults to
(use overall) , which is the font you specified in the Overall Font field in the Style Presets.
- Color — Enter a hexadecimal value (such as #3d3d3d) or click the box next to the field to Choose a Color.
- Bold — Select or clear the checkbox to determine the font-weight.
|
Border
Applies to the border of header bars.
Style Preset
|
Displays the currently selected Style Preset.
Click the magnifying glass ( ) to select a different Style Preset from the Style Preset list.
|
Use Custom Border
|
Select this checkbox to define a custom border:
- same for all sides — clear this checkbox if you want to specify a different border style for Top, Left, Right, and Bottom.
- Select a border type and specify the pixel width and color of the border:
none, solid, dashed, or dotted.
|
Background
Applies to the background of header bars.
Style Preset
|
Displays the currently selected Style Preset.
Click the magnifying glass ( ) to select a different Style Preset from the Style Preset list.
|
Use Custom Background
|
Select this checkbox to define a custom background:
- solid — Enter a hexadecimal value (such as #3d3d3d) or click the box next to the field to Choose a Color.
- gradient (IE only) — Select the Direction in which you want to blend the colors, horizontal or vertical. Specify the Start and End colors of the gradient, as well as a Backup color for non-IE browsers.
- image — Specify the following:
- Color — Select a background color (fill). Enter the CSS hexadecimal value or click the box next to the field to Choose a Color. Click No Fill if you want a transparent background.
- Location — Enter the location of the file, including the relative path. For example,
images/AlphaCorpLogo.png .
To search for an image, click ( ) to open the Image Catalog tool. Enter any portion of a file name (relative path, file name, or extension) in the Search box, and click Find. If you can’t find the image, make sure it is in the webwb directory. - Tile — Specify tile settings for the image. Select
None if you want to use a single image; Horizontal if you want a row of images in the background; Vertical , if you want a column of images in the background, or Both , if you want rows and columns containing the image in the background. - Position — Specify the placement of the starting tiled image, for example, top left.
|
Height
Sets the height of header bars.
Height
|
Specify the height of the header by entering a value in pixels. |
Skin rules — Completing the Styles tab
About Skin rules