Skip to main content


         This documentation site is for previous versions. Visit our new documentation site for current releases.      
 

This content has been archived and is no longer being updated.

Links may not function; however, this content may be relevant to outdated versions of the product.

Skin form — Components tab — Controls — Labels

Updated on April 5, 2022

Styles set here apply to Label controls and labels for property values (specified in the Label For field in the cell Properties panel).

For the following formats, you can specify the Text style:

  • Standard (label) — Default format applied to Label controls.
  • Standard (label for field) — Format applied to labels for property values, specified in the Label For field in the cell Properties panel.

You can also create custom label formats.

A preview of the currently selected format displays to the right. To preview all label 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

Define the appearance of the text for the selected label format.

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.

Skin rules

Tags

Pega Platform 8.4 User Experience

Have a question? Get answers now.

Visit the Support Center to ask questions, engage in discussions, share ideas, and help others.

Visit the Support Center

Did you find this content helpful?

Yes
No

Want to help us improve this content?
Suggest an edit

We'd prefer it if you saw us at our best.

Pega.com is not optimized for Internet Explorer. For the optimal experience, please use:

Close Deprecation Notice
Contact us