The following styles can be configured for the container from the Styles tab:
Style |
Description |
---|---|
background-color --section-container-background-color |
This option allows you to select the background color of the container. Click on the ellipsis (...) button to access a color picker to select the color. |
border-color --section-container-border-color |
In the Style Value column, you can click the ellipsis button and select a color for the border around the container. |
border-width --section-container-border-width |
Enter the value for the width of the border line around the container. 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 container. The value entered can be one of the following units of measure:
|
width |
Defines the width of the container. 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 container 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. |
--section-container-border-radius |
This option allows you to define how much the corners of the container section are rounded. The value can be defined with:
The value entered can be one of the following units of measure:
|
border-style --section-container-border-style |
In the Style Value column, you can select the line style for the border around the container. You can select none, dotted, solid, dashed, double, or inset. |
When properties can be configured on both the General and Styles tabs, the property changes will be properly displayed on both tabs.