[Skip to content]

Search our Site
Easysite Resource Centre
Dropdown Box

Dropdown Box

This element creates a question and allows the user to select an answer from a drop down list. A typical result of a drop down box on a web page is:

Form builder module drop down screenshot v7

Dropdown Element

1. Drag and drop the Dropdown Box element into the appropriate location:

Drop down icon

2. Configure the element. The following view will be displayed:

Forms - Dropdown.PNG

3. Edit/configure:


Enter an appropriate question.

Friendly Label

If required, enter a Friendly label to be presented to an end user.

Aria label 

If required, enter an Aria Label, which is read out by assistive technology such as a screen reader.


Select whether the question and answers are displayed in two separate columns, or whether the answers sit under the question as rows in a single column.

Physical Width

Enter the width of the answer box in percentage of the screen.


If required, check to make completion of the field mandatory.

Mandatory Validation Message

Enter an appropriate message.

Use List

If required, select a Shared List to populate the list of available answers.

Show As

Select if the element and the responses are to render in the Records view when managing responses. If the element is to display select whether or not is displays as a link to full response.


If required, check to make responses orderable by this element.

Include in Keyword Search

If required, check to make the element searchable.

Provide as Search Option

If required, check to provide a dedicated search option for this field.

4. Click Add Answers. The following view will be presented:

Forms element drop down box add answers screenshot v7

Item Label

Enter an appropriate answer.

Default Answer?

if required, check to have the answer pre-selected.        

6. Click Add after each answer. Once a list of appropriate answers has been created, click Ok.            

Change Answer               

Dropdown, Radio Buttons and Checkboxes are interchangeable. Click into the Type Tab  to reformat the question and answers to the appropriate option.