Add Flexbox layout element

Element settings
Flexbox layout
Flexbox settings
Conditional logic
Status Element Trigger/Value
if of the following is met:
Enter a number range (1:100)
Element CSS classes
Einzelnes Element

Learn about Twig and how it is used in Drupal.

The following variables are available:

  • {{ children }}
  • {{ item.header }}
  • {{ item.fieldset }}
  • {{ item.details }}
  • {{ item.details-closed }}
  • {{ item.container }}
  • {{ data.element_key }}
  • {{ data['element_key'] }}
  • {{ data.element_key.delta }}
  • {{ data['element_key']['delta'] }}
  • {{ data.composite_element_key.subelement_key }}
  • {{ data.composite_element_key.delta.subelement_key }}
  • {{ original_data }}
  • {{ elements }}
  • {{ elements_flattened }}
  • {{ serial }}
  • {{ sid }}
  • {{ uuid }}
  • {{ token }}
  • {{ uri }}
  • {{ created }}
  • {{ completed }}
  • {{ changed }}
  • {{ in_draft }}
  • {{ current_page }}
  • {{ remote_addr }}
  • {{ uid }}
  • {{ langcode }}
  • {{ webform_id }}
  • {{ entity_type }}
  • {{ entity_id }}
  • {{ locked }}
  • {{ sticky }}
  • {{ notes }}
  • {{ metatag }}
  • {{ webform }}
  • {{ webform_submission }}

You can also output tokens using the webform_token() function.

{{ webform_token('[webform_submission:values:element_value]', webform_submission, [], options) }}

You can debug data using the webform_debug() function.

{{ webform_debug(data) }}
Anzeige CSS classes