[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 - Multi Select.PNG

3. Edit/configure:

Label

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.

Mandatory Validation Message

Enter an appropriate message. 

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  Answers TabThe following view will be presented:

Forms - Multi Select answers.PNG

Item Label

Enter an appropriate answer.

Default Answer?

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

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

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