image

This block is part of the state ui group and was last modified in core v13.0.6.

image v13.0.1 Updated v13.0.6

A image element.

In pins 5
  • src required
    value

    URI to the image to be shown

  • alt
    value

    Alternative text on the image

  • class
    uiclass

    Assigns a CSS class to the element. • Hidden when unused

  • style
    uistyle

    Applies inline CSS style to the element • Hidden when unused

  • attributes
    uiattributes

    Adds custom attributes to the element. • Hidden when unused

Out pins 1
  • state
    state

    Returns the element to the frontend state.

img

A typical wiring for image: value feeds the src pin; the state out pin feeds hyperlink.

Studio canvas example for the image block: typical wiring for image.

Commonly used with

In production blueprints, this block is most often wired together with:

  • value: feeds into this block. Simply returns the provided value.
  • hyperlink: this block feeds into it. A anchor element, that can be used to create an link to an intern/extern page.
  • div: this block feeds into it. Creates a dynamic and customizable div element on your web page.

Version history

Introduced in v13.0.1.

Last modified in v13.0.6.


Back to state ui Return to the main group to view all sub-groups Back to state elements Return to the group to view all blocks within this group