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 View.

Element Icon Interface Component
Image Element Image Default

Properties

The following properties can be changed for the image element:

Name

The name of the element.

Visible

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

Image

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.

Scaling

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

Triggers

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

Triggered

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

Pressed

Execute an event when the image is pressed.

Released

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

Over

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

Image Set

Execute an event when the image has been set.

Abilities

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

Trigger

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

Hide

Hide the image.

Show

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.