view.image

Displays an image.

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 they get in the user's field of view.
`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.


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 they get in the user's field of view.
`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.