ImagesΒΆ

Images enable users to visually enrich their slides and dialogs, adding depth and engagement to their views through the import of JPEG, PNG, and SVG files. These widgets can be found in the Widgets panel of the stage.

Widgets in the Images category can also be used in reports. For more information on creating reports in Rulex Studio, click here.

Note

The event triggers available for Images widgets are:

  • onClick

  • onMouseEnter

  • onMouseLeave

Once the widget has been dragged and dropped onto the slide or dialog, users can double-click its frame or use the Widget context menu to open the Layout options pane.

The Layout options pane is composed by two subsections. Users can find all the available options and the corresponding GOLD references in the table below.

Subsection

Option

Description

GOLD Ref

Select Image

Drag & Drop area

Here users can browse through their local system and import the desired image by clicking the UPLOAD IMAGE button. It is also possible to speed up the operation by dragging the image directly onto the Drag&Drop file here box.

input
["src","type","image"]
str

Image Layout

Current link

Here, users can enter and create links with three types of connections:

  • To external web pages.

  • To another slide within the same view.

  • To a slide that filters a specific value on a Actions widget.

For details on the required syntax for each link type, see the Link Event page.

layout
["link"]
str

Open on external window

This option is useful when images are linked to a website.
If this option remains unchecked, the website will open in the same window.
If this option is checked, the website will open in a new external window.

layout
["external"]
bool

Image opacity (%)

It adjusts the opacity level of an image as a percentage.

layout
["opacity"]
number

Warning

It is not possible to load more than one file onto an Image widget at the same time. To import multiple images, drag multiple widgets onto the slide and repeat the import process for each of them.

Note

Only Current link and Image opacity options can be parametrized. To know more about parametric mode, click here.