Home
Administration
Structure
Webforms
test. webform
Elements

Add Telephone element

General
Conditions
Advanced
Access

Element settings

Type Telephone

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

Limit

Telephone settings

Enhance support for international phone numbers ?

Enhance the telephone element's international support using the jQuery International Telephone Input plugin.

Initial country

Preferred countries ?

Specify the countries to appear at the top of the list.

Element description/help/more

Description ?

Description

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

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

A long description of the element that provides form additional information which can opened and closed.

Form display

Title display ?

Determines the placement of the title.

Description display ?

Determines the placement of the description.

Help display ?

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, %.

Minlength ?

The element may still be empty unless it is required.

Maxlength ?

Leaving blank will use the default maxlength.

Size ?

Leaving blank will use the default size.

Placeholder ?

The placeholder will be shown in the element until the user starts entering a value.

Autocomplete ?

Autocomplete

Autocomplete autofill ?

Browsers sometimes have features for helping users fill forms in, for example prefilling the user's address based on earlier user input. The autocomplete (autofill) attribute can be used to hint to the user agent how to, or indeed whether to, provide such a feature.

Setting autocomplete to off will disable autocompletion for this element. Select 'Autofill' to use semantic attribute values for collecting certain types of user information.

Input hiding ?

Hide the input of the element when the input is not being focused.

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.

Readonly ?

Make this element non-editable with the user entered (e.g. via developer tools) value submitted. Useful for displaying default value. Changeable via JavaScript.

Prepopulate ?

Allow element to be populated using query string parameters.

Form validation

Warning message

Validation error message contains HTML markup. HTML markup can not be display via HTML5 clientside validation and will be removed.

Required ?

Check this option if the user must enter a value.

Required message ?

If set, this message will be used when a required webform element is empty, instead of the default "Field x is required." message.

Unique ?

Check that all entered values for this element are unique.

Unique per entity ?

Check that entered values for this element is unique for the current source entity.

Unique per user ?

Check that entered values for this element are unique for the current user.

Unique message ?

If set, this message will be used when an element's value are not unique, instead of the default "The value %value has already been submitted once for the %name element. You may have already submitted this webform, or you need to use a different value." message.

Pattern ?

A regular expression that the element's value is checked against.

Pattern regular expression ?

Enter a regular expression that the element's value should match.

Pattern message ?

If set, this message will be used when a pattern is not matched, instead of the default "%name field is not in the right format." message.

Conditional logic

State	Element	Trigger/Value	Operations
State	Operator if of the following is met:
	Selector	Trigger 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 webform element. For multiple options, use commas to separate multiple defaults.

Multiple settings

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 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 attributes

Wrapper CSS classes ?

Wrapper CSS classes

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

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 ?

Select how a single value is displayed.

Multiple items

Items format ?

Select how multiple values are displayed.

Display wrapper attributes

Display CSS classes ?

Display CSS classes

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

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.