Skip to main content
Skip to search
Skip to footer
Ouvrir le panneau de gestion des cookies
Site Standard BM
Home
Accueil 2
Glossaire
Les formulaires
Test webform
Les articles
Langue et ckeditor
Menu de niveau 3
Timeline page
Menu de niveau 3 avec sous niveaux
Menu de niveau 4 avec sous niveaux
Test Image copie webp
Better Social Share
Les paragraphes
De base
Avec Bootstrap5
Log in
Actualités
Services
Événements
Lieux
Search
Home
Administration
Structure
Webforms
test. webform
Elements
Add Name element
General
Conditions
Advanced
Access
Element settings
Type
Name
Warning message
Please avoid using the reserved word '@key' as the element's key.
Title
?
This is used as a descriptive label when displaying this webform element.
Key
?
A unique element key. Can only contain lowercase letters, numbers, and underscores.
Allowed number of values
Allowed number of values
Limited
Unlimited
Limit
Name settings
Visible
Labels
?
Settings
?
Title visible
title
Title title
This is used as a descriptive label when displaying this webform element.
Title placeholder
The placeholder will be shown in the element until the user starts entering a value.
Title help text
A short description of the element used as help for the user when they use the webform.
Title description
A tooltip displayed after the title.
Title title display
Select title display…
Before
After
Inline
Invisible
A tooltip displayed after the title.
Required
Check this option if the user must enter a value.
Title type
Select
Select other
Text field
The type of element to be displayed.
Title options
Titres
Please select predefined options.
First visible
first
First title
This is used as a descriptive label when displaying this webform element.
First placeholder
The placeholder will be shown in the element until the user starts entering a value.
First help text
A short description of the element used as help for the user when they use the webform.
First description
A tooltip displayed after the title.
First title display
Select title display…
Before
After
Inline
Invisible
A tooltip displayed after the title.
Required
Check this option if the user must enter a value.
Text field
Middle visible
middle
Middle title
This is used as a descriptive label when displaying this webform element.
Middle placeholder
The placeholder will be shown in the element until the user starts entering a value.
Middle help text
A short description of the element used as help for the user when they use the webform.
Middle description
A tooltip displayed after the title.
Middle title display
Select title display…
Before
After
Inline
Invisible
A tooltip displayed after the title.
Required
Check this option if the user must enter a value.
Text field
Last visible
last
Last title
This is used as a descriptive label when displaying this webform element.
Last placeholder
The placeholder will be shown in the element until the user starts entering a value.
Last help text
A short description of the element used as help for the user when they use the webform.
Last description
A tooltip displayed after the title.
Last title display
Select title display…
Before
After
Inline
Invisible
A tooltip displayed after the title.
Required
Check this option if the user must enter a value.
Text field
Suffix visible
suffix
Suffix title
This is used as a descriptive label when displaying this webform element.
Suffix placeholder
The placeholder will be shown in the element until the user starts entering a value.
Suffix help text
A short description of the element used as help for the user when they use the webform.
Suffix description
A tooltip displayed after the title.
Suffix title display
Select title display…
Before
After
Inline
Invisible
A tooltip displayed after the title.
Required
Check this option if the user must enter a value.
Text field
Degree visible
degree
Degree title
This is used as a descriptive label when displaying this webform element.
Degree placeholder
The placeholder will be shown in the element until the user starts entering a value.
Degree help text
A short description of the element used as help for the user when they use the webform.
Degree description
A tooltip displayed after the title.
Degree title display
Select title display…
Before
After
Inline
Invisible
A tooltip displayed after the title.
Required
Check this option if the user must enter a value.
Text field
Use Flexbox
?
Automatic
No
Yes
If 'Automatic' is selected Flexbox layout will only be used if a 'Flexbox layout' element is included in the webform.
Select2
?
Replace select element with jQuery Select2 select box.
Element description/help/more
Description
?
Description
This field has been disabled because you do not have sufficient permissions to edit it.
A short description of the element used as help for the user when they use the webform.
Help
?
Displays a Help tooltip after the element's title.
Help title
?
The text displayed in Help tooltip after the element's title.Defaults to the element's title
Help text
?
Help text
This field has been disabled because you do not have sufficient permissions to edit it.
The text displayed in Help tooltip after the element's title.
More
?
Displays a read more hide/show widget below the element's description.
More title
?
The click-able label used to open and close more text.Defaults to: Plus
More text
?
More text
This field has been disabled because you do not have sufficient permissions to edit it.
A long description of the element that provides form additional information which can opened and closed.
Form display
Title display
?
- Default -
Before
Invisible
None
Determines the placement of the title.
Description display
?
- Default -
Before
After
Invisible
Determines the placement of the description.
Help display
?
- Default -
Before title
After title
Before element
After element
Determines the placement of the Help tooltip.
Warning message
×
Please note: Settings the element's title display to 'none' means the title will not be rendered or accessible to screenreaders
Field prefix
?
Text or code that is placed directly in front of the input. This can be used to prefix an input with a constant string. Examples: $, #, -.
Field suffix
?
Text or code that is placed directly after the input. This can be used to add a unit to an input. Examples: lb, kg, %.
Disabled
?
Make this element non-editable with the user entered (e.g. via developer tools) value ignored. Useful for displaying default value. Changeable via JavaScript.
Prepopulate
?
Allow element to be populated using query string parameters.
Form validation
Required
(Display purposes only)
?
If checked, adds required indicator to the title, if visible. To required individual elements, also tick "Required" under the Name settings above.
Conditional logic
State
Element
Trigger/Value
Operations
State
- Select -
Visible
Hidden
Visible (Slide)
Hidden (Slide)
Enabled
Disabled
Required
Optional
Operator
if
All
Any
One
of the following is met:
Selector
- Select -
Nom [Text field]
prenom [Text field]
Age [Number]
Profil [Textarea]
Description de vie [Textarea]
Metier [Select]
Metier [Other field]
Fichier 1 (illimité) [Document file]
Fichier 2 [Document file]
Trigger
- Select -
Empty
Filled
Checked
Unchecked
Value is
Value is not
Pattern
Not Pattern
Less than
Less than/Equal to
Greater than
Greater than/Equal to
Between
Not between
Value
Enter a number range (1:100)
Warning message
Disabled
elements do not submit data back to the server and the element's server-side default or current value will be preserved and saved to the database.
Clear value(s) when hidden
?
When this element is hidden, this element's value will be cleared.
Warning message
Please note when an element is hidden it will not be required.
Default value
Default value
?
The default value of the composite webform element as YAML.
Multiple settings
Display elements in table columns
?
If checked, the composite sub-element titles will be displayed as the table header labels.
Table header label
?
This is used as the table header for this webform element when displaying multiple values.
Item label
?
This is used by the add/remove (+/-) icons.
No items message
?
No items message
This field has been disabled because you do not have sufficient permissions to edit it.
This is used when there are no items entered.
Minimum amount of items
?
Minimum items defaults to 0 for optional elements and 1 for required elements.
Number of empty items
Allow users to sort elements
?
If unchecked, the elements will no longer be sortable.
Allow users to add/remove elements
?
If unchecked, the add/remove (+/x) buttons will be removed from each table row.
Show add element button
?
If unchecked, the add button will be removed from each table row.
Show remove element button
?
If unchecked, the remove button will be removed from each table row.
Allow users to add more items
?
If checked, an add more input will be added below the multiple values.
Allow users to input the number of items to be added
?
If checked, users will be able to input the number of items to be added.
Add more button label
?
This is used as the add more items button label for this webform element when displaying multiple values.
Add more input label
?
This is used as the add more items input label for this webform element when displaying multiple values.
Number of add more items
Wrapper type and attributes
Wrapper type
?
Fieldset
Form element
Container
Fieldset: Wraps inputs in a fieldset. RecommendedForm element: Wraps inputs in a basic form element with title and description.Container: Wraps inputs in a basic div with no title or description.
Wrapper CSS classes
?
Wrapper CSS classes
custom…
container-inline clearfix
form--inline clearfix
messages messages--error
messages messages--warning
messages messages--status
Enter custom classes…
Apply classes to the element's wrapper around both the field and its label. Select 'custom…' to enter custom classes.
Wrapper CSS style
?
Apply custom styles to the element's wrapper around both the field and its label.
Wrapper custom attributes (YAML)
?
Enter additional attributes to be added to the element's wrapper.
Element attributes
Element CSS classes
?
Element CSS classes
custom…
container-inline clearfix
form--inline clearfix
messages messages--error
messages messages--warning
messages messages--status
Enter custom classes…
Apply classes to the element. Select 'custom…' to enter custom classes.
Element CSS style
?
Apply custom styles to the element.
Element custom attributes (YAML)
?
Enter additional attributes to be added the element.
Label attributes
Label CSS classes
?
Apply classes to the element's label.
Label CSS style
?
Apply custom styles to the element's label.
Label custom attributes (YAML)
?
Enter additional attributes to be added to the element's label.
Submission display
Single item
Item format
?
Value (value)
Raw value (raw)
List (list)
Select how a single value is displayed.
Multiple items
Items format
?
Ordered list (ol)
Unordered list (ul)
Horizontal rule (hr)
Table (table)
Select how multiple values are displayed.
Display wrapper attributes
Display CSS classes
?
Display CSS classes
custom…
container-inline clearfix
form--inline clearfix
messages messages--error
messages messages--warning
messages messages--status
Enter custom classes…
Apply classes to the element's display wrapper. Select 'custom…' to enter custom classes.
Display CSS style
?
Apply custom styles to the element's display wrapper.
Display custom attributes (YAML)
?
Enter additional attributes to be added to the element's display wrapper.
Administration
Admin title
?
The admin title will always be displayed when managing elements and viewing & downloading submissions.If an element's title is hidden, the element's admin title will be displayed when viewing a submission.
Admin notes/comments
?
Admin notes/comments
This field has been disabled because you do not have sufficient permissions to edit it.
Admin notes/comments are display next to the element title in the form builder and visible in the form's YAML source
Private
?
Private elements are shown only to users with results access.
Browse available tokens.
