view.image

Displays an image.

Learn more about inserting images.

Component properties

Name

Type

Description

type*

"view.image"

Set component type

label

string

Label above the component.

fullHeight

boolean

If true, the element takes up all the vertical free space. The element is set to a minimum height of 400 pixels.

hint

string

Hint text.

maxWidth

number

Maximum width of the element in pixels, must be greater than minWidth.

minWidth

number

Minimum width of the element in pixels. Takes priority over maxWidth.

noBorder

boolean

Controls the display of a frame around an image. By default, true (the frame is hidden). Set false to display the frame.

noLazyLoad

boolean

Disables lazy loading.

If true, images start loading immediately, even if they aren't in the viewport. Useful for icons.

By default, false (lazy loading is enabled). In this mode, images start loading only when a Toloker scrolls to them.

popup

boolean

Specifies whether opening a full-size image with a click is allowed. By default, it is true (allowed).

ratio

array

An array of two numbers that sets the relative dimensions of the sides: width (first number) to height (second number).

Not valid if "fullHeight": true.

ratio[]

number

Relative size of one side.

rotatable

boolean

If enabled, an image can be rotated.

scrollable

boolean

When set to true, an image has scroll bars if it doesn't fit in the parent element.

If false, the image fits in the parent element and, when clicked, opens in its original size in the module window.

Images in SVG format with no size specified always fit in their parent elements.

url*

string

Image link.

validation

condition

Validation based on condition.