Documentation
Gradual Show Answers
Description
The Gradual Show Answer module allows the user to switch on the Gradual Show Answers mode.
If the button is in the default mode (not in the Hide Answers Mode), selecting the button will show all answers on a page one by one.
If the button is in the Hide Answers Mode, selecting the button will hide all the already displayed answers one by one and reset their progress.
The Gradual Show Answer module also allows working with specific components on a page. This can be achieved by writing components' IDs in the Works with attribute. Supported elements should be listed there, each in a new line.
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 |
|---|---|
| Is disabled | Defines if the module is disabled, which means that the user won't be able to interact with it. |
| Hide Answers Mode | Defines if the module hides all displayed answers and switches off the Gradual Show Answers mode. |
| Works with | Contains the list of components' IDs that are working with the specific Gradual Show Answer button. IDs 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. These texts will be read by the Text to Speech module after a user performs an action. |
Supported commands
| Command name | Params | Description |
|---|---|---|
| show | - | shows the module |
| hide | - | hides the module |
| disable | - | disables the module |
| enable | - | enables the module |
Events
The Gradual Show Answer module sends ValueChanged type events to the Event Bus when the user selects the button. Depending on the Gradual Show Answers mode:
Show answers mode
| Field name | Description |
|---|---|
| Source | ID of the Gradual Show Answer button |
| Value | ShowNextAnswer |
Hide answers mode
| Field name | Description |
|---|---|
| Source | ID of Gradual Show Answer button |
| Value | HideAllAnswers |
CSS classes
| Class name | Description |
|---|---|
| .gradual-show-answers-wrapper | main wrapper for the whole module |
| .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 will be added when Gradual Show Answers mode is switched on |
| .gradual-hide-answers-button | additional class of the button 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 Answer module.
Supported modules:
- Choice
- Clock
- Coloring
- Connecting Dots
- Connection
- Crossword
- Gap Binder
- Graph
- Image Gap
- Image Identification
- Magic Boxes
- Math
- Memo Game
- Multiple Gap
- Ordering
- Paragraph
- Points and Lines
- Table
- Text
- Text Coloring
- Text Identification
- Text Selection
- True False