Bit Form – File Upload field

The file upload field allows users to upload files like- images, audio, videos, spreadsheets, docs & zip files. You can limit the size of the file from the settings option.

⚙ General Settings

1. Field Key

In Bit Form, every field has a special identifier known as a Field Key. This field key uniquely identifies a field, it also helps to send data via email, PDF, store database, and PHP action hook. These keys are important in Success/Error Messages, WebHooks, Redirect Pages, Email Templates, Workflows, and Integrations.

2. Name

The Name is an HTML equivalent input field’s name, you can customize it easily according to your preferences. You can easily modify it to suit your needs.

A field’s name is like a special label used when you submit a form. For example, let’s say the field name is “text-1-5”. In this case, ‘text’ tells us the type of field it is, ‘1’ refers to the form ID, and ‘5’ means it’s the fifth-number field on the form. This field name can be used for various purposes such as Fetch data from url parameter.

3. Field Label

You can set a proper name for the field that is considered a field label. This label name will appear on the front end of the form you will display. You can hide the field label if you want.

Adding Leading and Trailing Icons: The leading and trailing icon option allows you to add a symbol or image at the beginning (leading) or end (trailing) of the field label. With Bit Form, you can access over 10,000 icons from various open-source libraries and upload a custom icon to suit your specific needs.

4. Subtitle​

The subtitle is an additional piece of text that appears below the label of a field in a form. It offers further clarification or context to help visitors understand the purpose of the field.

Adding Leading and Trailing Icons: The leading and trailing icon option allows you to add a symbol or image at the beginning (leading) or end (trailing) of the subtitle. With Bit Form, you can access over 10,000 icons from various open-source libraries and upload a custom icon to suit your specific needs.

5. Admin Label

This field is designated for administrative use and allows an administrator to set a label name that will be displayed on the responses page.

6. Size & Position

It typically refers to the dimensions and placement of an input or output field within a user interface. It specifies the width and position, x-position, and w-width of the field on the screen or page.

7. Upload Button Text

This option allows you to customize the text displayed on the upload button. By default, the button text is “Attach File”, but with this feature, the administrator can change the text to better fit your form’s context.

8. Button Icons

This option allows you to include icons at the beginning (leading) and end (trailing) of the text displayed on the upload button. This provides an additional layer of customization for your file upload field, allowing you to add visual elements that better suit your form’s design and purpose.

9. Helper Text

It offers further clarification or context to help visitors understand the purpose of the field. This option allows you to guide your user on what kind of information should be entered, any restrictions on the input, and any formatting requirements.

• Adding Leading and Trailing Icons: The leading and trailing icon option allows you to add a symbol or image at the beginning (leading) or end (trailing) of the helper text. It serves as a visual cue to help users understand the context of the text. With Bit Form, you can access over 10,000 icons from various open-source libraries and upload a custom icon to suit your specific needs.

10. Required

The Required Field option allows you to make a form field mandatory for the user to fill out. You can also specify an error message to be displayed if the field is left blank. With the “Custom Error Message” option, you have the flexibility to customize the error message according to your needs. Additionally, you can add Leading and Trailing Icons to the error message for better visual representation.

• A. Adding Leading and Trailing Icons: The leading and trailing icon option allows you to add a symbol or image at the beginning (leading) or end (trailing) of the error message. With Bit Form, you can access over 10,000 icons from various open-source libraries and upload a custom icon to suit your specific needs.

• B. Asterisk Position: The asterisk symbol position indicating a required field can be set with this option. You can choose to display it before or after the field label and on the right or left side of the field.

11. ReadOnly​

The read-only field option makes it possible to show information to visitors without giving them the ability to modify it. Visitors can only view the information and not edit it. This is helpful in cases where you want to display important information that should remain unchanged. By setting the field as read-only, the information remains unaltered and accurate.

12. Disabled​

The disables field option disables user input and interaction, ensuring the accuracy and integrity of form data by preventing the visitor from entering or changing any information in the form.

13. Hidden​

This option allows you to make the field hidden when the form is displayed on the front end.

14. Allow Multiple

This option allows users to upload multiple files simultaneously. Admin can set the minimum and maximum number of files that can be uploaded, and specify custom error messages that will appear if the user attempts to upload more or fewer files than permitted. Also, the admin can customize the error message according to your needs.

15. File Select Status:

This option allows the admin to modify the message that appears to the user before they upload a file. The default message is “No File Selected”, but you can customize it to better suit your form’s context using this feature.

16. Show Maximum Size:

This option allows the admin to modify the text that specifies the maximum file size that can be uploaded in the file upload field. The default text is “(Max 2 MB)”, but with this feature, you can customize the text to better suit your form’s context. It will not show the text by disabling this option.

17. Allow Maximum Upload Size

With this feature, the Administrator can set a limit on the file size that users can upload to the file upload field. Administrators can choose to set the limit in Bytes, KB, MB, and GB. If the limit is exceeded, the admin can configure an error message to be displayed as well as customize the message to your specific needs.

18. Show File List

By enabling this option, users will be able to view a list of the files they have uploaded before submitting the form.

Show File Preview: Checking this option allows users to see a preview of the file they have uploaded before submitting the form.

Show File Size: Checking this option allows users to see the file size of each file they have uploaded before submitting the form. The file size will be displayed at the end of the file name in the file upload field.

19. File Exist Message

This option allows the admin to set an error message that appears to the user when they try to upload a file that has already been uploaded. This message is customizable and can be set by the administrator to better suit their needs.

20. Allowed file type:

From this option, the admin has to select the file type for the form submission. Admin can select multiple file types from the drop-down list Types are :

📁 Images

📁 Audios

📁 Videos

📁 Documents

📁 Zip

📁 Presentation

📁 Spreadsheet

📁 Databases