Configure Radio Buttons

Add mutually exclusive radio buttons to your web form. Radio buttons allow users to select an option from a set of available options.

To configure a radio button control:
  1. From the Basic palette, drag the Radio Button 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 name that displays to users.

    Binding

    Defines a link between the control and a data attribute.

    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.

    Disabled

    Select this property to display the control as inactive (grayed out) to users.

    Hide

    Select this property to hide the control.

    Inline

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

    Required

    Select this property to specify that users must provide a value in order to successfully submit the form. An asterisk displays to indicate that it's required.

    Sorted

    Select this property to display the control options sorted alphabetically.

    Options Source

    Specify if the control's options should come from static values you enter or from a list of values data attributes.

    • 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.

    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.

    Auto Focus

    Select this property to automatically focus on the radio button control or a specific option in the radio button control.
  3. Use the Styling tab in the Properties pane to modify the control’s appearance as needed. See Styling Properties.