Documentation
Gradual Show Answers
Description
The Gradual Show Answers addon allows the user to switch on the Gradual Show Answers mode.
If the button is in default mode (Hide Answers Mode – off), selecting the button will show all answers on a page one by one.
If the button is in Hide Answers Mode, selecting the button will hide all the already displayed answers one by one and reset their progress.
The Gradual Show Answers addon also allows working with specific components on a page. This can be achieved by writing components' IDs in "Works with" attribute. Supported elements should be listed there, each in a new line.
Properties
| Property name | Description |
|---|---|
| Is disabled | Defines if the addon is disabled, which means that the user won't be able to interact with it. |
| Hide answers mode | Defines if the addon hides all displayed answers and switches off the Gradual Show Answers mode. |
| Works with | Contains the list of components' ID's which are working with the specific Gradual Show Answer button. ID's should be written in a column, each placed in a new line. |
| Speech texts | List of speech texts:
One answer has been shown,
All answers are hidden,
No new answer to show,
Page edition is blocked,
Page edition is not blocked,
Disabled. This texts will be read by Text to Speech addon after a user performs an action. |
Supported commands
| Command name | Params | Description |
|---|---|---|
| show | - | Shows the addon. |
| hide | - | Hides the addon. |
| disable | - | Disables the addon. |
| enable | - | Enables the addon. |
Events
The Gradual Show Answers addon sends ValueChanged type events to Event Bus when the user selects the button. Depending on Gradual Show Answers mode:
Show answer mode
| Field name | Description |
|---|---|
| source | ID of Gradual Show Answers button |
| Value | ShowNextAnswer |
Hide answers mode
| Field name | Description |
|---|---|
| source | ID of Gradual Show Answers button |
| Value | HideAllAnswers |
CSS classes
| Class name | Description |
|---|---|
| .gradual-show-answers-wrapper | Main wrapper for the whole addon. |
| .gradual-show-answers-container | The container for the button. |
| .gradual-show-answers-button | Class of the button. |
| .gradual-show-answers-active | Additional class of the button, it will be added when Gradual Show Answers mode is switched on. |
| .gradual-hide-answers-button | Additional class of the button, it will be added when the button is used for switching off the Gradual Show Answers mode. |
Examples
Demo presentation contains examples of how to use the Gradual Show Answers addon.
Supported addons:
- Text
- Choice
- TrueFalse
- Connection
- Text Selection
- Mutilple Gap
- Table
- Ordering
- Text Identification
- Text coloring
- Image Identification
- Memo Game
- Coloring
- Math #
- Image_gap
- Crossword
- Clock
- Points and Lines
