ol foreach

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

Type Selection Required

This block requires you to select the data type you want to work with. You must manually select the type using the type selector modal. To access the modal, click the white button on the block.

ol foreach v13.0.7

Serves as a dynamic ol container.

In pins 5
  • array required
    array

    This array is the source of data for generating the individual elements. • Hidden when other fields are filled

  • state key required
    value

    This state key is the source of data for generating the individual elements. • Hidden when other fields are filled

  • 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 2
  • state
    state

    Returns the element to the frontend state.

  • iterator
    execute_function

    Allows you to execute a custom function to determine the content of each element.

A typical wiring for ol foreach: with values feeds the array pin; value feeds the state pin; the function out pin wires to an execute block.

Studio canvas example for the ol foreach block: typical wiring for ol foreach.

Version history

Introduced in v13.0.7.


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