[Skip to content]

Search our Site
Easysite Resource Centre
Multiselect

Multiple Select Box

 An example of the Multiple Select Box in use could be:

Forms module multiple select box element example v7

Multiple Select Box Form Element

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

Forms module Multiple Select Box element icon v7

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

Forms element Forms module Multiple Select Box element configuration v7

3. Edit/configure:

Field

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.

Layout

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.

Mandatory

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

Display rows

Enter the number of rows to be displayed. If the number of options exceeds the number of rows the end user will be presented with a scrollbar to via the additional options.

Render as

Select the required option.

Note that Listbox is illustrated in the example at the top of the page.

Can Select Multiple Options

If required, check to allow end users to select more than one option by using CTRL.

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.

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

Forms module multiple select box element configuration add answers

5.Click Add Option. The  following view will be presented:

Forms module mulitple select box element configuration add answers add edit answers

6. Add the appropriate answer and click Save. Once all answers have been added click Complete.