Skip to main content
Version: Next

General Setting

1.Field Key:​

A Field Key is distinct for each field, with b1-5 serving as an illustration. b stands for Bit Form and 1 signifies the form ID , and 5 indicates the 5th field of the form. These keys are utilized in Success/Error Messages, WebHooks, Redirect Pages, Email Templates, Workflows, and Integrations.

2.Name:​

The name of a field is a unique identifier used in form submissions. It typically consists of, text-1-2 is an example of the field name. the text means field-type, 1 represents form id , and 5 represents the 5th field of 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 of 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.

A. Leading and Trailing icon: 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.

A. 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. Input Icons:​

The input icon option allows you to include a symbol or image in the field input.

A. Leading and Trailing Icons: The leading and trailing icon option allows you to add a symbol or image at the start (leading) of the field input and the end (trailing) of the field input. It serves as visual cues 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.

8. Placeholder:​

A Placeholder is a property by which the user can understand the usage of the field. Any text entered on the placeholder will be displayed on the fields. The placeholder text will disappear when the user starts writing on the field.

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.

A. 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 visual cues 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. Default Value:​

This option allows you to pre-populate a form field with a default value when the form is loaded in the front end.

11. Pattern:​

The text field component supports custom Regex Patterns and provides a list of predefined patterns as suggestions. The predefined patterns include:

  1. Only Characters (a-zA-Z)
  2. Only Digits (0-9), which only accept full numbers and no decimal values
  3. Name, which only allows characters and spaces
  4. Username, which only allows lowercase characters and numbers
  5. Character Limit, with a default maximum limit of 100 characters
  6. Word Limit, with a default maximum limit of 30 words
  7. Only Gmail, which only allows Gmail addresses.
INFO

After selecting any predefined pattern, you can customize those too.

For each pattern, the user can set Flag to control how the regex pattern will work for the text field.

g( global)- With this flag, the search looks for all matches, without it – only the first match is returned.

i (case-insensitive)- With this flag, the search is case-insensitive: no difference between A and a.

s(single line)- Enables “dot all” mode, which allows a dot . to match newline character \n.

m (multi line)- Multiline mode.

u (unicode)- Enables full Unicode support.

y (sticky)- “Sticky” mode: searching at the exact position in the text.

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

13. Hidden:​

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

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

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

16. UniqueEntry:​

This option allows you to ensure that each entry submitted in the form is unique. This feature can be useful when you want to prevent duplicate entries. You can also specify an error message to be displayed if the field entry is not unique. With the "Custom Error Message" option, you have the flexibility to customize the error message according to your needs.

A. Leading & Trailing Icon: : 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.

17. Leading and Trailing:​

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

18. Auto Complete​

By enabling this option, users can easily populate the field with previously entered values without having to type them again. It can be a helpful time-saving feature for fields that require repeated entries, such as an email address or a shipping address. The AutoComplet property can be enabled by the developer/administrator during form creation or editing.

Here are the available options for the AutoComplete feature in Bit Form:
  1. Off: AutoComplete is turned off for this field.
  2. On: The browser will attempt to autofill the field based on previously entered data.
  3. Name: The user's full name.
  4. Honorific-prefix: The user's honorific prefix (e.g. Mr., Mrs., Dr.).
  5. Give name: The user's given (first) name.
  6. Additional name: The user's middle name or initial.
  7. Family name: The user's family (last) name.
  8. Honorific-suffix: The user's honorific suffix (e.g. Jr., III).
  9. Nickname: The user's nickname or preferred name.
  10. Email: The user's email address.
  11. Username: The user's username.
  12. New password: A new password for the user.
  13. Current password: The user's current password.
  14. One time code: A one-time code for authentication.
  15. Organization title: The user's job title or position.
  16. Organization: The user's organization or company name.
  17. Street address: The user's street address.
  18. Address line 1: The user's address line 1.
  19. Country: The user's country.
  20. Country name: The user's country name.
  21. Postal code: The user's postal or zip code.
  22. Cc name: The name on the user's credit card.
  23. Cc given name: The user's given name on the credit card.
  24. Cc additional name: The user's middle name or initial on the credit card.
  25. Cc family name: The user's family name on the credit card.
  26. Cc number: The user's credit card number.
  27. Cc exp: The user's credit card expiration date (combined month and year).
  28. Cc exp month: The user's credit card expiration month.
  29. Cc exp year: The user's credit card expiration year.
  30. Cc cse: The user's credit card security code (CSC).
  31. Cca type: The user's credit card type.
  32. Transaction currency: The currency for a transaction.
  33. Transaction account: The account used for a transaction.
  34. Language: The user's preferred language.
  35. Birth day: The user's birth date.
  36. Birth day: The user's birth day.
  37. Birth month: The user's birth month.
  38. Birth Year: The user's birth year.
  39. Sex: The user's gender or sex.
  40. Telephone: The user's telephone number.
  41. Tel national: The user's national or international telephone number.
  42. Tel Counrty code: The user's country code for their telephone number.
  43. Tel Area code: The user's area code for their telephone number.
  44. Tel local: The user's local telephone number.
  45. Tel extension: The user's telephone extension.
  46. Impp: The user's instant messaging profile.
  47. URL: The user's website or URL.
  48. Photo: The user's photo or image.

19. Suggestion​

This Custom Suggestion feature helps to streamline the form-filling experience, making it quicker and more convenient for your users. with the ability to customize your suggestions based on your specific needs, you can provide even more value to your users.

20. Allow Other Option​

Enabling the "Allow Other" option allows the user an additional option to enter a custom value that is not listed among the predefined choices.

A. Required Custom Input: This option allows you to make custom input mandatory for the user to fill out. You can also specify an error message to be displayed if custom input 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.

B. Input Placeholder: When the user selects Other from the option custom value field will be displayed to enter a custom value. Admin can add a placeholder for this Custom Input field.

21. Search Placeholder​

By this option, admin can add/edit a search placeholder text for the field. The placeholder text will disappear, and the search results will be displayed.

21. DisableIfMaximumSelected​

By enabling this option allows admin to disable certain options once a maximum number of selections has been reached. For example, if the maximum number of options allowed is 3, and the user selects 3 options, the remaining options will become disabled and cannot be selected. This option helps to prevent users from selecting more options than allowed and provides a better user experience by making it clear which options are available for selection.

21. Minimum​

By using this option, the admin can establish the minimum number of optionss a user can select. If the limit is exceeded, you can configure an error message to be displayed as well as customize the message to your specific needs.

21. Maximum​

By using this option, the admin can establish the maximum number of optionss a user can select. If the limit is exceeded, you can configure an error message to be displayed as well as customize the message to your specific needs.

22. Country Not Found Text​

This option allows the admin to customize the text that is displayed when the user searches for a country that is not found. By default, the text displayed is "No Country Found", but you can modify it to your liking.

23. Country Not Found Text​

Enabling this option will display the flag image of the selected country on the left side of the field. If you disable this option, only the name of the selected country will be displayed without any flag image.

24. Selected Country Clearable​

This option allows users to clear the selected country from the field. By enabling this option, a small "X" button will appear on the right side of the field, allowing the user to easily remove the selected country. If disabled, the user will not be able to clear the selected country from the field.

25. Selected Country Clearable​

This option allows the user to clear the search. There is a small "X" icon within the search box, allowing users to easily clear their search with a single click and start a new one.

25. Option Flag Image​

Enabling this option will display the flag image of each country next to its name in the dropdown options. If you disable this option, only the name of each country will be displayed without any flag image.

25. Detect Country By IP​

Enabling this option will allow the form to automatically detect the country based on the user's IP address when the form is loaded.

25. Detect Country By Geo​

Enabling this option will automatically detect the user's country based on the GPS location of their device when the form loads.

26. Options List Height​

This option allows the administrator to set the maximum height of the dropdown list. By setting a maximum height, the dropdown list will only display a certain number of options at once, and the user will be able to scroll through the remaining options if needed.Administrators can set the height of the options list in pixels (px)