Skin form — Components tab — Controls — Check boxes
|
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
|
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 the Gear icon to select a different mixin from the list.
- 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 new style format:
- Click Add a format.
- In the Create a new format dialog, type the Format name using only alphanumeric characters (a-z and 0-9) and spaces. The name cannot begin with a number. The style name that you enter is converted into the name CSS class/classes.
- Type a Usage annotation, if desired.
- Click OK. The new format is populated with default values.
If you want to create a new format that is a copy of an existing format, right-click the format that you want copy, and click Clone.
Applying a custom check box format
- In the cell containing the check box control, click the Gear 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
Open topic with navigation
