File Upload

Field Configuration: To add File Upload field in a form, go to User Meta >> Forms. Add a new form or edit an existing one. In the Form Builder menu click File Upload from right sidebar of Extra Fields section. Then you will have a configuration panel. Configure your File Upload field by using this configuration panel.

 

Basic Configuration:

This part consists of Field Label, Label Position, Description, Meta Key, Default Value, Allowed Extension, Image Width, Image Height and Maximum File Size.
Field Label: Set the field’s name whatever you want.
Label Position: Set where the name of the field will be visible. There are several options.
You can place it at Top, Left, Right, Inline or Placeholder. You can even hide the name by
selecting the option Hidden.
Description: Write the description of the field, if you want. Description will be visible
under the field box.

Meta Key: Use meta key to save field’s data. Without defining the meta key, field data won’t be saved.This is unique identification key for field. E.g. file_upload (unique and no space).

Default Value: Can set a default value so that the field will have the value even if the field is ignored.

Allowed Extension: Take control over image file by defining which extensions can be uploaded only. Write your preferred extensions with
comma separation in Allowed Extension block. By default: jpg, png and gif extensions are allowed as extensions.

Image Width: Can set image width. To do it just write the number in px.

Image Height: Can also set image width. To do it just write the number in px.

Maximum File Size: Control maximum file size. Just write the maximum file size in KB. By default, it is 1024KB.

 

img-01: basic configuration
img-01: basic configuration

 

Advanced Configuration:

This part consists of Rules, Input Class, Field Container Class, Field Container Style, Make the Field as Shared and Conditional Logic.

Rules: You can set the field only for the admin by checking Admin Only. Also can select Read-Only for all user or Read-Only for non admin.

Input Class: Can specify custom class for input. Write the custom class name.

Field Container Class: Can set custom class for field container. Write the custom class name.

Field Container Style: Can set custom css style for field container.

Make Field as Shared: To make this field as a shared field to use the field in any form just check Make this field as shared.

Conditional Logic: To apply conditional logic to this field Enable Conditional Logic. To know about conditional logic, read Fields Basics.

 

field_file_upload02
img-02: advanced configuration

 

Generated Field:

For these configurations, generated file upload field will be like below.

 

img-03: generated file upload field
img-03: generated file upload field