File

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.

File 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.

File field key 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.

File description field

Upload directory

Webform uploads are always saved in the site files directory. You may optionally specify a subfolder to store your files.

File upload destination field

Validation

Required

Check this option if the user must enter a value.

Max upload size

Enter the max file size a user may upload (in KB). 

Allowed file extensions

Check the file extensions that should be allowed to be uploaded via the File form component. Click the select link next to the category title to check/uncheck all types for the specified category with one click.

File validation fieldEnter a list of additional file extensions for this upload field, separated by commas, in the Additional extensions field. Entered extensions will be appended to checked items above.

Display

Width

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

Label display

Determines the placement of the component's label.

Private

Private fields are shown only to users with results access.

Wrapper CSS classes

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

Wrapper CSS classes

CSS classes

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

Save component

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