Documentation

Show Answers

Description

The Show Answers is a module that allows users to view the correct answers for every activity on a page.

Currently Show Answers has been integrated with the following modules:

  • Basic Math Gaps
  • Choice
  • Clock
  • Coloring
  • Connecting Dots
  • Connection
  • Count and Graph
  • Crossword
  • Figure Drawing
  • Fractions
  • Fractions Binder
  • Image gap
  • Image Identification
  • ImageViewer
  • Graph
  • Hangman
  • Line Number
  • Math
  • Magic Boxes
  • Memo Game
  • Multiple Gaps
  • Line Selection
  • Pie Chart
  • Plot
  • Points and Lines
  • Puzzle
  • Quiz
  • Ordering
  • Shape Tracing
  • Shooting Range
  • Sudoku
  • Table (gaps)
  • Text (gaps)
  • Text Identification
  • Text Coloring
  • Text Selection
  • TrueFalse
  • Writing Calculations


The Show Answers module is connected to all Limited Show Answer modules. Selecting the module disables or enables all Limited Show Answer modules.

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
Text Text displayed on the button.
Text selected Text displayed on the button when it's selected.
Increment check counter When this option is selected, the check counter will be increased while showing answers.
Increase mistake counter When this option is selected, the mistake counter will be increased while showing answers.
Lang attribute This property allows defining the language for this module (different than the language of the lesson).

Supported commands

Command name Params Description
hide --- Hides the module if it is visible.
show --- Shows the module if it is hidden.

Advanced Connector integration

Each command supported by the Show Answers module can be used in the Advanced Connector's scripts. The example below shows how it interacts with the Next module.

EVENTSTART
Name:AllAttempted
SCRIPTSTART

var showAnswers= presenter.playerController.getModule('ShowAnswers1');
showAnswers.show();

SCRIPTEND
EVENTEND

EVENTSTART
Name:NotAllAttempted
SCRIPTSTART

var showAnswers= presenter.playerController.getModule('ShowAnswers1');
showAnswers.hide();

SCRIPTEND
EVENTEND

Events

The Show Answers module sends events compatible with the Advanced Connector module.

It sends the ShowAnswers event when the user selects the button.

Field name Description
Name ShowAnswers

It sends a HideAnswers event when the user deselects the button.

Field name Description
Name HideAnswers

CSS Classes

Property name Description
.show-answers-wrapper The outer wrapper of the whole module.
.show-answers-container The inner container of the whole module.
.show-answers-button Button element

Default Styling

.show-answers-wrapper,
.show-answers-wrapper .show-answers-container,
.show-answers-wrapper .show-answers-container .show-answers-button {
    width: 100%;
    height: 100%;
}

.show-answers-wrapper .show-answers-container .show-answers-button {
    background: url('resources/show-answers-button.png') no-repeat center;
    cursor: pointer;
    text-align: center;
}

Demo presentation

Demo presentation contains examples of how to use this module.