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.