The following styles can be configured for the header section from the Styles tab:
Style |
Description |
---|---|
background-color --header-container-content-background-color |
This option allows you to select the background color of the container of the header section. Click on the ellipsis (...) button to access a color picker to select the color. |
border-color --header-container-border-color |
In the Style Value column, you can click the ellipsis button and select a color for the border around the header section. |
border-style --header-container-border-style |
In the Style Value column, you can select the line style for the border around the header section. You can select none, dotted, solid, dashed, double, or inset. |
border-width --header-container-border-width |
Enter the value for the width of the border line around the header section. The value entered can be one of the following units of measure:
The values can be set for all four borders separately, in the following order: top border, right border, bottom border, left border. The following is an example:thin medium thick 10px |
height |
Defines the height of the header section. The value entered can be one of the following units of measure:
|
width |
Defines the width of the header section. The value entered can be one of the following units of measure:
|
text-align |
This option allows you to define how text inserted into the header section will be aligned, as well as how the view will be aligned when the view does not take up 100% of a window. This setting does not control text within other container controls. Alignment options available from the drop-down list are none, left, center, right, and justify. |
--header-container-border-radius |
This option allows you to define how much the corners of objects of the header section are rounded. The value can be defined with:
The value entered can be one of the following units of measure:
|
--header-container-header-background-color |
This option allows you to select the background color of the header section. Click on the ellipsis (...) button to access a color picker to select the color. |
--header-container-header-background-image |
This option allows you to set a background image for the header section. You can enter a link to the image from your local machine or a hyperlink. Note: The maximum length of the value is 255
characters. It is recommended to use shorter URLs. If necessary,
add your image to the Global Style sheet and set it on the
control with a CSS Class name.
|
--header-container-header-background-position |
This option allows you to set the position of the background image. Possible values:
|
--header-container-header-background-repeat |
This option allows you to set whether the background image should repeat itself in the available header section space. Possible values:
You can use two-value syntax, where the first value represents the horizontal repetition, and the second value represents the vertical repetition. The following is an example for an image which will be repeated horizontally and not repeated vertically:repeat no-repeat |
When properties can be configured on both the General and Styles tabs, the property changes will be properly displayed on both tabs.