Flexcards Toggle Style Properties (Managed Package)

For the managed package runtime, configure style properties specific to the Toggle element from the Style panel in the Flexcard Designer.

Managed Package app icon This information is for Omnistudio for Managed Packages. For Omnistudio on standard runtime, see Omnistudio Help.

To configure additional style properties common to all elements, see Style Flexcard Elements (Managed Package).

Checkbox and Stateful Button Properties

These properties are unique to the all but the Stateful Icon toggle type.

Property	Description
Font Family	Enter one or more web-safe, SLDS, or Newport Design System fonts. Supports the font-family CSS property options. For example, enter a specific font, such as `Courier New`; a general font, such as `serif`; or a fallback list, such `Times New Roman, Courier New, serif`.
Font Size	Select a font-size. Enter any value allowed by the `font-size` CSS property, such as 1em, 6px, `large`, or `calc()`. If you enter just a number, the default unit used is `px`.
Text Decoration	Set the appearance of decorative lines on the text. Enter a value allowed by the `text-decoration` CSS property, such as `underline` and `overline`.

Important

The Font Size property isn’t available for the Checkbox Toggle and Checkbox Button toggle types in the Vlocity Health and Insurance Spring '21 release.

Checkbox Button, Group and Toggle Properties

These properties are unique to the Checkbox Toggle, Checkbox Button, Checkbox Group Button, Checkbox Group toggle types.

Property	Description
Text Align	Select text alignment, such as center.

Checkbox Button and Toggle Properties

These properties are unique to the Checkbox Toggle and Checkbox Button toggle types.

Property	Description
Checked Label	Select the display color of the label when the toggle element is selected. Enter a Hex color code or click the colored box to select a color from the color picker.
Unchecked Label	Select the display color of the label when the toggle element isn’t selected. Enter a Hex color code or click the colored box to select a color from the color picker.

Checkbox Button Properties

These properties are unique to the Checkbox Button toggle type.

Property	Description
Checked Icon	Select the display color when the toggle element is selected. Enter a Hex color code or click the colored box to select a color from the color picker.
Unchecked Icon	Select the display color when the toggle element isn’t selected. Enter a Hex color code or click the colored box to select a color from the color picker.

Checkbox Group and Stateful Button Properties

These properties are unique to the Checkbox Group Button, Checkbox Group, Stateful Button, and Dual Stateful Button toggle types.

Property	Description
Color	Select a label color. Enter a Hex color code or click the colored box to select a color from the color picker.