Label Element

The label element displays a text component on a project’s interface. The text string can be an active part of the application that will initiate an action.

The label element is located in the Element Toolbox within Studio’s Application tab.


The following properties can be changed for the label element:


The name of the element.


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


The text displayed on the label. This text will appear on the label within the Application tab’s app builder.


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.


The alignment of the text on the label. The element includes the following options:

  • Left
  • Center
  • Right


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


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


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


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


Hide the label.


Display the label.

Set Text

Set the label’s text.

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

Set Font

Set the label’s font.

Set Font Arguments      
Name Type Description Example
Font String Font on the label. 14px Arial

Set Color

Set the label’s text color.

Set Color Arguments      
Name Type Description Example
Color String Color of the label’s text. Red or #0000FF

Set Visible

Set the label’s visibility: visible or hidden.

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

Set Enabled

Set the label for user interaction: enabled or disabled.

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