Documentation
Animated Lesson Progress
Description
Animated Lesson Progress is a module that allows users to display images assigned to the percentage score of the whole lesson.
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 |
|---|---|
| Ranges | List of ranges. Each range consists of 'Image' and 'Score' which is the maximum percentage score for the image.
This property allows online resources. Find out more ยป |
Supported commands
| Command name | Params | Description |
|---|---|---|
| hide | --- | Hides the Addon. |
| show | --- | Shows the Addon. |
Advanced Connector integration
Each command supported by the Animated Lesson Progress module can be used in the Advanced Connector addon's scripts. The below example shows how to show or hide the addon accordingly to the Double State Button module's state.
EVENTSTART
Source:DoubleStateButton1
Value:1
SCRIPTSTART
var module = presenter.playerController.getModule('Animated_Progress1');
module.show();
SCRIPTEND
EVENTEND
EVENTSTART
Source:DoubleStateButton1
Value:0
SCRIPTSTART
var module = presenter.playerController.getModule('Animated_Progress1');
module.hide();
SCRIPTEND
EVENTEND
CSS classes
| Class name | Description |
|---|---|
| animated-lesson-progress-wrapper | DIV wrapping the Addon's elements |
| animated-lesson-progress-rate | DIV containing additional image for the percentage score |
CSS Example
.animated_lesson_progress_fixed_dimension {
}
.animated_lesson_progress_fixed_dimension .animated-lesson-progress-wrapper img {
width: 100px;
height: 100px;
}
The above example shows how to set a fixed dimension of images.
Demo presentation
Demo presentation contains examples on how to use the Animated Lesson Progress addon.