special offer desktop
menu-icon
Bit Assist Menu Icon

Radio Button field

Estimated reading: 8 minutes 228 views

Bit Form – Radio Button field

Radio buttons are a group of options that let the user radio only one value from a group of values. These are clickable components that are used to radio a single option from a set of options. These components are mostly used as an alternative to a dropdown and are commonly used when the number of options is limited and the options are clear. Depending on the form builder being used, this can be achieved by inserting radio buttons in a group, or it can be done without a group. The settings of the radio button are similar to the checkbox field.

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

3. Field Label

You can set a proper name for 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.

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

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.

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.

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

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

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

9. Hidden

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

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

11. Options Column

The “Options Column” feature allows you to display the options in multiple columns. You may choose to specify the number of columns for your layout. If you do not provide a value, the number of columns will be determined by the width of the field.

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

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

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

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

14. Add/Edit Options:

You can add and remove the options of the radio field, as well as you can import options for the radio field. This feature allows you to import files from File Upload. Additionally, this feature allows for the radiation of a default option when the form is loaded, as well as the ability to disable certain options. As well as you can add the option group. Furthermore, an option Group can be added to the radio field.

Import Options

Now you can import options for the radio field. This feature allows you to import files from :

File Upload:

{” “}

  1. For the file upload option you have to choose out of 6 file types- txtjsonxlsxlsxcsvtsv
  2. File types with separator –
    • 🔰 txt file (comma, space, new line & colon separated)
    • 🔰 JSON (array, object, array of object & array of objects)
    • 🔰 xls & xlsx (single & multi-sheet)
    • 🔰 csv & tsv
  3. Import types are:
    • ✔ Replace Previous Options
    • ✔ Merge with Previous Options

Presets:

  1. 32 types of preset are available on the import option Some categories are-
    1. Business
      • Industry Names
      • Industries SIC
    2. DateTime
      • Days
      • Months
      • Times
      • Time zones
      • Weekdays
      • Years [2021 – 1921]
    3. E-Commerce
      • 163 Currencies
      • Sizes
    4. Geographic
      • Continents
      • 249 Countries
      • Counties [UK]
      • Provinces [CA]
      • States [AU, CA, IN]
      • Divisions [BD]
      • Union Territories [IN]
    5. Personal Status
    6. Survey
  2. Import types are:
    • ✔ Replace Previous Options
    • ✔ Merge with Previous Options

⚡ Post: You can show WordPress posts as a radio option.

  1. You can radio the option by Filtering by post type or filter by post status.
  2. Order the radio field option by the Post column name.
  3. All the data will be shown like – Key & Value. The value option can be stored on the responses management

⚡ Terms: You can set tag / Categories as a Radio button option.

  1. Filter the option by taxonomy. If the Use Post Taxonomy field is turned on then when the post is created it will add taxonomy automatically.
  2. You can order the radio field option by Order by & Order.
  3. Set the label from the radio option.

⚡ User: You can set options of radio by the user information

  1. Filter the role of the user while choosing the options.
  2. You can order the radio field option following the user’s information column by Order by & Order.
  3. Set the label from the radio option.

⚡ ACF Field Option: You can set options of radio by the ACF Field.

Share this Doc

Radio Button field

Or copy link

CONTENTS