Skin form — Components tab — General — Errors |
|
Styles set here determine the appearance of field-level error messages.
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 Generate Error button in the Header area.
Text
Use mixin |
Select to use a mixin to define the appearance of this element. The Mixin field displays the name and a preview of the currently selected mixin. Click to select a different mixin from the list.
|
Specify styles |
Select this checkbox to define a custom text format:
|
Border
Use mixin |
Select to use a mixin to define the appearance of this element. The Mixin field displays the name and a preview of the currently selected mixin. Click to select a different mixin from the list. If desired, you can specify the Top, Left, Right, or Bottom border as none, solid, dashed, or dotted , rather than inheriting the style from the selected mixin. |
Specify styles |
Select to define a custom border:
|
Background
Use mixin |
Select to use a mixin to define the appearance of this element. The Mixin field displays the name and a preview of the currently selected mixin. Click to select a different mixin from the list.
|
Specify styles |
Select this checkbox to define a custom background: Select the background Type:
|
Message
Use mixin |
Select to use a mixin to define the appearance of this element. The Mixin field displays the name and a preview of the currently selected mixin. Click to select a different mixin from the list.
|
Specify styles |
Select this checkbox to define a custom text format:
|
Symbol |
Displays the symbol that appears to the left of the error message text. Select a symbol from the list or select Image to specify a custom image. If you select Image, specify the location of the image file in the field that appears. |