Dropdown list

Use this widget to ask the user a question and give the user the opportunity to select only one of many predefined answers. Use this widget, if the list of answers is long. A dropdown list is a dropdown box with a predefined list of entries and the label of the box is the question that you want to ask.

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

The Dropdown list 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 dropdown box.
    The label of a dropdown box is a question, which possible answers are given in a predefined dropdown list of entries.
    For example, Which country are you from? or Country.
    The label is displayed above, to the right, or to the left of the dropdown box, 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.
    You must have at least two choices.

    NOTE: Each input field has a radio button at the end. Use the radio button to select the choice which is displayed by default in the dropdown box. The user can then open the dropdown box and select another choice.

  3. If you want the choices you have defined to be sorted alphabetically, select the Sort choices alphabetically checkbox.
  4. If you click Advanced: Name for developers, you can change the name that is used to refer to the widget in the code.
    To change the automatically generated name, click Change button and enter the new name.


On this tab, perform the following:

  1. In Textbox size dropdown, select the size of the dropdown box.
    The box is always one line. The size of the box refers to its length. You choose the length of the dropdown box in accordance with the length of the choices you have entered.
  2. In CSS class input field, you can choose a class name for the dropdown list, 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.

Want to learn more?

Sign up for our free beginner training. Boost your credentials through advanced courses and certification.
Register for Sitefinity training and certification.

Was this article helpful?

Next article

Section header