special offer desktop
Estimated reading: 4 minutes 325 views

Bit Form – Button field

Button Field is a significant & integral part of any website especially when it comes to web forms and customizing them is quite a bit of work to make the button look good and stand out. In our Bit Form, users will get a default submit button.

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

4. Button Text

The Button Text is a configurable option in Bit Form that allows the administrator to set the text that appears on the button within the form. This text serves as a call-to-action for users to submit or perform an action in the form.

Adding Leading and Trailing Icons: The leading and trailing icon options allow administrators to add a symbol or image at the beginning (leading) or end (trailing) of the Button 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.

note-icon-bit-apps  Note

At Bit Form, we’re thrilled to provide you with a huge selection of over 10,000 icons from various open-source libraries.

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

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

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

7. Button Align

This option allows the administrator to specify the alignment of the button within the form. This determines the horizontal positioning of the button relative to the form’s layout. There are three options for button alignment in Bit Form LeftRight, and Center

8. Text Align

This option allows the administrator to specify the alignment of the Button Text within the form. This determines the horizontal positioning of the Button Text relative to the form’s layout. There are three options for button text alignment in Bit Form LeftRight, and Center

9. Button Types

Types of buttons – SubmitReset & button.

✔Submit button: It is a standard submit button that helps to submit information by user.

✔Reset button: It clears all the previous information & allows the user to start over again.

10. Full Width

Enabling this option you can make a full-width button

11. Hidden

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

Share this Doc

Button field

Or copy link

CONTENTS