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 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 the plus and minus 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. If you want to make the checkbox group mandatory, select the This is a required field checkbox.
    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.

Increase your Sitefinity skills by signing up for our free trainings. Get Sitefinity-certified at Progress Education Community to boost your credentials.

Web Security for Sitefinity Administrators

The free standalone Web Security lesson teaches administrators how to protect your websites and Sitefinity instance from external threats. Learn to configure HTTPS, SSL, allow lists for trusted sites, and cookie security, among others.

Foundations of Sitefinity ASP.NET Core Development

The free on-demand video course teaches developers how to use Sitefinity .NET Core and leverage its decoupled architecture and new way of coding against the platform.

Was this article helpful?

Next article

Multiple choice