{"id":13035,"date":"2020-03-02T11:41:00","date_gmt":"2020-03-02T02:41:00","guid":{"rendered":"https:\/\/www.eformsign.com\/en\/support\/?post_type=manual_kb&#038;p=13035"},"modified":"2020-03-02T11:41:43","modified_gmt":"2020-03-02T02:41:43","slug":"numeric","status":"publish","type":"manual_kb","link":"https:\/\/www.eformsign.com\/en\/support\/knowledgebase\/components\/numeric\/","title":{"rendered":"Using Components: Numeric"},"content":{"rendered":"\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" width=\"218\" height=\"74\" src=\"https:\/\/www.eformsign.com\/en\/support\/wp-content\/uploads\/sites\/6\/2020\/02\/sample-of-using-numeric-component.gif\" alt=\"\" class=\"wp-image-13036\" \/><figcaption>Example of using the numeric 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_numeric.png\" alt=\"\" class=\"wp-image-13037\" \/><\/figure>\n\n\n\n<p>This component is used for entering a number. Hovering over the component displays two arrows on the right, and you can increase or decrease the number by clicking them. In PCs, you can directly enter the desired number into the component by using a keyboard. In smartphones and tablets, you can scroll through the list of numbers and select the one you want.<\/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\/number-component-properties.png\" alt=\"\" class=\"wp-image-13038\" 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 numeric component (e.g. the ID of the component for entering the number of people in a reservation can be named &#8216;peopleCount&#8217;).<\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h4>\u2461 Unit of Change<\/h4>\n\n\n\n<p>Enters the unit of number that will increase\/decrease the number whenever the up\/down arrow icon is clicked. For example, if the &#8216;Unit of Change&#8217; is set to 100, then when you click the up arrow icon (\u25b2), the number is increased by 100 such as 200, 300, 400, and so on. <\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h4>\u2462 Minimum\/Maximum Value<\/h4>\n\n\n\n<p>Sets the range of numbers that can be entered into the component by specifying the minimum and maximum values (e.g. for the date of birth, setting the minimum value to 1900, maximum value to the current year, and the unit of change to 1). Also, if you enter a value that is lower\/higher than the minimum\/maximum value, then the minimum\/maximum value will be automatically entered (e.g. if the maximum value is set to 100 and you enter 101, then the number will automatically change to 100).<\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h4>\u2463 Allow Empty Value<\/h4>\n\n\n\n<p>Checking the &#8216;Allow Empty Value&#8217; option allows you to clear the number displayed on the numeric component.  After entering a number in a numeric component, you can change the number again, but cannot clear the number. However, by checking this option, you can clear the number 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>\u2464 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\/13035"}],"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":11,"href":"https:\/\/www.eformsign.com\/en\/support\/wp-json\/wp\/v2\/manual_kb\/13035\/revisions"}],"predecessor-version":[{"id":13221,"href":"https:\/\/www.eformsign.com\/en\/support\/wp-json\/wp\/v2\/manual_kb\/13035\/revisions\/13221"}],"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=13035"}],"wp:term":[{"taxonomy":"manualknowledgebasecat","embeddable":true,"href":"https:\/\/www.eformsign.com\/en\/support\/wp-json\/wp\/v2\/manualknowledgebasecat?post=13035"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}