{"id":13024,"date":"2020-03-02T11:38:55","date_gmt":"2020-03-02T02:38:55","guid":{"rendered":"https:\/\/www.eformsign.com\/en\/support\/?post_type=manual_kb&#038;p=13024"},"modified":"2020-03-02T11:38:59","modified_gmt":"2020-03-02T02:38:59","slug":"combo","status":"publish","type":"manual_kb","link":"https:\/\/www.eformsign.com\/en\/support\/knowledgebase\/components\/combo\/","title":{"rendered":"Using Components: Combo"},"content":{"rendered":"\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" width=\"361\" height=\"159\" src=\"https:\/\/www.eformsign.com\/en\/support\/wp-content\/uploads\/sites\/6\/2020\/02\/sample-of-using-combo-component.gif\" alt=\"\" class=\"wp-image-13025\" \/><figcaption> Example of using the combo component<\/figcaption><\/figure><\/div>\n\n\n\n<div style=\"height:100px\" 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_combo.png\" alt=\"\" class=\"wp-image-13026\" \/><\/figure>\n\n\n\n<p>This component is used for selecting an item among multiple items. Clicking the component displays the list of items to select from.<\/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\/combo-component-properties.png\" alt=\"\" class=\"wp-image-13027\" 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 Combo component (e.g. the ID of the component for selecting your favourite colour can be named &#8216;favouriteColor).<\/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>Selects the items to be listed. You can separate each item by pressing the \u2018Enter\u2019 key. <\/p>\n\n\n\n<p style=\"background-color:#0e73c3\" class=\"has-text-color has-background has-very-light-gray-color\"><strong>[Tip] How to get the component to display &#8216;Select&#8217;<\/strong><br><img loading=\"lazy\" width=\"684\" height=\"447\" class=\"wp-image-13028\" style=\"width: 500px\" src=\"https:\/\/www.eformsign.com\/en\/support\/wp-content\/uploads\/sites\/6\/2020\/02\/combo-placeholder.png\" alt=\"\"><br>Type in &#8216;Select&#8217; at the very top of the &#8216;Items&#8217; field and select the &#8216;Select&#8217; item in the component.<\/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 the &#8216;Allow Empty Value&#8217; option allows you to clear the item displayed on the Combo component. By checking the \u2018Allow Empty Value\u2019 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 \u2018Initialize Input Data\u2019 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":4,"template":"","manualknowledgebasecat":[63],"_links":{"self":[{"href":"https:\/\/www.eformsign.com\/en\/support\/wp-json\/wp\/v2\/manual_kb\/13024"}],"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\/13024\/revisions"}],"predecessor-version":[{"id":13250,"href":"https:\/\/www.eformsign.com\/en\/support\/wp-json\/wp\/v2\/manual_kb\/13024\/revisions\/13250"}],"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=13024"}],"wp:term":[{"taxonomy":"manualknowledgebasecat","embeddable":true,"href":"https:\/\/www.eformsign.com\/en\/support\/wp-json\/wp\/v2\/manualknowledgebasecat?post=13024"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}