Textfield

Label

The field label will be pre-filled with the value entered on the form components page. This is used as a descriptive label when displaying this form element.

Textfield label field

Field Key

The field label will be pre-filled with the value entered on the form components page. Enter a machine readable key for this form element. May contain only alphanumeric characters and underscores. This key will be used as the name attribute of the form element. This value has no effect on the way data is saved, but may be helpful if doing custom form processing.

Textfield field key field

Default value

The default value of the field as identified by its key. For multiple selects use commas to separate multiple defaults. You may use special tokens in this field that will be replaced with dynamic values.

textfield default field

Description

A short description of the field used as help for the user when he/she uses the form. Text entered into the Description field is displayed below the form component field. You may use special tokens in this field that will be replaced with dynamic values.

Textfield description field

Validation

Required

Check this option if the user must enter a value.

Unique

Check that all entered values for this field are unique. The same value is not allowed to be used twice.

Maxlength

Maximum length of the texfield value.

Textfield validation fields

Display

Width

Width of the textfield. Leaving blank will use the default size.

Prefix text placed to the left of the field

Examples: $, #, -.

Postfix text placed to the right of the field

Examples: lb, kg, %.

Label display

Determines the placement of the component's label.

Disabled

Make this field non-editable. Useful for setting an unchangeable default value.

Private

Private fields are shown only to users with results access.

Textfield display fields

Wrapper CSS classes

Do not add anything in this window - leave Wrapper CSS classes as is.

Wrapper CSS screenshot

CSS classes

Do not add anything in this window - leave CSS classes as is.

CSS Class screenshot

Save component

Click the Save component button to save the new form field.