Single State Button


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


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


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.