Aller au contenu principal
x
Paramètres de l'élément
Mise en page Flexbox
A unique element key. Can only contain lowercase letters, numbers, and underscores.
Randomizes the order of the sub-element when they are displayed in the webform.
Paramètres de Flexbox
Logique conditionnelle
State Élément Trigger/Value Operations
si of the following is met:
Enter a number range (1:100)
When this container is hidden all this container's subelement values will be cleared.
Classes CSS de Élément
Apply classes to the élément. Select 'custom…' to enter custom classes.
Appliquer les styles personnalisés au élément.
Saisir les attributs supplémentaires à ajouter au élément.
Élément individuel
Sélectionner comment une valeur unique est affichée.
The HTML to display for a single element value. You may include HTML or Twig. You may enter data from the submission as per the "variables" below.
The text to display for a single element value. You may include Twig. You may enter data from the submission as per the "variables" below.

En savoir plus sur Twig et comment il est utilisé dans Drupal.

Les variables suivantes sont disponibles :

  • {{ 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 }}
  • {{ webform }}
  • {{ webform_submission }}

Vous pouvez également rendre les jetons en utilisant la fonction webform_token().

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

You can debug data using the webform_debug() function.

{{ webform_debug(data) }}
Classes CSS de Display
Apply classes to the element's display wrapper. Select 'custom…' to enter custom classes.
Apply custom styles to the element's display wrapper.
Enter additional attributes to be added to the element's display wrapper.