Documentation
Done
Description
Done is connected closely with Submit addon. It checks whether all activities on the page have been attempted and the Submit button has been used, and then it sends 'Done' event.
Properties
| Property name | Description |
|---|---|
| Text | Text displayed on the button. |
Advanced Connector integration
In Advanced Connector you can react to events sent by Done addon.
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
Done sends events compatible with Advanced Connector.
It sends 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 NotAllAttempted event when the user clicks on the Done button but NOT all activities on the page have been attempted.
| Field name | Description |
|---|---|
| Name | NotAllAttempted |
It sends Done event when the user clicks on 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 addon. |
| .done-container | The inner container of the whole addon. |
| .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 to use this addon.
