Bit Form – Repeater Field

The “Repeater Field” is super useful when you want to repeat a group of input fields in a form. It makes it really easy to add and display similar information multiple times. This is perfect for situations where you need to input or select similar data without having to create separate sections for each one in your form.

To use this awesome field, just go to your form builder. Scroll down on the left side until you spot the Repeater Field. 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 “repeater-1-10”. In this case, ‘repeater’ tells us the type of field it is, ‘1’ refers to the form ID, and ‘10’ means it’s the ten-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

This option is great for giving visitors more information about what the field is for. You can use it to guide users on what kind of information to enter, any limitations on input, and specific formatting rules.

Adding Leading and Trailing Icons: We offer a neat feature that allows you to add symbols or icons at the start (leading) or end (trailing) of your helper text. These icons serve as visual cues to enhance user understanding. In Bit Form, you have the option to select from a diverse collection of over 10,000 icons from different open-source libraries. If you have a specific icon in mind, you can also upload your custom icon! Bit Form has you covered for all your icon needs.

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

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

10. Repeatable Row Count(Min/Max):

• Default Row: The “Default Row” in the form’s “Repeatable Row Count” setting determines how many rows are initially displayed when you use the repeatable section in the form. It sets the starting number of a specific set of fields that users will see by default when working with the repeatable rows in the form.
• Minimum Row: The “Maximum Row” in the form’s “Repeatable Row Count” setting determines the maximum number of rows that users can add when utilizing the repeatable section in the form. It sets the upper limit for the quantity of a particular set of fields that users can include while working with the repeatable rows in the form.
• Maximum Row: The “Maximum Row” setting in the form’s “Repeatable Row Count” determines the maximum number of rows you can have when using the repeatable section in the form. It sets a limit on how many sets of fields you can add when working with the repeatable rows in the form. So, feel free to customize it according to your needs!

11. Button Layout and Position:

• Button Position: You’ll love the “Button Position” feature! It gives you the freedom to place the button wherever you want it – at the top, bottom, left, or right of your form. This way, you can create a layout that’s perfect for your needs and preferences.
• Button Alignment: We have this awesome feature called “Button Alignment” that lets you align your form’s button just the way you want it – whether it’s at the start, center, or end. How cool is that? It gives you the freedom to create a visually pleasing and well-organized layout.
• Button View: With our awesome “Button View” feature, you have the power to personalize the look of your form button! We’ve got a bunch of cool options for you to choose from, like vertical, vertical-reverse, horizontal, and horizontal-reverse. You can totally align the button in a way that matches your design style perfectly. How cool is that?

12. Add Button

The “Add Button” is super handy for adding or removing a section that you need to repeat in your form. You have full control over whether this button is visible or not, just toggle the option. And guess what? You can even personalize the text on the button to make it exactly how you want it!

Adding Leading and Trailing Icons: We offer a nifty feature that allows you to add symbols or icons at the beginning (leading) or end (trailing) of your Add Button in Bit Form. These icons serve as visual cues to enhance user understanding. Bit Form provides a diverse collection of over 10,000 icons from various open-source libraries. Plus, if you have a specific icon in mind, you can upload your own custom icon. We’ve got you covered for all your icon needs.

13. Remove Button

The “Remove Button” is here to help you delete any repeated sections in your form. You have full control over when this button is shown by simply toggling the option. And don’t worry, you can also customize the text on the remove button to make it perfect for your needs.

Adding Leading and Trailing Icons: We offer a nifty feature that allows you to add symbols or icons at the beginning (leading) or end (trailing) of your Add Button in Bit Form. These icons serve as visual cues to enhance user understanding. Bit Form provides a diverse collection of over 10,000 icons from various open-source libraries. Plus, if you have a specific icon in mind, you can upload your own custom icon. We’ve got you covered for all your icon needs.

14. Add To End Button

The “Add to End Button” is a great tool for adding a new section to your form. You can easily toggle the option to show or hide this button, and even customize its text to make it just the way you like it. Plus, with the Button Alignment feature, you have full control over where the button appears – whether at the beginning, middle, or end of the form. This way, you can easily personalize the button’s look and layout to suit your specific needs.