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

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.