Documentation

Done

Description

The Done module is connected closely with the Submit module. It checks whether all activities on the page have been attempted and the Submit button has been used, and then it sends the 'Done' event.

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.

Property name Description
Text Text displayed on the button.

Advanced Connector integration

In the Advanced Connector module, you can react to events sent by the Done module.

EVENTSTART
Source:Done1
Name:NotAllAttempted
SCRIPTSTART

var feedback = presenter.playerController.getModule('feedback1');
feedback.change('NotAllAttempted');

SCRIPTEND
EVENTEND


EVENTSTART
Source:Done1
Name:AllAttempted
SCRIPTSTART

var feedback = presenter.playerController.getModule('feedback1');
feedback.change('AllAttempted');

SCRIPTEND
EVENTEND


EVENTSTART
Source:Done1
Name:Done
SCRIPTSTART

var feedback = presenter.playerController.getModule('feedback1');
feedback.change('Done');

SCRIPTEND
EVENTEND

Events

The Done module sends events compatible with the Advanced Connector.

It sends the 'AllAttempted' event when the user selects the Done button and all activities on the page have been attempted, but the Submit button hasn't been used.

Field name Description
Name AllAttempted

It sends the 'NotAllAttempted' event when the user clicks the Done button, but NOT all activities on the page have been attempted.

Field name Description
Name NotAllAttempted

It sends the 'Done' event when the user clicks the Done button and all activities on the page have been attempted.

Field name Description
Name Done

CSS Classes

Property name Description
.done-wrapper The outer wrapper of the whole module.
.done-container The inner container of the whole module.
.done-button A button element.
.done-wrapper.disabled Added to wrapper when disabled.

Default Styling

.done-wrapper,
.done-wrapper .done-container,
.done-wrapper .done-container .done-button {
    width: 100%;
    height: 100%;
}

.done-wrapper .done-container .done-button {
    background: url('resources/done-button.png') no-repeat center;
    cursor: pointer;
    text-align: center;
}

Demo presentation

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