Documentation

Description

The Choice module enables the creation of a single-choice or a multiple-choice activity. In the multiple-choice activity, it is possible to give more than one correct answer, whereas in the single-choice activity, only one option is correct. The Choice module enables the setting of 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 the establishment of 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. There may be more than one audio in the module, but the sounds can not be played simultaneously. To add the audio, select the "Insert Audio" option from the panel while editing the Choice's items. Adding the audio is also possible using the \audio{URL} syntax, where the 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:

Show Answers

This module is fully compatible with the Show Answers module and displays correct answers when an 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 — up-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-correct:

.ic_moption-up-correct {
    background-image: url('/file/serve/262419');
}

2.5. Multiple-choice — down-correct:

.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 - navigates between the modules.
Space - selects the option.

Demo presentation

Demo presentation contains examples of how to use the Choice module.