Configure Drop-down Select Fields

Use a drop-down select control to add a drop-down list to your web form.

To configure a drop-down select control:
  1. From the Basic Palette, drag the Select control onto the canvas.
  2. Select the control and edit its properties on the Properties pane's General tab.
    Field Description

    Name

    An internal identifier that you will use to identify the control.

    Binding

    Defines a link between the control and a data attribute.

    Computed Value

    Set this property to apply a computation to the control. See Create Computed Controls.

    Hint

    Hint text that will display to users when a user clicks into the control.

    Help

    Help text that will appear for the control. If you specify help text, a help icon appears next to the name of the control and displays the help text when a user hovers over it or clicks it.

    Multiple

    Determines whether users can select multiple values in the control. If this field is disabled, users can select only one option in the control.

    Options Source

    Select a source (Static, From Data, and Connector).

    • Static: Specify choices using Options Names and Options Values fields. Use Options Names to specify the label to display for an option and use Options Values to specify an internal value for an option.

    • From Data: In the Options List field, select a list of values options source from the data definitions available in the web form. If you selected a list of complex elements, then, in the Label Binding field, specify a data attribute that will display as the label and in the Value Binding field, specify a data attribute that will be the value.

    • Connector: Specify a REST connector, a resource, and an operation to use. Specify parameters to pass to the connector and define how the response should be mapped to the control properties. See Work with Connectors.

    Filter

    Select this check box to apply a filter to the control. See Specify Filters for Controls.

    Default Value

    If you selected Static in the Options Source field, then, specify a default option in this field.

    If you selected From Data or Connector in the Options Source field, then, select either the first or the last value as the default value.

    Events

    Allows you to configure events for the control. You can assign actions or If/Then/Else conditions to the control based on a selected event. See Add Dynamic Behavior to Forms.

  3. On the Styling tab, edit the control's styling properties.
  4. Click Preview to try out using the control.

Some Useful Event Actions Related to Drop-down Select Fields

This section lists a few useful actions that you can define using a Select control. To create an event action, see Specify Actions.

  • You can fetch the selected object label using the Selected Label option in the Property field.
  • When a Select control is populated by a connector or data attribute, you can fetch any property of the selected object using the Selected Property option in the Property field.