Image

Last update: Edit

1 Introduction

The image widget can be used to show a static image on a page, layout, or snippet.

For example, you can configure an image clicking which a page with customer details opens:

Image Example

2 Properties

An example of image properties is represented in the image below:

Image Properties

Image properties consist of the following sections:

2.1 Common Section

For more information on properties of this section, see the Common Section section in Properties Common for Widgets.

2.2 Events Section

For information on the Events section and its properties, see On Click Event & Events Section.

2.3 General Section

2.3.1 Image

The file name that this widget shows. For more information on when to use images and supported formats, see Images.

2.3.2 Width Unit

The width of an image. Possible values of this property are described in the table below:

Value Definition
Auto The width of the given image is used.
Pixels he width is specified in a number of pixels. If you specify both width and height, the image will be scaled automatically: the proportions will be kept, the picture will not be stretched.
Percentage The width is specified in a percentage of the original width. It can be larger than its original width in which case the image is stretched

Default value: Auto

2.3.3 Width

Specifies the width of the image in pixels or percentage. This option is displayed only when Pixels or Percentage are selected for the Width Unit described above.

Default value: not applicable

2.3.4 Height Unit

The height of an image. Possible values of this property are described in the table below:

Value Definition
Auto The height of the given image is used.
Pixels The height is specified in a number of pixels. If you specify both width and height, the image will be scaled automatically: the proportions will be kept, the picture will not be stretched.
Percentage The height is specified in a percentage of the original height. It can be larger than its original height in which case the image is stretched.

Default value: Auto

2.3.5 Height

Specifies the width of the image in pixels or percentage. This option is displayed only when Pixels or Percentage are selected for the Width Unit described above.

Default value: not applicable

2.3.6 Responsive

This property influences how the image scales. If the value is ‘Yes’, the image will never get bigger than its original size. It can become smaller. If the value is ‘No’, the image can become both larger and smaller than its original size.

Default value: Yes

2.4 Visibility Section

For more information on properties of this section, see the Visibility Properties section in Properties Common for Widgets.

3 Converting to an Image Viewer

You can convert an image to an image viewer that allows you to display dynamic data. For more information on image viewer and its properties, see Image Viewer.

To convert an image widget into an image viewer, do the following:

  1. Select the image widget on a page and right-click it.
  2. From the list of actions, select Convert to image viewer.

The image widget is converted to the image viewer and you can configure it.

4 Read More