Image Element

The image element adds a image component to a project’s interface. The image allows a user to enter text that can be sent to other elements, or it can be populated with text from other elements.

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

Element Icon Interface Component
Image Element Image Default


The following properties can be changed for the image element:


The name of the element.


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


The image displayed in the interface. This can be a valid URL of an image, or an image can be uploaded. Supported file types are JPG, PNG, and SVG.


The scaling setting of the image if you manually resize it on the interface. The element includes the following options:

  • Keep Aspect Ratio
  • Stretch
  • No Scaling


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


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


Execute an event when the image is pressed.


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


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

Image Set

Execute an event when the image has been set.


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


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


Hide the image.


Display the image.

Set Image

Set the image on the interface.

Set Visible

Set the image’s visibility: visible or hidden.

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