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 | Sets the values of speech texts - predefined phrases providing additional context while using the module in the Text To Speech mode. Speech texts are always read using the content's default language. |
Supported commands
| Command name | Params | Description |
|---|---|---|
| hide | - | Hides the module if it is visible. |
| show | - | Shows the module if it is hidden. |
| disable | - | Disables the module. |
| enable | - | Enables the module. |
Events
The Gradual Show Answer module sends the ValueChanged type of 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 the 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
- Count and Graph
- Crossword
- Figure Drawing
- Fractions
- Gap Binder
- Graph
- Image Gap
- Image Identification
- Line Number
- Line Selection
- Magic Boxes
- Math
- Memo Game
- Multiple Gap
- Ordering
- Paragraph
- Pie Chart
- Plot
- Points and Lines
- Table
- Text
- Text Coloring
- Text Identification
- Text Selection
- True False
- Writing Calculations