Select element

This element appears as a dropdown menu containing a list of options which correspond to an underlying value. You can manually specify a static list of options, or populate the dropdown dynamically from a callback response array.

../../../../../../../_images/ss-uibuilder-select.png

Properties

  • ID: is used to refer to the element in mappings, etc.

  • Field type: specifies what kind of data this element represents.

    Note

    This property is only available in the CyberApp enablement form and the Customer enablement form.

    • Connection settings: indicates that this information will be sent to the ISV servers but does not need to uniquely identify a user and is not sensitive information that must be stored and sent in a special way.
    • Additional settings
  • Label: appears as the element label on the UI.
  • Width

    • Fit: adjusts the width according to the content.

    • Full: uses 100% of the available width.

  • Placeholder: gives the user an additional hint about what the field is when the user has not selected anything yet.

  • Size

    • Default: renders larger input, with the label inside.

    • Small: renders thinner input, with the label outside.

  • Show label outside: the Label appears above the input. Otherwise, the element label appears inside the input.

  • Multi-select: allows selection of the multiple options. Otherwise, only one option can be selected.

  • Clearable: includes an icon to clear the selected option.

  • Dynamic Width

  • Filterable: includes search input in the options list.

  • Options section: specifies the list of options in the select dropdown. There are two ways to specify the select dropdown options: