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

On this tab, perform the following:
  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

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

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

Get started with Integration Hub | Sitefinity Cloud | Sitefinity SaaS

This free lesson teaches administrators, marketers, and other business professionals how to use the Integration hub service to create automated workflows between Sitefinity and other business systems.

Web Security for Sitefinity Administrators

This free lesson teaches administrators the basics about protecting yor Sitefinity instance and its sites from external threats. 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

Paragraph box