Documentation

Description

A choice module enables to insert a Multiple choice or a Single choice activity. In a Multiple choice activity it is possible to give more that one correct answer, whereas in a Single choice task only one option is correct. The Choice module enables to set multiple numbers of choice options which can be defined either by texts or by images.

The activity layout is vertical by default, but if needed it is possible to place it horizontally thanks to the CSS styling.

The module also enables to establish different values for the correct answers, e.g. the answer marked as "2" will generate more points than the answer marked as "1". Both of them are correct but one of them is worth more points than the other.

The choice module also allows inserting simple audio controls. They add the possibility of playing and stopping a sound. Though there may be more than one audio in the text module, only one sound can be played simultaneously.
To add an audio control, use "Insert Audio" button on the toolbar of the text editor.
Adding the audio control is also possible using \audio{URL} syntax, where URL is the URL of the audio resource.

Properties

The list starts with the common properties, learn more about them by visiting the Modules description section. The other available properties are described below.

Supported commands

Events

OnValueChanged Event

This event contains the following fields

AllOk Event

This event contains the following fields

Supported commands

Show Answers

This module is fully compatible with Show Answers module and displays correct answers when adequate event is sent.

CSS classes

Examples

1.1. Single choice:
.ic_soption{
background-position: right center;
background-repeat: no-repeat;
cursor: pointer;
padding-right: 59px;
font-family: Arial;
line-height: 20px;
font-size: 18px;
color: #717171;
}

1.2. Single choice — up:
.ic_soption-up{
background-image:url('/file/serve/262420');
}

1.3. Single choice — down:
.ic_soption-down{
background-image:url('/file/serve/263409');
}

1.4. Single choice — up-correct:
.ic_soption-up-correct{
background-image:url('/file/serve/260411');
}

1.5. Single choice — down-correct:
.ic_soption-down-correct{
background-image:url('/file/serve/258368');
}

1.6. Single choice — down-wrong:
.ic_soption-up-wrong{
background-image:url('/file/serve/260411');
}

1.7. Single choice — down-wrong:
.ic_soption-down-wrong{
background-image:url('/file/serve/258369');
}

1.8. Single choice — up-wrong:
.ic_soption-up-hovering{
background-image:url('/file/serve/262420');
}

1.9. Single choice — down-hovering:
.ic_soption-down-hovering{
background-image:url('/file/serve/263409');
}

2.1. Multiple choice:
.ic_moption{
background-position: right center;
background-repeat: no-repeat;
cursor: pointer;
padding-right: 59px;
font-family: Arial;
line-height: 20px;
font-size: 18px;
color: #717171;
}

2.2. Multiple choice — up:
.ic_moption-up{
background-image:url('/file/serve/256387');
}

2.3. Multiple choice — down:
.ic_moption-down{
background-image:url('/file/serve/262418');
}

2.4. Multiple choice — up-correc:
.ic_moption-up-correct{
background-image:url('/file/serve/262419');
}

2.5. Multiple choice — down-correc:
.ic_moption-down-correct{
background-image:url('/file/serve/263405');
}

2.6. Multiple choice — up-wrong:
.ic_moption-up-wrong{
background-image:url('/file/serve/262419');
}

2.7. Multiple choice — down-wrong:
.ic_moption-down-wrong{
background-image:url('/file/serve/263408');
}

2.8. Multiple choice — up-hovering:
.ic_moption-up-hovering{
background-image:url('/file/serve/256387');
}

2.9. Multiple choice — up-hovering:
.ic_moption-down-hovering{
background-image:url('/file/serve/262418');
}

Keyboard navigation

Tab – navigation between modules.
Space – accept the choice option.

Demo presentation

Demo presentation contains examples of the addon's usage.