Styles that you set here apply to the labels for check boxes. You can define the
Standard check box style or create
custom check box formats.
A preview of the currently selected format displays to the right. To preview all check box formats, click
Preview All.
You can also preview formats by selecting
Actions > Launch
in the toolbar and then choosing one of the following preview options:
Run Process,
Open Portal,
Harness Preview,
UI Gallery Preview,
Skin Preview.
Text
Applies to the check box label.
| Use mixin |
-
Mixin overrides — Click
Add mixin override
to override a style that is set by the mixin:
-
Font — Select the font family. The font family defaults to
(use overall)
, which is the font that you specified in the Overall Font field at the top of the
Mixins
tab.
-
Font Size — Select the font size in pixels (
px
), points (
pts
),
em
(the current font size), or percentage (%).
-
Color — Enter a hexadecimal value (such as #3d3d3d), or click the box next to the field to choose a color.
-
Font Weight — Select a font weight from the list.
-
Text Decoration — Select a text decoration option from the list, for example,
Underline
. A blank selection indicates that no additional attributes are applied.
-
Transform Text — Select a text transformation option from the list, for example,
Lowercase
. A blank selection indicates that no additional attributes are applied.
-
Additional styles — Add additional styles, specific to styling the text for this element, by specifying a CSS attribute and value. You must specify a CSS attribute that is related to text styles. Click
Add additional styles
to define another CSS attribute-value pair.
|
| Specify styles |
Select this check box to define a custom text format:
-
Font — Select the font family. The font family defaults to
(use overall)
, which is the font that you specified in the Overall Font field at the top of the
Mixins
tab.
-
Font Size — Select the font size in pixels (
px
), points (
pts
),
em
(the current font size), or percentage (%).
-
Color — Enter a hexadecimal value (such as #3d3d3d), or click the box next to the field to choose a color.
-
Font Weight — Select a font weight from the list.
-
Text Decoration — Select a text decoration option from the list, for example,
Underline
. The blank selection is the default selection for backward compatibility and indicates that no additional attributes are applied.
-
Transform Text — Select a text transformation option from the list, for example,
Lowercase
. The blank selection is the default selection for backward compatibility and indicates that no additional attributes are applied.
-
Additional styles — Add additional styles, specific to styling the text for this element, by specifying a CSS attribute and value. You must specify a CSS attribute that is related to text styles. Click
Add additional styles
to define another CSS attribute-value pair.
|
You can create custom check box formats that you can apply within your application.
Creating a custom check box format
To create a style format:
- Click Add a format .
- In the Create a new format dialog box, enter the
Format name by using only alphanumeric characters (a-z and 0-9)
and spaces. The name cannot begin with a number. The format name that you enter is
converted into the name CSS class or classes.
- Optional: Provide a Usage annotation.
- Click OK. The new format is populated with default values.
To create a style format by copying an existing format, click
Actions
and then select
Save as from the list.
Applying a custom check box format
-
In the cell containing the check box control, click the
View properties
icon to open the Cell Properties panel.
-
On the
Presentation
tab, press the down arrow in the
Style
field to select the custom format that you want to use.
About Skin rules