Signature Element
The Signature Element adds a signature box on a COTG documents. These signatures are filled in via touch input, either with a finger or capacitive pen. Touching the signature box opens up a fullscreen box used to sign (generally more useful in Landscape mode depending on the device); confirming this dialog saves the data into the form. Signature data is transmitted in SVG plaintext format, which can be used directly within a Template by inserting it into the HTML via a text script.
Signature Element Properties:
- ID: A unique identifier for the inserted element. Used for CSS selections as well as JavaScript expressions affecting single elements.
- Class: One or more classes that can be common to more than one elements. Used for CSS selections and JavaScript expressions that can affect multiple elements.
- Label: Enter the text that is displayed adjacent to the field, indicating to the expected information from the web page visitor.
- Style: Defines how labels
are added to input form elements:
- Wrap input with label: The label is wrapped around the element, such as <label>First Name <input type="text" name="first_name"></label>
- Attach label to input: The label is placed before the input, and refers to it: <label for="first_name">First Name</label> <input type="text" name="first_name">
- No label: The label value is ignored.
- Insertion Point: Defines how new elements are inserted, by default:
- At cursor position: The element is inserted where the cursor is located in the template.
- Before element: The element is inserted before the current element where the cursor is located. For example if the cursor is within a paragraph, insertion occurs before the <p> tag.
- After start tag: The element is inserted within the current element, at the beginning, just after the start tag.
- Before end tag: The element is inserted within the current element, at the end, just before the end tag.
- After element: The element is inserted after the current element where the cursor is located. For example if the cursor is within a paragraph, insertion occurs after the <p> tag.
- Elements: Use the drop-down to select which element is used for the insertion location. The list displays every element in the breadcrumbs, from the current selection point until the root of the body.