{"id":12998,"date":"2020-03-02T11:30:00","date_gmt":"2020-03-02T02:30:00","guid":{"rendered":"https:\/\/www.eformsign.com\/en\/support\/?post_type=manual_kb&p=12998"},"modified":"2020-03-02T11:31:51","modified_gmt":"2020-03-02T02:31:51","slug":"radio","status":"publish","type":"manual_kb","link":"https:\/\/www.eformsign.com\/en\/support\/knowledgebase\/components\/radio\/","title":{"rendered":"Using Components: Radio"},"content":{"rendered":"\n
\"\"
Example of using the radio component<\/figcaption><\/figure><\/div>\n\n\n\n
<\/div>\n\n\n\n

What is it Used For?<\/h2>\n\n\n\n
\"\"<\/figure>\n\n\n\n
<\/div>\n\n\n\n

The radio component is used for checking which radio button is selected among multiple radio buttons.<\/span> When data is downloaded in CSV format, the selected radio button will be displayed. <\/p>\n\n\n\n

In the example above, if ‘Mrs’ is selected, then data is stored as ‘Mrs’.<\/p>\n\n\n\n

* What’s the difference between the ‘checkbox’ and the ‘radio button’?
The checkbox<\/a> is used for checking the status of an item (whether it is checked or not), and the radio button is used for checking which among the multiple items is selected.
[Using Components: Check<\/a>]<\/p>\n\n\n\n

<\/div>\n\n\n\n

[Tip] Entering data inside the component<\/strong>
In Word and PowerPoint, the radio component is shown as a rectangular shape. Make sure to enter data inside<\/span><\/strong> the rectangular shape. This is because if you place a component over the information already entered, then the two will overlap with each other.<\/p>\n\n\n\n

<\/div>\n\n\n\n

Component Properties<\/h2>\n\n\n\n
\"\"<\/figure>\n\n\n\n
<\/div>\n\n\n\n

\u2460 ID<\/h4>\n\n\n\n

In Component Properties, make sure that all the selected radio buttons are assigned the same ID<\/span>. For example, if there are six radio buttons (Mr, Mrs, Miss, Ms, Dr (Male), Dr (Female), then they must all have the same ID.<\/p>\n\n\n\n

\"\"
In the above example, all selected buttons have the same ID, ‘Title’.<\/figcaption><\/figure>\n\n\n\n
<\/div>\n\n\n\n

\u2461 Style<\/h4>\n\n\n\n

You can choose the style of the radio button component in Component Properties. The default style is the red circle, and you can change it to another style (checkbox and radio button).<\/p>\n\n\n\n

\"\"
Three different styles: checkbox, radio, and red circle<\/figcaption><\/figure>\n\n\n\n
<\/div>\n\n\n\n

\u2462 Multi-selectable<\/h4>\n\n\n\n

Checking the ‘Multi-selectable’ option allows you to select multiple items. If you select more than one item, then when data is saved, each item is separated with a comma (,).<\/p>\n\n\n\n

<\/div>\n\n\n\n

\u2463 Uncheckable<\/h4>\n\n\n\n

Checking the ‘Uncheckable’ option allows you to deselect a selected item by clicking it again.<\/p>\n\n\n\n

<\/div>\n\n\n\n

\u2464 Tooltip Text<\/h4>\n\n\n\n

Displays the description in the tooltip text when you hover the mouse over an input field. <\/p>\n\n\n\n

<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":12950,"menu_order":2,"template":"","manualknowledgebasecat":[63],"_links":{"self":[{"href":"https:\/\/www.eformsign.com\/en\/support\/wp-json\/wp\/v2\/manual_kb\/12998"}],"collection":[{"href":"https:\/\/www.eformsign.com\/en\/support\/wp-json\/wp\/v2\/manual_kb"}],"about":[{"href":"https:\/\/www.eformsign.com\/en\/support\/wp-json\/wp\/v2\/types\/manual_kb"}],"author":[{"embeddable":true,"href":"https:\/\/www.eformsign.com\/en\/support\/wp-json\/wp\/v2\/users\/2"}],"version-history":[{"count":16,"href":"https:\/\/www.eformsign.com\/en\/support\/wp-json\/wp\/v2\/manual_kb\/12998\/revisions"}],"predecessor-version":[{"id":13240,"href":"https:\/\/www.eformsign.com\/en\/support\/wp-json\/wp\/v2\/manual_kb\/12998\/revisions\/13240"}],"up":[{"embeddable":true,"href":"https:\/\/www.eformsign.com\/en\/support\/wp-json\/wp\/v2\/manual_kb\/12950"}],"wp:attachment":[{"href":"https:\/\/www.eformsign.com\/en\/support\/wp-json\/wp\/v2\/media?parent=12998"}],"wp:term":[{"taxonomy":"manualknowledgebasecat","embeddable":true,"href":"https:\/\/www.eformsign.com\/en\/support\/wp-json\/wp\/v2\/manualknowledgebasecat?post=12998"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}