Documentation

Check and Reset buttons

Description

"Check" and "Reset" buttons help users perform different actions in the presentation, such as checking answers whether they are correct or wrong or resetting all answers marked in an activity. It is possible to change their look & feel depending on the action we are about to perform.

Supported commands

Command name Params Description
hide --- Hides the module.
show --- Shows the module.

CSS classes

Class name Description
.ic_button_check indicates the look of the Check answers button
.ic_button_check-up-hovering indicates the look of the Check answers button while putting a mouse cursor on it
.ic_button_check-down-hovering indicates the look of the Check answers button while clicking on it
.ic_button_uncheck indicates the look of the Uncheck button. This module enables to check the answers given by a user. It is displayed after clicking on the Check module. If a user wishes to change his answers, he should re-click the Uncheck button or use the Reset option.
.iic_button_reset indicates the look of the Reset button
.ic_button_reset-up-hovering indicates the look of the Reset button while putting a mouse cursor on it

Examples

1.1. Check:
.ic_button_check{
background-image:url('/file/serve/119038');
}

1.2. Check — up-hovering:
.ic_button_check-up-hovering{
background-image:url('/file/serve/116043');
}

1.3. Check — down-hovering:
.ic_button_check-down-hovering{
background-image:url('/file/serve/119039');
}

1.4. Uncheck:
.ic_button_uncheck{
background-image: url('/file/serve/116044');
}

2.1. Reset:
.ic_button_reset{
background-image:url('/file/serve/122026');
}

2.2. Reset — up-hovering:
.ic_button_reset-up-hovering{
background-image:url('/file/serve/121036');
}

2.3. Reset — down-hovering:
.ic_button_reset-down-hovering{
background-image:url('/file/serve/118058');
}

Custom CSS Class names

Example of a custom CSS class:
.CheckButton_blue{
background-color: blue;
}