Styles set here determine the appearance of Labels for field-level errors. As a best practice, to make errors stand out visually, use fonts and background colors that contrast with those applied to other UI elements.
A preview of the currently selected format displays to the right. 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. In the Skin Preview, click the
Controls
tab. Click in the
Input (Required)
field, and then click outside of the field. The error label displays.
Text
| 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.
|
About Skin rules