Skip to content

Render: responsive image

Available since: 1.1.0

Build an image HTML element (responsive).

Fields

URI

Either the relative path of the file or a full URL.

Responsive image style

Specify the configuration ID of the responsive image style.
This field supports tokens.

Alt text

Specify the alternative text for text-based browsers.

Title

Optionally specify the value of the title attribute.

Width

Optionally specify the value of the width attribute.

Height

Optionally specify the value of the height attribute.

Machine name

Optionally define a machine name of this render element. It will be made available under that name in the render array of the current event in scope. Nested elements can be set with using "][" brackets, for example details][title.
This field supports tokens.

Token name

Optionally define a token name of this render element. It will be made available under that token name for later usage. Please provide the token name only, without brackets.

Element weight

Optionally specify an element weight. The lower the weight, the element appears before other elements having a higher weight.

Build mode


When using the "Defined by token" option, make sure there is a token with this name: eca_render_responsive_image:responsive_image_mode