Flexcards Element Appearance Properties (Managed Package)

For the managed package runtime, appearance properties are configurable in the Style panel of the Flexcard Designer when you select an element. Update background, text color, border, and theme of your elements.

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

Property

Description

Background Color

Select a background color. Enter a Hex color code, such as #ff0000. Or click the colored box to select from a color picker.

Background Image Url

Enter the URL of the image to display as the background of your element. The image must be accessible.

Background Position

Set the position of the background image. Enter any value allowed by the background-position CSS property, such as right bottom, center, 10px 30px, and so on.

Background Repeat

Set how the background image repeats itself. Enter any value allowed by the background-repeat CSS property, such as no-repeat, repeat, repeat-x, and so on.

Background Size

Set the size of the background image. Enter a value allowed by the background-size CSS property, such as cover, contain, and so on.

Border Color

Select a border color. Enter a Hex color code, such as #ff0000. Or click the colored box to select from a color picker.

Border Radius

To round the edges of the element border, set a border radius. Enter a value allowed by the border-radius CSS property, such as 25px, 25px 50px, and so on.

Border Style

Select the type of border to display. Enter a value allowed by the border-style CSS property, such as solid, dashed, inset, and so on. Default is solid.

Border Type

Select one or more border locations such as top, bottom, right, and left. To remove a border location, select it again from the dropdown.

Border Width

Enter a number for the thickness of the border in pixels.

Salesforce Theme

Select a predefined color scheme for your element.

Text Color

Update the element's text color. Enter a Hex color code, such as #ff0000. Or click the colored box to select from a color picker.