Button Element

The button element adds a button component to a project’s interface, and triggers events upon being pressed or released.

The button element is located in the Element Toolbox within Studio’s Application View.

Element Icon Interface Component Component Action
Button Element Button Button Pressed

Properties

The following properties can be changed for the button element:

Name

The name of the element.

Visible

The state of the button on the interface: visible or hidden.

Text

The text displayed on the button. This text will appear on the button within Application View’s interface builder.

Font

The text size and font. This is written with the text size (in pixels) followed by the font (e.g. 14px Arial)

Text Color

The text color. Selecting this field displays a color picker to choose a color.

Triggers

The following triggers are available to execute events from within the button element:

Triggered

Execute an event when the source element connected to the button triggers.

Pressed

Execute an event when the button is pressed.

Released

Execute an event upon release after the button has been pressed.

Over

Execute an event when a mouse cursor hovers over the button.

Abilities

The following abilities are available for the button element when its source element triggers:

Trigger

Trigger the element(s) that follow the button element.

Set Text

Set the button’s text.

Set Text Arguments      
Name Type Description Example
Text String Text the button displays. Hello world

Hide

Hide the button.

Show

Display the button.

Set Visible

Set the button’s visibility: visible or hidden.

Set Visible Arguments    
Name Type Description
Visible Boolean The argument will be true or false.