Multiple choice

Use this widget to ask the user a question and give the user the opportunity to select only one of several predefined answers. A multiple choice is a radio button group and the label of the group is the question that you want to ask.

After you have dragged the Multiple choice form widget in your form, click the Edit button in the upper-right corner of the widget.

The Multiple choice window appears, displaying the following tabs:

Label and texts

1. In Label (Question) input field enter the label of the radio button group.
   The label of a multiple choice is a question, which possible answers are given in predefined radio buttons.
   For example, Which is your favorite color? or Color preferences.

   The label is displayed above, to the right, or to the left of the radio button group, depending on what settings you have made for the form. For more information, see Design forms » Settings.

2. In Choices input fields, enter the possible answers to the question you have defined.
   By default, there are three input fields. In each input field, enter an answer (choice). If you need more or less choices, add and remove input fields by clicking plus and minus buttons of the respective field.
   You must have at least two choices.
3. If you select Add "Other" as a last choice checkbox, the system adds another undefined choice to the multiple choices. If you select the checkbox, the system displays an input field where you enter the label for that choice. For example, you can enter Other or Enter another, etc.
   When the user selects that last choice, an input field is displayed, where the user enters another answer different from the predefined multiple choices.
4. In Default selected choice, select one of the following:
   • The first one
     The first choice you have listed is selected by default.
   • None
     No choice is selected by default.
   • The user can change the choice selected by default.
5. If you have chosen to preselect None of the multiple choices, you can make the choice mandatory by selecting This is a required field checkbox. 
6. If you click Advanced: Name for developers, you can see the automatically generated name that is used to refer to the widget in the code. To change it, click Change and enter the new name.

Appearance

1. Choose the number of columns that you want to use to display the choices you have defined.
   You can choose between the following:
   • One column
   • Two columns
   • Three columns
   • Inline (side by side)
     No columns are used; the radio buttons are displayed in a line.
2. In CSS class input field, you can choose a class name for the multiple choice, if later you want to set a CSS style for this particular widget.

When you are finished, click Save.

For more information about advanced configuration options, see Advanced configuration of widgets.