{"id":12950,"date":"2020-03-02T11:16:14","date_gmt":"2020-03-02T02:16:14","guid":{"rendered":"https:\/\/www.eformsign.com\/en\/support\/?post_type=manual_kb&#038;p=12950"},"modified":"2020-04-06T16:42:38","modified_gmt":"2020-04-06T07:42:38","slug":"components","status":"publish","type":"manual_kb","link":"https:\/\/www.eformsign.com\/en\/support\/knowledgebase\/components\/","title":{"rendered":"Using Components: What is a Component?"},"content":{"rendered":"\n<h2>Component = input field<\/h2>\n\n\n\n<p>A component in the form builder provides an input field where users can enter information in an e-document. There are various types of components such as signature, check, date, and text. Each component can be set in detail through the Component Properties window.<\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2>Types of Components<\/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\/01\/oz-in-excel-components.png\" alt=\"\" class=\"wp-image-12951\" width=\"500\" \/><\/figure>\n\n\n\n<ul><li><a href=\"https:\/\/www.eformsign.com\/en\/support\/knowledgebase\/components\/check\/\">Check<\/a>: Ticks a checkbox.<\/li><li><a href=\"https:\/\/www.eformsign.com\/en\/support\/knowledgebase\/components\/radio\/\">Radio<\/a>: Selects an item among multiple items (can also be set to select multiple items).<\/li><li><a href=\"https:\/\/www.eformsign.com\/en\/support\/knowledgebase\/components\/text-multiline\/\">Text<\/a>: Enters short text (usually 1 to 2 words).<\/li><li><a href=\"https:\/\/www.eformsign.com\/en\/support\/knowledgebase\/components\/text-multiline\/\">Multiline<\/a>: Enters long text with multiple lines.<\/li><li><a href=\"https:\/\/www.eformsign.com\/en\/support\/knowledgebase\/components\/combo\/\">Combo<\/a>: Displays a drop-down menu that allows you to select an item.<\/li><li><a href=\"https:\/\/www.eformsign.com\/en\/support\/knowledgebase\/components\/datetime\/\">Datetime<\/a>: Enters a specific date.<\/li><li><a href=\"https:\/\/www.eformsign.com\/en\/support\/knowledgebase\/components\/numeric\/\">Numeric<\/a>: Enters a number.<\/li><li><a href=\"https:\/\/www.eformsign.com\/en\/support\/knowledgebase\/components\/toggle\/\">Toggle<\/a>: Switches to another value if two or more values are entered.<\/li><li><a href=\"https:\/\/www.eformsign.com\/en\/support\/knowledgebase\/components\/signature\/\">Signature<\/a>: Enters a signature.<\/li><li><a href=\"https:\/\/www.eformsign.com\/en\/support\/knowledgebase\/components\/camera\/\">Camera<\/a>: Takes a photo using a camera or selects a photo from an album in devices connected to a camera (e.g. smartphone, tablet, etc.). Selects an image file in devices without a camera (e.g. desktop PC).<\/li><li>Voice: Records audio in devices with a voice recording function.<\/li><li><a href=\"https:\/\/www.eformsign.com\/en\/support\/knowledgebase\/components\/attachment\/\">Attachment<\/a>: Attaches a file.<\/li><li><a href=\"https:\/\/www.eformsign.com\/en\/support\/knowledgebase\/components\/user\/\">User<\/a>: Enters information of the document user.<\/li><li><a href=\"https:\/\/www.eformsign.com\/en\/support\/knowledgebase\/components\/date\/\">Date<\/a>: Enters the date in which the document is created or modified.<\/li><li><a href=\"https:\/\/www.eformsign.com\/en\/support\/knowledgebase\/components\/document\/\">Document<\/a>: Enters the document number or ID in the document itself.<\/li><\/ul>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2>Properties<\/h2>\n\n\n\n<p>All components have their own &#8216;Properties&#8217; tab for detail settings. You can click the Properties icon or the Properties menu to open the tab.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" width=\"1244\" height=\"628\" src=\"https:\/\/www.eformsign.com\/en\/support\/wp-content\/uploads\/sites\/6\/2020\/01\/checking-components-properties.png\" alt=\"\" class=\"wp-image-12953\" \/><\/figure><\/div>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p style=\"background-color:#0e73c3\" class=\"has-text-color has-background has-normal-font-size has-very-light-gray-color\"><strong>[Tip] Enter the ID of the component in the Properties tab<\/strong><br>All components must have a unique ID. An ID is automatically generated when a component is added. However, it is recommended to change the ID to one that is easy to read. For example, the ID of a component where names such as John Doe, Jane Doe, etc. can be named &#8216;personName&#8217;.<\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2>Adding a Component<\/h2>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h4>Adding a component in Excel<\/h4>\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\/01\/adding-components-in-excel.gif\" alt=\"\" class=\"wp-image-12954\" width=\"500\" \/><\/figure>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<ol><li>Go to the OZ in Excel menu. <\/li><li>Select a cell to add a component.<\/li><li>Click on the desired component (Text, Check, Datetime, etc.).<\/li><li>Check that the component is added.<\/li><\/ol>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h4>Adding a Component in Word and PowerPoint<\/h4>\n\n\n\n<p><strong>Method 1: Clicking a component<\/strong><\/p>\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\/01\/adding-components-in-word.gif\" alt=\"\" class=\"wp-image-12955\" width=\"500\" \/><\/figure>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<ol><li>Go to the OZ in Word\/PowerPoint menu.<\/li><li>Select the area where the component will be added.<\/li><li>Click on the desired component.<\/li><li>Resize the component.<\/li><\/ol>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><strong>Method 2: Drawing a component<\/strong><\/p>\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\/01\/drawing-components-in-word.gif\" alt=\"\" class=\"wp-image-12957\" width=\"500\" \/><\/figure>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<ol><li>Go to the OZ in Word\/PowerPoint menu.<\/li><li>Click on the &#8216;Drawing Component&#8217; icon&#8217;.<\/li><li>Select the component you want in the drop-down menu.<\/li><li>Add the component in the area and size you want.<\/li><\/ol>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2>Deleting a Component<\/h2>\n\n\n\n<ol><li>Select a component (can select multiple components).<\/li><li>Click the &#8216;Delete&#8217; icon in the OZ in Office menu.<\/li><li>Check that the component has been deleted.<\/li><\/ol>\n\n\n\n<p><\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"template":"","manualknowledgebasecat":[63],"_links":{"self":[{"href":"https:\/\/www.eformsign.com\/en\/support\/wp-json\/wp\/v2\/manual_kb\/12950"}],"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":13,"href":"https:\/\/www.eformsign.com\/en\/support\/wp-json\/wp\/v2\/manual_kb\/12950\/revisions"}],"predecessor-version":[{"id":13280,"href":"https:\/\/www.eformsign.com\/en\/support\/wp-json\/wp\/v2\/manual_kb\/12950\/revisions\/13280"}],"wp:attachment":[{"href":"https:\/\/www.eformsign.com\/en\/support\/wp-json\/wp\/v2\/media?parent=12950"}],"wp:term":[{"taxonomy":"manualknowledgebasecat","embeddable":true,"href":"https:\/\/www.eformsign.com\/en\/support\/wp-json\/wp\/v2\/manualknowledgebasecat?post=12950"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}