Blocks Deprecated
Deprecated: use the web blocks for new pages This block belongs to state pages and UI components. Existing pages keep running, but new pages should use the web blocks. See Web Pages and the migration guide.

span

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

span v13.0.1 Updated v13.0.6

A span element.

In pins 4
  • content state required

    Integrates content or data from other elements.

  • 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.

A typical wiring for span: custom text feeds the content pin; custom feeds the uiclass pin; the state out pin feeds hyperlink.

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

Commonly used with

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

  • 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.
  • custom text: feeds into this block.
  • translate key: feeds into this block. Translates a given key and builds DOM nodes from the HTML within these keys.
  • custom: feeds into this block. Custom class input.

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