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