Documentation

Next

Description

Next module works in a way similar to Next Page button allowing 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

Property name Description
Text Text displayed on the button.

Advanced Connector integration

In Advanced Connector you can react to events that are sent by Next addon:

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

Next sends events compatible with Advanced Connector.

It sends AllAttempted event when the user selects the Next 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 chooses the Next button 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 addon
.next-container The inner container of the whole addon
.next-button Button element
.next-wrapper.disabled The outer wrapper when the addon is in disable state

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 this addon.