Documentation
Single State Button
Description
Single State Button 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 addon |
Image | Image displayed inside the addon.
This property allows online resources. Find out more ยป |
onClick | Event which will be triggered when a user presses the button |
Disable | Allows disabling the module so that the user is not able to interact with it. |
Supported commands
Command name | Params | Description |
---|---|---|
show | --- | Shows the addon |
hide | --- | Hides the addon |
enable | --- | Changing state to enable |
disable | --- | Changing state to disable |
Events
Single State Button addon sends ValueChanged type events to Event Bus when either 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. Button element is a direct child of this element |
singlestate-button-element | Element's base class |
doublestate-button-image | Class for image (IMG) element |
doublestate-button-title | Class for text (SPAN) element |
disable | Additional class for singlestate-button-element when the button is disabled. |
Demo presentation
Demo presentation contains examples of how to use the Single State Button addon.
Demo disable property contains examples of the disable property.