Configure Check Lists and Check Boxes

Use a check list control to add a list of options to your web form. A check list allows users to select one or more options. You can add a check box control to your web form to allow users to specify a true or false value.

Note that a check box control is set to false by default. You can edit the Default Value property on the General tab to change the default value.

To configure a check list or a check box control:
  1. From the Basic Palette, drag the Checklist or the Checkbox 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.

    Label

    Specifies the control name that displays to the user.

    For check box controls, if you select the Inline HTML check box below the Label field, the value that you enter in the Label field is treated as an inline HTML.

    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.

    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.

    Inline

    Specify the layout of the options defined for the check list control. If enabled, the layout changes from vertical to horizontal.

    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.

    For the check box control, select either True or False 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.