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.
Properties
| Property name | Description |
|---|---|
| Reset only wrong answers | Resets wrong answers in the following modules: Connection, Choice |
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;
}
