Image

Note. The task interface configuration guide describes the features of the HTML/JS/CSS editor. You can also try creating a task interface in Template Builder.

To add an image to the task, use the {{img src=<image URL>}} component. Example:

{{img src=url width="100px" height="75px"}}
Copied to clipboard

You can store your files in Yandex.Cloud.

Parameters

Parameter

Overview

Required

Default value

src

Image URL. Supported values:

  • URL from the task input data. For example, from the field with url ID: src=url.

  • Direct link. The HTTPS protocol is recommended. For example, src="https://mywebsite.ru/img1.png".

yes

no

width

Width of the image. Set in the following units:

  • Pixels. For example, width="100px".

  • Percentage of the size of the parent element. For example, width="100%".

You can also use a formula for setting the width. For example, width="calc(100%-30px)".

no

"300px"
height

Height of the image. Set in the following units:

  • Pixels. For example, height="100px".

  • Percentage of the size of the parent element. For example, height="100%".

You can also use a formula for setting the width. For example, height="calc(100%-30px)".

no

"300px"
real-size

Image scale. Acceptable values:

  • real-size=false — Stretch the image to the size of the parent element.

  • real-size=true — Use the original image size (if it isn't larger than the size of the parent element).

no

false
class

CSS class for the image.

no

".img"

Parameter

Overview

Required

Default value

src

Image URL. Supported values:

  • URL from the task input data. For example, from the field with url ID: src=url.

  • Direct link. The HTTPS protocol is recommended. For example, src="https://mywebsite.ru/img1.png".

yes

no

width

Width of the image. Set in the following units:

  • Pixels. For example, width="100px".

  • Percentage of the size of the parent element. For example, width="100%".

You can also use a formula for setting the width. For example, width="calc(100%-30px)".

no

"300px"
height

Height of the image. Set in the following units:

  • Pixels. For example, height="100px".

  • Percentage of the size of the parent element. For example, height="100%".

You can also use a formula for setting the width. For example, height="calc(100%-30px)".

no

"300px"
real-size

Image scale. Acceptable values:

  • real-size=false — Stretch the image to the size of the parent element.

  • real-size=true — Use the original image size (if it isn't larger than the size of the parent element).

no

false
class

CSS class for the image.

no

".img"