{"id":965,"date":"2023-06-22T09:59:08","date_gmt":"2023-06-22T09:59:08","guid":{"rendered":"https:\/\/bitapps.pro\/docs\/bit-form\/form-fields-811\/checkbox-field\/"},"modified":"2024-04-28T16:16:42","modified_gmt":"2024-04-28T10:16:42","slug":"checkbox-field","status":"publish","type":"docs","link":"https:\/\/bitapps.pro\/docs\/bit-form\/form-fields\/checkbox-field\/","title":{"rendered":"Checkbox field"},"content":{"rendered":"\n<h1 class=\"wp-block-heading\">Bit Form &#8211; Checkbox field<\/h1>\n\n\n\n<p><strong><em>The Checkbox<\/em><\/strong>&nbsp;field contains multiple options set by the admin panel. It allows user to select single or multiple options by their choice. Users can check or uncheck from the listed options. Also having a checkbox in a form enables users to express the fact that they accept the conditions of that form. Checkboxes are great because they allow the user to select as many options as they want.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u2699 General Settings<\/h2>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<figure class=\"wp-block-video\"><video controls src=\"https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/checkbox-field.mp4\" playsinline><\/video><\/figure>\n<\/div><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">1. Field Key<\/h3>\n\n\n\n<p>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.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/field-key.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"267\" src=\"https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/field-key-1024x267.png\" alt=\"\" class=\"wp-image-971\" srcset=\"https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/field-key-1024x267.png 1024w, https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/field-key-300x78.png 300w, https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/field-key-768x200.png 768w, https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/field-key-1536x400.png 1536w, https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/field-key.png 1698w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">2. Name<\/h3>\n\n\n\n<p>The Name is an HTML equivalent input field\u2019s name, you can customize it easily according to your preferences. You can easily modify it to suit your needs.<a href=\"javascript:void(0);\"><\/a><\/p>\n\n\n\n<p>A field\u2019s name is like a special label used when you submit a form. For example, let\u2019s say the field name is \u201ctext-1-5\u201d. In this case, \u2018text\u2019 tells us the type of field it is, \u20181\u2019 refers to the form ID, and \u20185\u2019 means it\u2019s the fifth-number field on the form. This field name can be used for various purposes such as\u00a0<a href=\"https:\/\/docs.form.bitapps.pro\/wpbitform-get-url-parameter\">Fetch data from url parameter<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/name.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"269\" src=\"https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/name-1024x269.png\" alt=\"\" class=\"wp-image-972\" srcset=\"https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/name-1024x269.png 1024w, https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/name-300x79.png 300w, https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/name-768x202.png 768w, https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/name-1536x404.png 1536w, https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/name.png 1689w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">3. Field Label<\/h3>\n\n\n\n<p>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.<\/p>\n\n\n\n<ol>\n<li><strong> Adding Leading and Trailing Icons:<\/strong>\u00a0The 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.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/field-label.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"238\" src=\"https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/field-label-1024x238.png\" alt=\"\" class=\"wp-image-973\" srcset=\"https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/field-label-1024x238.png 1024w, https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/field-label-300x70.png 300w, https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/field-label-768x179.png 768w, https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/field-label.png 1423w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-1 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column note_col is-layout-flow wp-block-column-is-layout-flow\">\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-4353\" src=\"https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/info-icon.png\" alt=\"note-icon-bit-apps\" width=\"24\" height=\"24\" srcset=\"https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/info-icon.png 24w, https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/info-icon-16x16.png 16w\" sizes=\"(max-width: 24px) 100vw, 24px\" \/>&nbsp; <strong>Note<\/strong><\/p>\n\n\n\n<p>At Bit Form, we\u2019re thrilled to provide you with a huge selection of over 10,000 icons from various open-source libraries.<\/p>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">4. Subtitle<\/h3>\n\n\n\n<p>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.<\/p>\n\n\n\n<ol>\n<li><strong>Adding Leading and Trailing Icons:\u00a0<\/strong>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.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/subtitle.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"233\" src=\"https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/subtitle-1024x233.png\" alt=\"\" class=\"wp-image-976\" srcset=\"https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/subtitle-1024x233.png 1024w, https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/subtitle-300x68.png 300w, https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/subtitle-768x175.png 768w, https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/subtitle.png 1449w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">5. Admin Label<\/h3>\n\n\n\n<p>This field is designated for administrative use and allows an administrator to set a label name that will be displayed on the responses page.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"199\" src=\"https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/admin-label-1024x199.png\" alt=\"\" class=\"wp-image-977\" style=\"width:840px;height:163px\" srcset=\"https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/admin-label-1024x199.png 1024w, https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/admin-label-300x58.png 300w, https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/admin-label-768x149.png 768w, https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/admin-label.png 1423w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/admin-label-in-responsec-page.png\"><img loading=\"lazy\" decoding=\"async\" width=\"888\" height=\"271\" src=\"https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/admin-label-in-responsec-page.png\" alt=\"\" class=\"wp-image-978\" srcset=\"https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/admin-label-in-responsec-page.png 888w, https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/admin-label-in-responsec-page-300x92.png 300w, https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/admin-label-in-responsec-page-768x234.png 768w\" sizes=\"(max-width: 888px) 100vw, 888px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">6. Size &amp; Position<\/h3>\n\n\n\n<p>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.<\/p>\n\n\n\n<figure class=\"wp-block-video aligncenter\"><video controls src=\"https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/size-and-position.mp4\"><\/video><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">7. Helper Text<\/h3>\n\n\n\n<p>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.<\/p>\n\n\n\n<ol>\n<li><strong>Adding Leading and Trailing Icons:\u00a0<\/strong>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 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.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/helper-text.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"227\" src=\"https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/helper-text-1024x227.png\" alt=\"\" class=\"wp-image-986\" srcset=\"https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/helper-text-1024x227.png 1024w, https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/helper-text-300x67.png 300w, https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/helper-text-768x170.png 768w, https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/helper-text.png 1302w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">8. Required<\/h3>\n\n\n\n<p>The&nbsp;<code>Required Field<\/code>&nbsp;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 &#8220;Custom Error Message&#8221; 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.<\/p>\n\n\n\n<ol>\n<li><strong>Adding Leading and Trailing Icons:<\/strong>\u00a0The 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.<\/li>\n\n\n\n<li><strong>Asterisk Position:<\/strong>&nbsp;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.<\/li>\n<\/ol>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-2 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<div class=\"wp-block-cover is-light\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim\"><\/span><video class=\"wp-block-cover__video-background intrinsic-ignore\" autoplay muted loop playsinline src=\"https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/required.mp4\" data-object-fit=\"cover\"><\/video><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<p class=\"has-text-align-center has-large-font-size\"><\/p>\n<\/div><\/div>\n<\/div>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\">9. Hidden<\/h3>\n\n\n\n<p>This option allows you to make the field hidden when the form is displayed on the front end.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/07\/hide-field.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"239\" src=\"https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/07\/hide-field-1024x239.png\" alt=\"\" class=\"wp-image-6464\" srcset=\"https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/07\/hide-field-1024x239.png 1024w, https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/07\/hide-field-300x70.png 300w, https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/07\/hide-field-768x179.png 768w, https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/07\/hide-field.png 1308w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">10. Disabled<\/h3>\n\n\n\n<p>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.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/disable.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"247\" src=\"https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/disable-1024x247.png\" alt=\"\" class=\"wp-image-993\" srcset=\"https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/disable-1024x247.png 1024w, https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/disable-300x72.png 300w, https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/disable-768x185.png 768w, https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/disable.png 1305w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">11. Options Column<\/h3>\n\n\n\n<p>The &#8220;Options Column&#8221; 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.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/coloum-option.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"243\" src=\"https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/coloum-option-1024x243.png\" alt=\"\" class=\"wp-image-994\" srcset=\"https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/coloum-option-1024x243.png 1024w, https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/coloum-option-300x71.png 300w, https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/coloum-option-768x182.png 768w, https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/coloum-option.png 1311w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">12. Minimum<\/h3>\n\n\n\n<p>By using this option, the admin can establish the minimum number of options a user can select. If the limit is exceeded, you can configure an error message to be displayed as well as customize the message to your specific needs.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/minimum.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"338\" src=\"https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/minimum-1024x338.png\" alt=\"\" class=\"wp-image-997\" srcset=\"https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/minimum-1024x338.png 1024w, https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/minimum-300x99.png 300w, https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/minimum-768x253.png 768w, https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/minimum.png 1315w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/custom-error-message.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"469\" src=\"https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/custom-error-message-1024x469.png\" alt=\"\" class=\"wp-image-998\" srcset=\"https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/custom-error-message-1024x469.png 1024w, https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/custom-error-message-300x137.png 300w, https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/custom-error-message-768x352.png 768w, https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/custom-error-message-1536x704.png 1536w, https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/custom-error-message.png 1919w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">13. Maximum<\/h3>\n\n\n\n<p>By using this option, the admin can establish the maximum number of options a user can select. If the limit is exceeded, you can configure an error message to be displayed as well as customize the message to your specific needs.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/maximum.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"328\" src=\"https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/maximum-1024x328.png\" alt=\"\" class=\"wp-image-999\" srcset=\"https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/maximum-1024x328.png 1024w, https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/maximum-300x96.png 300w, https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/maximum-768x246.png 768w, https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/maximum.png 1311w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/custom-error-message-1.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"469\" src=\"https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/custom-error-message-1-1024x469.png\" alt=\"\" class=\"wp-image-1001\" srcset=\"https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/custom-error-message-1-1024x469.png 1024w, https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/custom-error-message-1-300x137.png 300w, https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/custom-error-message-1-768x352.png 768w, https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/custom-error-message-1-1536x704.png 1536w, https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/custom-error-message-1.png 1919w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p><strong>Disable if maximum selected:<\/strong><\/p>\n\n\n\n<p>Enabling this option allows the admin to disable certain options once a maximum number of selections has been reached. For example, if the maximum number of options allowed is 3, and the user selects 3 options, the remaining options will become disabled and cannot be selected. This option helps to prevent users from selecting more options than allowed and provides a better user experience by making it clear which options are available for selection.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/disabled-if-max-selected.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"358\" src=\"https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/disabled-if-max-selected-1024x358.png\" alt=\"\" class=\"wp-image-1005\" srcset=\"https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/disabled-if-max-selected-1024x358.png 1024w, https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/disabled-if-max-selected-300x105.png 300w, https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/disabled-if-max-selected-768x269.png 768w, https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/disabled-if-max-selected.png 1324w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/div>\n\n\n<h3 class=\"wp-block-heading\">14. Allow Other Option<\/h3>\n\n\n\n<p>Enabling the &#8220;Allow Other&#8221; option allows the user an additional option to enter a custom value that is not listed among the predefined choices.<\/p>\n\n\n\n<ol>\n<li><strong>Required Custom Input:&nbsp;<\/strong>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 &#8220;Custom Error Message&#8221; 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.<\/li>\n\n\n\n<li><strong>Input Placeholder:&nbsp;<\/strong>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.<\/li>\n<\/ol>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-3 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<div class=\"wp-block-cover aligncenter is-light\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim\"><\/span><video class=\"wp-block-cover__video-background intrinsic-ignore\" autoplay muted loop playsinline src=\"https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/other-option-ratio-field.mp4\" data-object-fit=\"cover\"><\/video><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<p class=\"has-text-align-center has-large-font-size\"><\/p>\n<\/div><\/div>\n<\/div>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\">15. UniqueEntry<\/h3>\n\n\n\n<p>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 &#8220;Custom Error Message&#8221; option, you have the flexibility to customize the error message according to your needs.<\/p>\n\n\n\n<ol>\n<li><strong>Adding Leading and Trailing Icons<\/strong>: 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.<\/li>\n<\/ol>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-4 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<div class=\"wp-block-cover aligncenter is-light\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim\"><\/span><video class=\"wp-block-cover__video-background intrinsic-ignore\" autoplay muted loop playsinline src=\"https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/unique-entry.mp4\" data-object-fit=\"cover\"><\/video><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<p class=\"has-text-align-center has-large-font-size\"><\/p>\n<\/div><\/div>\n<\/div>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\">16. Add\/Edit Options:<\/h3>\n\n\n\n<p>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.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-5 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-cover aligncenter is-light\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim\"><\/span><video class=\"wp-block-cover__video-background intrinsic-ignore\" autoplay muted loop playsinline src=\"https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/add-edit-options-1.mp4\" data-object-fit=\"cover\"><\/video><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<p class=\"has-text-align-center has-large-font-size\"><\/p>\n<\/div><\/div>\n<\/div><\/div>\n<\/div>\n<\/div>\n\n\n\n<h4 class=\"wp-block-heading\">Import Options<\/h4>\n\n\n\n<p>Now you can import options for the radio field. This feature allows you to import files from :<\/p>\n\n\n\n<p>\u26a1<strong><em>File Upload:<\/em><\/strong><\/p>\n\n\n\n<p>{&#8221; &#8220;}<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/import-file-upload.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"502\" src=\"https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/import-file-upload-1024x502.png\" alt=\"\" class=\"wp-image-1043\" srcset=\"https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/import-file-upload-1024x502.png 1024w, https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/import-file-upload-300x147.png 300w, https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/import-file-upload-768x377.png 768w, https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/import-file-upload-1536x753.png 1536w, https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/import-file-upload.png 1919w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/div>\n\n\n<ol>\n<li>For the file upload option you have to choose out of 6 file types-&nbsp;<code>txt<\/code>,&nbsp;<code>json<\/code>,&nbsp;<code>xls<\/code>,&nbsp;<code>xlsx<\/code>,&nbsp;<code>csv<\/code>,&nbsp;<code>tsv<\/code><\/li>\n\n\n\n<li>File types with separator &#8211;\n<ul>\n<li>\ud83d\udd30 txt file (comma, space, new line &amp; colon separated)<\/li>\n\n\n\n<li>\ud83d\udd30 json (array, object, array of object &amp; array of objects)<\/li>\n\n\n\n<li>\ud83d\udd30 xls &amp; xlsx (single &amp; multi sheet)<\/li>\n\n\n\n<li>\ud83d\udd30 csv &amp; tsv<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Import types are:\n<ul>\n<li>\u2714 Replace Previous Options<\/li>\n\n\n\n<li>\u2714 Merge with Previous Options<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n<p>\u26a1<strong><em>Presets:<\/em><\/strong><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/Drop-Down-Bit-Form3.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"427\" src=\"https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/Drop-Down-Bit-Form3-1024x427.png\" alt=\"\" class=\"wp-image-1061\" srcset=\"https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/Drop-Down-Bit-Form3-1024x427.png 1024w, https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/Drop-Down-Bit-Form3-300x125.png 300w, https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/Drop-Down-Bit-Form3-768x320.png 768w, https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/Drop-Down-Bit-Form3-1536x640.png 1536w, https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/Drop-Down-Bit-Form3.png 1911w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/div>\n\n\n<ol>\n<li>32 types of preset are available on the import option Some categories are-\n<ol>\n<li>Business\n<ul>\n<li>Industry Names<\/li>\n\n\n\n<li>Industries SIC<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>DateTime\n<ul>\n<li>Days<\/li>\n\n\n\n<li>Months<\/li>\n\n\n\n<li>Times<\/li>\n\n\n\n<li>Time zones<\/li>\n\n\n\n<li>Weekdays<\/li>\n\n\n\n<li>Years&nbsp;[2021 &#8211; 1921]<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>E-Commerce\n<ul>\n<li>163 Currencies<\/li>\n\n\n\n<li>Sizes<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Geographic\n<ul>\n<li>Continents<\/li>\n\n\n\n<li>249 Countries<\/li>\n\n\n\n<li>Counties&nbsp;[UK]<\/li>\n\n\n\n<li>Provinces&nbsp;[CA]<\/li>\n\n\n\n<li>States&nbsp;[AU, CA, IN]<\/li>\n\n\n\n<li>Divisions&nbsp;[BD]<\/li>\n\n\n\n<li>Union Territories&nbsp;[IN]<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Personal Status<\/li>\n\n\n\n<li>Survey<\/li>\n<\/ol>\n<\/li>\n\n\n\n<li>Import types are:\n<ul>\n<li>\u2714 Replace Previous Options<\/li>\n\n\n\n<li>\u2714 Merge with Previous Options<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n<p>\u26a1&nbsp;<strong><em>Post:<\/em><\/strong>&nbsp;You can show WordPress posts as a radio option.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/import-posts.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"495\" src=\"https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/import-posts-1024x495.png\" alt=\"\" class=\"wp-image-1073\" srcset=\"https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/import-posts-1024x495.png 1024w, https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/import-posts-300x145.png 300w, https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/import-posts-768x371.png 768w, https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/import-posts-1536x742.png 1536w, https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/import-posts.png 1919w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/div>\n\n\n<ol>\n<li>You can radio the option by&nbsp;<code>Filtering by post type<\/code> or filter<code> by post status<\/code>.<\/li>\n\n\n\n<li>Order the radio field option by the Post column name.<\/li>\n\n\n\n<li>All the data will be shown like &#8211;&nbsp;<code>Key<\/code>&nbsp;&amp;&nbsp;<code>Value<\/code>. The value option can be stored on the&nbsp;<strong><em>responses management<\/em><\/strong><\/li>\n<\/ol>\n\n\n\n<p>\u26a1&nbsp;<strong><em>Terms:<\/em><\/strong>&nbsp;You can set&nbsp;<code>tag<\/code>&nbsp;\/&nbsp;<code>Categories<\/code>&nbsp;as a Radio button option.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/import-terms.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"498\" src=\"https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/import-terms-1024x498.png\" alt=\"\" class=\"wp-image-1076\" srcset=\"https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/import-terms-1024x498.png 1024w, https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/import-terms-300x146.png 300w, https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/import-terms-768x374.png 768w, https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/import-terms-1536x748.png 1536w, https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/import-terms.png 1919w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<ol>\n<li>Filter the option by taxonomy. If the&nbsp;<strong><em>Use Post Taxonomy<\/em><\/strong>&nbsp;field is turned on then when the post is created it will add taxonomy automatically.<\/li>\n\n\n\n<li>You can order the radio field option by&nbsp;<code>Order by<\/code>&nbsp;&amp;&nbsp;<code>Order<\/code>.<\/li>\n\n\n\n<li>Set the&nbsp;<code>label<\/code>&nbsp;from the radio option.<\/li>\n<\/ol>\n\n\n\n<p>\u26a1&nbsp;<strong><em>User:<\/em><\/strong>&nbsp;You can set options of radio by the user information<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/import-users.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"494\" src=\"https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/import-users-1024x494.png\" alt=\"\" class=\"wp-image-1085\" srcset=\"https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/import-users-1024x494.png 1024w, https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/import-users-300x145.png 300w, https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/import-users-768x371.png 768w, https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/import-users-1536x741.png 1536w, https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/import-users.png 1919w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/div>\n\n\n<ol>\n<li>Filter the role of the user while choosing the options.<\/li>\n\n\n\n<li>You can order the radio field option following the user&#8217;s information column by&nbsp;<code>Order by<\/code>&nbsp;&amp;&nbsp;<code>Order<\/code>.<\/li>\n\n\n\n<li>Set the&nbsp;<code>label<\/code>&nbsp;from the radio option.<\/li>\n<\/ol>\n\n\n\n<p>\u26a1&nbsp;<strong><em>ACF Field Option:<\/em><\/strong>&nbsp;You can set options of radio by the ACF Field.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/import-acf-field.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"496\" src=\"https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/import-acf-field-1024x496.png\" alt=\"\" class=\"wp-image-1087\" srcset=\"https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/import-acf-field-1024x496.png 1024w, https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/import-acf-field-300x145.png 300w, https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/import-acf-field-768x372.png 768w, https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/import-acf-field-1536x744.png 1536w, https:\/\/bitapps.pro\/wp-content\/uploads\/2023\/06\/import-acf-field.png 1919w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/div>","protected":false},"excerpt":{"rendered":"<p>Bit Form &#8211; Checkbox field The Checkbox&nbsp;field contains multiple options set by the admin panel. It allows user to select single or multiple options by their choice. Users can check or uncheck from the listed options. Also having a checkbox in a form enables users to express the fact that they accept the conditions of [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":88702,"parent":811,"menu_order":6,"comment_status":"open","ping_status":"closed","template":"","doc_tag":[15],"doc_badge":[],"acf":[],"_links":{"self":[{"href":"https:\/\/bitapps.pro\/wp-json\/wp\/v2\/docs\/965"}],"collection":[{"href":"https:\/\/bitapps.pro\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/bitapps.pro\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/bitapps.pro\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bitapps.pro\/wp-json\/wp\/v2\/comments?post=965"}],"version-history":[{"count":0,"href":"https:\/\/bitapps.pro\/wp-json\/wp\/v2\/docs\/965\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/bitapps.pro\/wp-json\/wp\/v2\/docs\/811"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bitapps.pro\/wp-json\/wp\/v2\/media\/88702"}],"wp:attachment":[{"href":"https:\/\/bitapps.pro\/wp-json\/wp\/v2\/media?parent=965"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/bitapps.pro\/wp-json\/wp\/v2\/doc_tag?post=965"},{"taxonomy":"doc_badge","embeddable":true,"href":"https:\/\/bitapps.pro\/wp-json\/wp\/v2\/doc_badge?post=965"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}