Checkboxes

Use this widget to ask the user a question and give the user the opportunity to select one or more of the predefined answers. The Checkboxes widget is a checkbox group and the label of the group is the question that you want to ask.

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

The Checkboxes window appears, displaying the following tabs:

  • Label and texts
    On this tab, perform the following:
    1. In Label (Question) input field enter the label of the checkbox group.
      The label is a question, which possible answers are given in predefined checkboxes. The user can select more than one of the checkboxes.
      For example, Which of the foods do you consume daily? or Daily consumption of foods.
      The label is displayed above, to the right, or to the left of the checkbox group, depending on what settings you have made for the form. For more information, see Designing a form » Step 4.
    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  and  buttons of the respective field.
    3. If you want the choices you have defined to be sorted alphabetically, select the Sort choices alphabetically checkbox.
    4. Select the This is a required field checkbox, if you want to make the checkbox group mandatory.
      The user must select at least one checkbox.
    5. If you click Advanced: Name for developers, you can change 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
    On this tab, perform the following:
    1. Choose the number of columns that you want to use to display the choices you have defined.
      You can choose between:
      • 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 checkbox group, 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.

Related topics:

Feedback

How useful is this article?

Tell us more

Submit
Your message was successfully sent.

We appreciate your feedback.

Your message could not be sent.

OK