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 added the Multiple choice form widget in your form and opened its settings, the Multiple choice window appears, displaying the following sections:

In this section, perform the following:

1. In Label or question input field enter the label of the radio button group.
   The label of a multiple choice is a question, whose possible answers are given in predefined radio buttons.
   For example, Which is your favorite color? or Color preferences
2. Optionally, in Instructional text, enter instructions or explanatory text for the Multiple choice widget.
   The text is displayed bellow the label.
3. In Choices fields, enter the possible answers to the question you have defined.
   By default, there are three input fields. If you need more or less choices, add and remove input fields by clicking  (Add) and  (Remove) of the respective field.

   RECOMMENDATION: We recommend that you have at least two choices, otherwise, use a Checkbox widget.

4. In the LABEL column, in each input field, enter an answer (choice).
5. Optionally, in the VALUE, assign a value to each answer.
   For example, if your question is How many pets do you have? and your answers are Zero, One, Two, More, you can also assign numerical values to these answer that you can later sum faster.
6. Optionally, in DEFAULT column, you can select a choice that will be selected by default when the form is displayed to the user.
7. If you select Add "Other" as a last choice checkbox, the system adds another undefined choice to the multiple choices.
8. When the user selects that last choice, an input field is displayed, where the user enters another answer different from the predefined multiple choices.
9. If you want to make the multiple choice mandatory, select the Required field checkbox
   A textbox appears, where you enter the error message that is displayed, if the user does not select anything.
10. If you want this field to be visible in the form only when certain conditions are met, select Hide field initially checkbox.
    You can then use form ruled to display the field. For more information, see Form rules.

In this section, perform the following:

1. In Template dropdown, you can select a template other than the default one that will be used to display the multiple choice on the website.
   You must first have created a custom template.
   For more information, see Next.js pages and templates.
2. In Layout dropdown box, you can select the number of columns that you want the choices to be displayed in.
   For example, if you have 20 possible answers, you may want to display them in three columns. Or, if you have 3 answer, you may want to display them side by side in one row.
3. Save your changes.

To open the advanced settings, in the upper-right corner of the Multiple choice widget page, click  (Advanced settings).

Apply custom CSS

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.

Developer name

You can change the automatically generated name for developers of this multiple choice by and entering the new name in the input field that appears.
This is the name of the field that is used by developers to refer to this multiple choice in the code.

Save your changes.