{"id":13040,"date":"2020-03-02T11:43:00","date_gmt":"2020-03-02T02:43:00","guid":{"rendered":"https:\/\/www.eformsign.com\/en\/support\/?post_type=manual_kb&#038;p=13040"},"modified":"2020-03-02T11:43:14","modified_gmt":"2020-03-02T02:43:14","slug":"toggle","status":"publish","type":"manual_kb","link":"https:\/\/www.eformsign.com\/en\/support\/knowledgebase\/components\/toggle\/","title":{"rendered":"Using Components: Toggle"},"content":{"rendered":"\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" width=\"536\" height=\"216\" src=\"https:\/\/www.eformsign.com\/en\/support\/wp-content\/uploads\/sites\/6\/2020\/02\/sample-of-using-toggle-component.gif\" alt=\"\" class=\"wp-image-13042\" \/><figcaption>Example of using the toggle component<\/figcaption><\/figure><\/div>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2>What is it Used For?<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"727\" height=\"98\" src=\"https:\/\/www.eformsign.com\/en\/support\/wp-content\/uploads\/sites\/6\/2020\/02\/form-builder-components_toggle.png\" alt=\"\" class=\"wp-image-13043\" \/><\/figure>\n\n\n\n<p>This component is used for indicating a specific status such as ON\/OFF. If you use this component, then the input value is switched according to a defined order whenever the component is clicked.<\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2>Component Properties<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img src=\"https:\/\/www.eformsign.com\/en\/support\/wp-content\/uploads\/sites\/6\/2020\/02\/toggle-component-properties.png\" alt=\"\" class=\"wp-image-13044\" width=\"250\" \/><\/figure>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h4>\u2460 ID<\/h4>\n\n\n\n<p>Enters the ID of the toggle component (e.g. &#8216;checklist_4&#8217;).<\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h4>\u2461 Items<\/h4>\n\n\n\n<p>Enters the list of items that will be toggled whenever the toggle component is clicked. You can separate each item by pressing the &#8216;Enter&#8217; key.<\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h4>\u2462 Allow Empty Value<\/h4>\n\n\n\n<p>Checking this option allows you to clears the item displayed on the toggle component. When you select a toggle component, you can toggle to another item but cannot clear the item displayed on the component. However, by checking this option, you can clear the item displayed on the component as described below.<\/p>\n\n\n\n<ul><li>PC: Right-click on the component to display the pop-up menu and then select the &#8216;Initialize Input Data&#8217; menu.<\/li><li>Mobile: Click the trash can icon.<\/li><\/ul>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h4>\u2463 Tooltip Text<\/h4>\n\n\n\n<p>Displays the description in the tooltip text when you hover the mouse over an input field. <\/p>\n","protected":false},"author":2,"featured_media":0,"parent":12950,"menu_order":6,"template":"","manualknowledgebasecat":[63],"_links":{"self":[{"href":"https:\/\/www.eformsign.com\/en\/support\/wp-json\/wp\/v2\/manual_kb\/13040"}],"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":10,"href":"https:\/\/www.eformsign.com\/en\/support\/wp-json\/wp\/v2\/manual_kb\/13040\/revisions"}],"predecessor-version":[{"id":13222,"href":"https:\/\/www.eformsign.com\/en\/support\/wp-json\/wp\/v2\/manual_kb\/13040\/revisions\/13222"}],"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=13040"}],"wp:term":[{"taxonomy":"manualknowledgebasecat","embeddable":true,"href":"https:\/\/www.eformsign.com\/en\/support\/wp-json\/wp\/v2\/manualknowledgebasecat?post=13040"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}