Element-Specific Considerations for Flexcard Input Elements

Review some element-specific considerations and learn which Lightning web component the element maps to, and the attribute that you can configure. Then, access the corresponding readme file for information about the custom attribute setup.

See Base Omnistudio LWC ReadMe Reference.

Input Element Description or Consideration Lightning Web Component in ReadMe
Checkbox Select a checkbox by default. CheckboxGroup
Currency The default value is based on the logged-in user's locale settings, such as USD. If the user locale doesn't have the currency specified, currency code from company information is used. Input when type = currency
Date

Supports custom labels.

If needed, enter a default value in the selected date and time formats.

DatePicker
Date/Time

Supports custom labels.

If needed, enter a default value in the selected date and time formats.

DateTimePicker
Email — Input when type = email
Multi-Select Display options as checkboxes, buttons, images, or as a dropdown.
  • CheckboxGroup for checkboxes and buttons

  • CheckboxImageGroup for images

  • Combobox for dropdowns

Number

If needed, define a minimum and maximum mask value by setting the min and max custom attributes. These fields don’t support merge fields.

Users can enter numbers of any length regardless of the mask length.

Input when type = number
Radio If you choose the color display mode, enter the color in the Value field under Options as a CSS color name such as Yellow, or a HEX code such as #ffff00. See Color Names Supported by All Browsers and Colors HEX.
  • RadioGroup for radios and buttons

  • RadioImageGroup for images

  • RadioColorPickGroup for colors

Range The Step field determines the incremental increase in the range. For example, for a range from 1 through 3, a step of .5 lets users select values between 1, 1.5, 2, 2.5, and 3. Input when type = range
Select — Combobox when multiple = false
Telephone — Input when type = tel
Text

When you set the mask property on text fields, Salesforce shows the default error message instead of custom error messages for those fields.

Flexcards do not support curly braces {} in text fields as those are reserved for merge field syntax and cannot be used in a string or text value.

Input when type = text
Text Area

By default, Omnistudio uses the \n element instead of the <br> element to create line breaks.

Flexcards do not support curly braces {} in text area fields as those are reserved for merge field syntax and cannot be used in a string or text value.

Textarea
Time If you specify a default value, ensure that it’s in the selected time format. TimePicker
Toggle

Let users trigger actions and send values as true or false parameters, or a comma-separated list of options that they select with the {element.value} merge field.

Field binding isn’t supported with the Checkbox Group and Checkbox Group Button toggle types. For the other types, provide data field information in the Checked field instead of the Field Binding field.

To disable the toggle element based on the boolean value of a merge field, select that merge field from the Disabled picklist.

For example, a Flexcard shows open cases and has a toggle to indicate that it’s closed, and an Is Escalated field. You can disable the toggle for escalated cases so that support agents can only close cases after they solve the de-escalate the case.

Toggle

Typeahead — Typeahead