Documentation
Next
Description
The Next module works in a way similar to the Next Page button allowing you to move on to the next page, however, it first checks whether all activities on a current page have been attempted and the Submit button has been used.
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 that are sent by the Next module:
EVENTSTART
Source:Next1
Name:NotAllAttempted
SCRIPTSTART
var feedback = presenter.playerController.getModule('feedback1');
feedback.change('NotAllAttempted');
SCRIPTEND
EVENTEND
EVENTSTART
Source:Next
Name:AllAttempted
SCRIPTSTART
var feedback = presenter.playerController.getModule('feedback1');
feedback.change('AllAttempted');
SCRIPTEND
EVENTEND
Events
The Next module sends events compatible with the Advanced Connector module.
It sends an AllAttempted event when the user selects the Next module and all activities on the page have been attempted but the Submit button hasn't been used.
| Field name | Description |
|---|---|
| Name | AllAttempted |
It sends a NotAllAttempted event when the user chooses the Next module but NOT all activities on the page have been attempted.
| Field name | Description |
|---|---|
| Name | NotAllAttempted |
CSS Classes
| Property name | Description |
|---|---|
| .next-wrapper | The outer wrapper of the whole module. |
| .next-container | The inner container of the whole module. |
| .next-button | Button element. |
| .next-wrapper.disabled | The outer wrapper when the module is disabled. |
Default Styling
.next-wrapper,
.next-wrapper .next-container,
.next-wrapper .next-container .next-button {
width: 100%;
height: 100%;
}
.next-wrapper .next-container .next-button {
background: url('resources/next-button.png') no-repeat center;
cursor: pointer;
text-align: center;
}
.next-wrapper.disabled .next-container .next-button {
cursor: not-allowed;
background: url('resources/next-button-disabled.png') no-repeat center;
}
Demo presentation
Demo presentation contains examples of how to use the Next module.