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 — Multi Select

Updated on April 5, 2022

The styles that you set here apply to Multi-select list controls. By using the Multi-select list control, you enable users to select more than one option from a list.

The following options are available on the skin form:

Text

Use mixin
Mixin
Determines the style pattern for this element of the control.
Mixin overrides
Overrides the style that the mixin sets for the following items:
Font family
Determines the font type. The font family defaults to (use overall), which refers to the font that you specified on the Mixins tab.
Font size
Determines the font size.
Font color
Determines the color of the text by hexadecimal code or by selection.
Font weight
Determines the weight of the font.
Text decoration
Determines additional decoration, for example, underlining. The default (None) selection is backward-compatible and indicates that no additional attributes are applied.
Transform text
Determines text transformation, for example, capitalization. The default (None) selection is backward-compatible and indicates that no additional attributes are applied.
Specify styles
Font family
Determines the font type. The font family defaults to (use overall), which refers to the font that you specified on the Mixins tab.
Font size
Determines the font size.
Font color
Determines the color of the text by hexadecimal code or by selection.
Font weight
Determines the weight of the font.
Text decoration
Determines additional decoration, for example, underlining. The default (None) selection is backward-compatible and indicates that no additional attributes are applied.
Transform text
Determines text transformation, for example, capitalization. The default (None) selection is backward-compatible and indicates that no additional attributes are applied.
Additional styles
Determines additional styles for this element by combinations of text-specific CSS attributes and their values.

Border

Use mixin
Mixin
Determines the style pattern for this element of the control.
Mixin overrides
Overrides inheritance for each border.
Specify styles
Apply to all sides
Determines whether your border specification applies to every border separately or to all borders.

Background

Use mixin
Mixin
Determines the style pattern for this element of the control.
Specify styles
Type
none
Indicates a transparent background.
solid
Determines the color of the background by hexadecimal code or by selection.
gradient
Determines the colors, the direction in which you want to blend them, and a backup color . Specify a Backup color, in the event that the browser cannot render the gradient.
image
Select a background image by specifying the following options:
Background color
To use the background color specified in a mixin, choose obtained from mixin and then click the gear icon to select the mixin. Alternatively, you can select custom color and enter the CSS hexadecimal value or click the box next to the field to choose a color.
Location
Enter the location of the file, including the relative path. For example, images/AlphaCorpLogo.png.
Tile
Specify tile settings for the image.
  • If you want to use a single image, select None.
  • If you want a row of images in the background, select Horizontal.
  • If you want a column of images in the background, select Vertical.
  • If you want rows and columns containing the image in the background, select Both.
Position
Specify the placement of the starting tiled image, for example: top left.
Color
Determines the color of the background by hexadecimal code or by selection.
Additional styles
Determines additional styles for this element by combinations of background-specific CSS attributes and their values.

Have a question? Get answers now.

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

Did you find this content helpful?

Want to help us improve this content?

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