Documentation

Single State Button

Description

The Single State Button module allows users to perform different actions in presentations, such as changing other modules' states when the button is clicked.

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
Title Title displayed inside the module.
Image Image displayed inside the module.

This property allows online resources.Find out more ยป

On click Event that will be triggered when the user presses the button.
Disable Allows disabling the module so that the user is not able to interact with it.
Enable in error checking mode If this option is selected, the module is not blocked in the error checking mode.
Enable in show answers mode If this option is selected, the module is not blocked in the show answers mode.

Supported commands

Command name Params Description
hide --- Hides the module if it is visible.
show --- Shows the module if it is hidden.
enable --- Changes the module's state to enable.
disable --- Changes the module's state to disable.

Events

The Single State Button module sends the ValueChanged type events to the Event Bus when the user selects it.

Field name Description
Item N/A
Value Always '1'.
Score N/A

CSS classes

Class name Description
singlestate-button-wrapper DIV surrounding the button element. The button element is a direct child of this element.
singlestate-button-element Element's base class.
doublestate-button-image Class for the image (IMG) element.
doublestate-button-title Class for the text (SPAN) element.
disable Additional class for the singlestate-button-element when the button is disabled.

Demo presentation

Demo presentation contains examples of how to use the Single State Button module.

Demo disable property contains examples of the "disable" property.