Slider Field – Bit Form

Have you ever used a Slider Field in a form before? It’s a cool feature that lets you easily choose a value by sliding a handle along a track. This makes it super simple to enter numbers within a specific range. Whether you’re rating your satisfaction, making a selection, or picking a quantity, the Slider Field is a great tool. It makes filling out a form more fun and interactive compared to just typing in numbers

To use this awesome field, just go to your form builder. Scroll down on the left side until you spot the Slider. You can also use the search function to easily find the field you’re looking for. Once located, you can either click on the field or simply drag and drop it into your form.

⚙ 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 “range-6-5”. In this case, ‘range’ tells us the type of field it is, ‘6’ refers to the form ID, and ‘5’ means it’s the six-number field on the form.

3. Label

The Label Option in Bit Form provides customization for the text displayed on a particular field. Administrators can easily set the label text, serving as a descriptive guide for users filling out the form.

Adding Leading and Trailing Icons: In Bit Form, administrators can use the Leading and Trailing icon options to add a symbol either at the beginning (leading) or the end (trailing) of the label text. Bit Form provides access to a diverse collection of over 10,000 icons from various open-source libraries. Additionally, you can upload a custom icon to meet your specific requirements.

4. Subtitle

The field subtitle is a description that you can choose to display below the Field Label. You have the option to show or hide the field subtitle using this toggle.

Adding Leading and Trailing Icons: For an extra visual touch, Bit Form allows you to add Leading and Trailing Icons to your subtitle. This feature lets you include symbols at the beginning (leading) or end (trailing) of your subtitle, acting as visual cues to improve user understanding. Select from a wide range of over 10,000 icons from various open-source libraries or upload your custom icon for a personal touch. Bit Form caters to all your icon-related needs.

5. Admin Label

This field is specifically designed for administrators like you. It’s here to help you choose a label name that will show up on the responses page. So go ahead and pick a label that suits your needs!

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. 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: For an extra visual touch, Bit Form allows you to add Leading and Trailing Icons to your subtitle. This feature lets you include symbols at the beginning (leading) or end (trailing) of your subtitle, acting as visual cues to improve user understanding. Select from a wide range of over 10,000 icons from various open-source libraries or upload your custom icon for a personal touch. Bit Form caters to all your icon-related needs.

8. Default value

The default value is the starting value that will show up in the field. You have the option to set the default value for the slider.

9. Suggestion

With suggestions, you can include a personalized list of suggestions that will show up dynamically as you type in the input field of the Slider in Bit Form.

10. 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 AutoComplete 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:

• Off: AutoComplete is turned off for this field.
• On: The browser will attempt to autofill the field based on previously entered data.
• Name: The user’s full name.
• Honorific prefix: The user’s honorific prefix (e.g. Mr., Mrs., Dr.).
• Give name: The user’s given (first) name.
• Additional name: The user’s middle name or initial.
• Family name: The user’s family (last) name.
• Honor: The user’s honorific suffix (e.g. Jr., III).
• Nickname: The user’s nickname or preferred name.
• Email: The user’s email address.
• Username: The user’s username.
• New password: A new password for the user.
• Current password: The user’s current password.
• if code: A one-time code for authentication.
• Organization ic suffixOne-timeTitle: The user’s job title or position.
• Organization: The user’s organization or company name.
• Street address: The user’s street address.
• Address line 1: The user’s address line 1.
• Country: The user’s country.
• Country name: The user’s country name.
• Postal code: The user’s postal or zip code.
• Cc name: The name on the user’s credit card.
• Cc given name: The user’s given name on the credit card.
• Cc additional name: The user’s middle name or initial on the credit card.
• Cc family name: The user’s family name on the credit card.
• Cc number: The user’s credit card number.
• Cc exp: The user’s credit card expiration date (combined month and year).
• Cc exp month: The user’s credit card expiration month.
• Cc exp year: The user’s credit card expiration year.
• Cc cse: The user’s credit card security code (CSC).
• Cca type: The user’s credit card type.
• Transaction currency: The currency for a transaction.
• Transaction account: The account used for a transaction.
• Language: The user’s preferred language.
• Birthday: The user’s birth date.
• Birthday: The user’s birthday.
• Birth month: The user’s birth month.
• Birth Year: The user’s birth year.
• Sex: The user’s gender or sex.
• Telephone: The user’s telephone number.
• Tel national: The user’s national or international telephone number.
• Tel Country code: The user’s country code for their telephone number.
• Tel Area code: The user’s area code for their telephone number.
• Tel local: The user’s local telephone number.
• Tel extension: The user’s telephone extension.
• Impp: The user’s instant messaging profile.
• URL: The user’s website or URL.
• Photo: The user’s photo or image.

11. Required

The Required Field option is super handy because it lets you make a form field mandatory for users to fill out. And guess what? You can even personalize the error message that appears if someone leaves the field blank. How cool is that? With the “Custom Error Message” option, you have the freedom to customize the error message to fit your specific needs. Plus, you can add Leading and Trailing Icons to the error message to make it even more visually appealing.

• Adding Leading and Trailing Icons: Explore the fantastic leading and trailing icons feature in Bit Form, allowing you to incorporate symbols into your error messages. The best part? With Bit Form, you have access to a diverse collection of over 10,000 icons from various open-source libraries. Can’t find the perfect match? No problem! You also have the option to upload your custom icon, ensuring your error messages are tailored precisely to your preferences.
• Asterisk Position: You have the option to choose where the asterisk symbol, indicating a required field, is positioned. You can display it before or after the field label and on either the right or left side of the field.

12. Slider Range(Min/Max) and Step:

The Slider Range (Min/Max) and Step options provide you with the ability to set the minimum and maximum range of your slider. You can also customize the error message to suit your preferences. Additionally, you have the choice to add leading and trailing icons. By adjusting the step number, you can determine the incremental increase or decrease of the slider as it is moved.

13. Hidden

With this option, you have the ability to hide the field so that people won’t see it when they view the form on the website.

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