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. Ffor example:
Lowercase. A blank selection indicates that no additional attributes
are applied.
- Additional styles
- You can apply 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 — Apply 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