Bit Form - Phone Number field
Phone Number field in Bit Form allows users to input phone numbers in a specific format, making it easy to collect and validate phone numbers in your form submissions. It provides a powerful and flexible way to collect and validate phone numbers in your forms, making it easy for users to provide accurate contact information.
⚙ General Settings
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. 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.
8. 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.
9. 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.
10. 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.
11. 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.
12. Input Format Option
This option allows the administrator to specify a format for the phone number field, which will be displayed when user enter the phone number. The format can be customized according to the administrator's preferences.
13. Value Format Option
This option allows the administrator to specify how the phone number should be formatted after the user fills in the field value. This format can be customized based on the administrator's preferences.
14. Invalid Error Message
This option allows the administrator to set a customized error message when a user enters an invalid phone number format. The error message can be modified to meet the preferences of the administrator.
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.
15. 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.
16. 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.
17. Show Selected Flag Image
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.
18. 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.
19. Search 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.
20. 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.
21. 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.
22. 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.
23. Hidden
This option allows you to make the field hidden when the form is displayed on the front end.
24. 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)
25. Edit Options
This option allows administrators to customize the label and list of countries by adding them as per their requirements. They can also set the default country, disable or hide specific countries in the list, and make other modifications as per their preferences. Also, admin can reorder the options by Dragging and Drop