...
Please see the following figure for more information.
Figure | Description |
---|
Image RemovedImage Added | - Standard menu bar
- on the very left side, by default collapsed.
Menu items have been explained in the first chapters of the Application Reference - WebUI.
- The Recipients List
- Form Field Elements
- Predefined (static value) Fields
- The main editor
- The page preview section (on the right side)
- Wizard Navigation Bar (bottom)
Properties Panel to configure element properties; visible only when an element is selected and in property-editor mode. |
...
There is a couple of properties which can be defined on any interactive element that can be placed on a document:
Image RemovedImage Added
The assignment of an element to a recipient defines which recipient is allowed to, or must, fill an element as part of fulfilling the (signing) activity. An element can be assigned to one (or no) recipient. Only recipients of type "signer" (with or without having signature fields) are eligible in the recipients selection (with an exception - "Automatic Signing Activities" can be selected on signature fields, see below). If a field is not assigned to any recipient, only the default value will be shown to all signers (and other recipients), but nobody will be able to interact with the element or change its value. When changing the recipient using the drop down list, both the color indicator of the properties panel and the color of the element in the main panel will automatically change to the color indicator of the recipient (also visible e.g. in the recipients panel).
...
General | Advanced |
---|
- Required
- Read-only
- when this property is checked the user cannot edit the value.
- Id
- a (technical) field identifier which is typically used when the form values should be processed automatically after signing. Its use typically depends on integration scenarios.
The control supports copying the value directly to the Windows clipboardbrowser session storage, by pressing the "copy" icon (Image Removed).Image Added).
Info |
---|
Please note that if the Id is copied to another field it will be a "clone" of the original one. Additionally the following message will appear after assigning the Id to another field: Another Element with this Id has been found, all settings of it will be copied. Later changes will be applied to all elements with this Id. Do you wish to proceed? |
- New value
- the initial value of the textfield element can be defined. This value will be shown to the recipients already before editing the value.
| - Font family
- The font family defines which font should be used for rendering the text in the web browser, and also be used for filling form elements in the PDF. Keep in mind when working with languages that require usage of Unicode characters, that the font installed on the server must also support the entire (used) unicode charset - otherwise the entire text or some characters will be represented using replacement characters.
- Font size, text color, text alignment
- Multi-line
- Password
- the field behaves as a password field, which implies that the value entered by the recipient (or prefilled) is not readable but showing masked password input instead
- Character limit (0= no limit)
- Define a maximum text input length
|
...
- None
- Date
- Format
- Minimum value
- Maximum value
- Email
- Number
- Decimal Places
- Symbol
- Symbol location
- Group Separator
- Decimal Separator
- Minimum value
- Maximum value
- Phone
- Phone type
- international
- international leading zeros
- international leading plus
- Time
- Format
- Minimum value
- Maximum value
Image RemovedImage Added
Please see the following sample for date validation:
Input validation | Result |
---|
| Image Added |
Signature
For information about how to sign the different signature types please have a look at the Signer Guide.
...
If the sender allows just one signature type, the signature type will be automatically selected when a recipient later-on clicks on the signature field. When allowing multiple signature types, the sender is allowing the recipient to select one of the allowed signature types. The sender can in addition define, by marking the "star" icon (Image RemovedImage Added), a preferred signature type which is then automatically preselected for the recipient.
...
- Signature fields can be assigned also to "Automatic Signing Activities", making the automatic signatures visible on the document
- Required
- Custom Signature Image (feature flag necessary: "ExternalSignatureImage"
- This allows signers to upload their picture (custom signature picture) and add it as additional graphics to the stamp imprint. Furthermore the signer can store the signature image which a gallery for later usage.
- By enabling the "Custom Signature Image" checkbox, the sender can allow (or enforce) that the signer is uploading an additional image to be shown in the signature field. Such custom signature images can be used to ask for placing a company stamp picture, or to insert Hanko stamps. See Story: Using external signature images for additional use case details. Note that the global setting here sets and overrules the signature-type specific settings, as this property can also be defined on a per-signature-type level in the Advanced tab.
- Batch Signature
With the "Batch Signature" checkbox enabled, it makes the signature field a member of a batch of several signature fields. Signatures being member of a batch can be signed all at once if the signer prefers, but allow the signer also to sign them one by one. When the batch signing option is enabled, the sender can distinguish between different batch signing behavior:
- Simple Batch
where the signer just knows how many signature fields are signed as part of the batch - Signature List (unselected)
where a list of all signature fields (document name and page number, or signature field label) are displayed in a list of checkboxes; the user needs to select those which should be signed as part of the batch (opt-in) - Signature List (preselected)
where a list of all signature fields (document name and page number, or signature field label) are displayed in a list of checkboxes; the user can deselect those which she/he doesn't want to sign as part of the batch (opt-out) - Signature List (selected, required mandatory)
Like "preselected", but without an option to uncheck the "mandatory signature fields) - Signature List (unselected, required mandatory)
Like "unselected", but mandators signature fields still preselected and without an option to uncheck the mandatory signature fields
The signature field, in the designer page's main editor, is represented by a different icon when the signature field is member of a batch:
Signature Field in standard representation | Signature Field allowing batch signing |
---|
| Image Added |
Following options available for all signature types
...
- DisposableCertificate
- SwissComOnDemand
- RemoteCertificate
- OneTimePassword
Image RemovedImage Added
ClickToSign
Info |
---|
Please note: The additional setting for using qualified timestamp server is not available for this signature type. There is neither an no additional configuration (setting) nor a feature flag needed for this signature type. |
...
Info |
---|
Following feature flag is necessary: SwissComOnDemandCertificate
Before starting the envelope please see the following configurations which are needed in order to send a SwissCom On Demand Certificate. Figure | Configuration |
---|
Image RemovedImage Added | - Authentication certificate
- Customer key
- Name pattern
|
Info |
---|
| Please see the following sample name pattern (can differ in other use cases): Please also note that the name patterns are case sensitive! cn=TEST ##ReceiverFirstName## ##ReceiverLastName##\n##ReceiverLastName##, givenname=##ReceiverFirstName##, surname\nsurname=##ReceiverLastName##, c=##country##, emailaddress\nemailaddress=##ReceiverEmail##
If an evidenceId is needed add it to the pattern like it is shown in the next sample and enable the checkbox "Determine and set Swisscom On-Demand Certificate 'Evidence ID' automatically: cn=TEST ##ReceiverFirstName## ##ReceiverLastName##\n##ReceiverLastName##, givenname=##ReceiverFirstName##, surname\nsurname=##ReceiverLastName##, c=##country##, emailaddress\nemailaddress=##ReceiverEmail## , serialNumber=##EvidenceId##
|
After setting the organization configuration you can start with the envelope. Please do not forget to add the following data which is necessary to use the SwissCom On Demand Certificate: Figure | Configuration |
---|
Image RemovedImage Added | - Mobile phone
- Country of residence
- Organization (optional)
|
|
...
Another option allows the sender to define that only the validation response (which includes the validation score obtained from biometric server) should be stored in the signed PDF, instead of storing the entire biometric data. In this case, the document itself does not store the data required for a forensic examination of the handwritten signature, but legal considerations may result in preferring that option, in some countries.
Image RemovedImage Added
Info |
---|
Following feature flag is necessary: BiometricSignature |
For the biometric signature you can additionally configure following setting:
Image RemovedImage Added
- positioning
- intersects with field
- withinField
- onPage
...
Info |
---|
Please see the following configuration available for local certificate signature: Figure | Configuration |
---|
Image RemovedImage Added | With the local certificate setting you can validate the recipient and certificate holder name enable signing certificate filter on intended use and enable the certificate root CA verification with EUTL.
|
|
...
If the user has a long lived certificate you can use the Digital Remote Signature option. You can configure the User Id and the Device Id. If not configured the signer must provide those information:
Image RemovedImage Added
Disposable Certificate
...
Please see the following configuration for the disposable certificate (those settings can be found in the organization settings)
Figure | Configuration |
---|
Image Modified | Before you can send a disposable certificate you have to fill in some dates. First, in your organization settings and then if you send the envelope. The next figure shows you the configurations which has to be done before sending the envelope. There are three checkboxes available: - Use lean disposable (Has to be enabled, except there is a clear reason against it)
Note: There are differences in the validation rules between "regular" disposable and "lean disposable". - choose between the lean disposable with validity of 60 min or with validity of 30 days
- Show disclaimer before certificate request (to ensure that certificates are issued only with consent of the holder; but might be substituted with other process constraints which address the legal requirement)
- Send disposable disclaimer document emails (might be required in fulfillment of obligations of the LRA contract, unless other delivery methods ensure delivery of the certificate request form)
|
After the configuration in the organization settings you also have to fill in the disposable data for the recipient. Please see the next figure:
Figure | Configuration |
---|
Image RemovedImage Added | - Document type
- Identity card
- Driver license
- Passport
- Document number
- Document issued on
- Document issued by
- Document expiry date
- Identification Issuing Country
- Identification type
- Tax Code
- National unique number
- Passport
- Identity card
- Driving license
- Identification Number
- Mobile phone
- Country of residence
|
...
Following configuration (optional) can be set before sending the envelope with a SMS-OTP signature: You can either set the phone number for the signer or not. To set the phone number just add in the following space on the create envelope page. If you do not set the phone number, the signer has to fill in his/her phone number:
Image RemovedImage Added
Automatic Remote Signature
...
User must have enabled the option “Allow automatic eSealing” to use the automatic remote signatures / eSealing within a workflow.
Image AddedImage Removed
| - Enable automatic eSealing for the user
|
...
In the eSAW UI you can add an automatic signer / eSealing via button in the recipient list “Add Automatic”. Then the profile must be selected for the automatic signature / eSealing. Attention: the power user must have the right “Allow automatic eSealing” enabled (see “Settings” > “Users”).
Image RemovedImage Added | - Add automatic
|
Generic Signing Plugin
...
Additionally you can find the following advanced settings:
- Select in Unison
- Toggle to Off
- When multiple radio buttons of a group have the same export value and one of this duplicate export value is selected, all radio buttons of the group with the same export value get selected
Image AddedImage Removed
Checkbox
General |
---|
- Required
- Read-only
- when this property is checked the user cannot edit the value.
- Id
- a (technical) field identifier which is typically used when the form values should be processed automatically after signing. Its use typically depends on integration scenarios.
The control supports copying the value directly to the Windows clipboard, by pressing the "copy" icon (Image Removed).
- Export value
- An "export value", which is the meaning assigned to the checkbox when it is checked. Using this field might be indicated when form values should be processed automatically after signing. Its use typically depends on integration scenarios.
- Deselected
- The initial value of the checkbox element; while the label automatically changes between "Deselected" and "Selected" in the current implementation to reflect its current state.
|
...
General | Advanced |
---|
- Required
- Read-only
- when this property is checked the user cannot edit the value.
- Id
- a (technical) field identifier which is typically used when the form values should be processed automatically after signing. Its use typically depends on integration scenarios.
The control supports copying the value directly to the Windows clipboard, by pressing the "copy" icon (Image Removed).
- Multiple selection
- Display name
- Export value
- List of options
| - Font family
- The font family defines which font should be used for rendering the text in the web browser, and also be used for filling form elements in the PDF. Keep in mind when working with languages that require usage of Unicode characters, that the font installed on the server must also support the entire (used) unicode charset - otherwise the entire text or some characters will be represented using replacement characters.
- Font size, text color
|
...
General | Advanced |
---|
- Required
- Read-only
- when this property is checked the user cannot edit the value.
- Id
- a (technical) field identifier which is typically used when the form values should be processed automatically after signing. Its use typically depends on integration scenarios.
The control supports copying the value directly to the Windows clipboard, by pressing the "copy" icon (Image Removed).
- Editable
- Display name
- Export value
- List of options
| - Font family
- The font family defines which font should be used for rendering the text in the web browser, and also be used for filling form elements in the PDF. Keep in mind when working with languages that require usage of Unicode characters, that the font installed on the server must also support the entire (used) unicode charset - otherwise the entire text or some characters will be represented using replacement characters.
- Font size, text color
|
...
- Attachment icon
- Either enable or disable to set a custom file name and if enabled enter a file name
Image RemovedImage Added
Read Confirmation
...
General |
---|
- Required
- Id
- a (technical) field identifier which is typically used when the form values should be processed automatically after signing. Its use typically depends on integration scenarios.
The control supports copying the value directly to the Windows clipboard, by pressing the "copy" icon (Image Removed).
- Label
|
Please also see the next figure for reading confirmation just for a specific area:
Image RemovedImage Added
Figure | Description |
---|
Image RemovedImage Added | - Reading confirmation for the page
- Reading confirmation for the document
|
If the field is selected as required the recipient must then confirm that he/she has read the selected area.
Image RemovedImage Added
Link
Please note the following general settings which are available to configure a link:
General |
---|
- Id
- a (technical) field identifier which is typically used when the form values should be processed automatically after signing. Its use typically depends on integration scenarios.
The control supports copying the value directly to the Windows clipboard, by pressing the "copy" icon (Image Removed).
- Insert URL
- Enter the URL here to which the recipient should be redirected when clicking on it.
|
With the link form field it is possible to add hyperlinks to the document. This allows the recipient to just click on the link to navigate to linked pages.
Image RemovedImage Added
Predefined (static value) Fields
...
- EmailFields
- InitialsFields
- GivenNameFields
- SurnameFields
- FullNameFields
- DateFields
- Static Text
Image RemovedImage Added
The value of a predefined field will be inserted automatically at the time when the recipient, to whom a predefined field was assigned, is opening the activity. On predefined fields, only the recipient can be selected. Different to other form elements, it is not possible to set a predefined field "mandatory" as the value anyhow is filled automatically. Following predefined fields can be used:
...
General |
---|
- Id
- a (technical) field identifier which is typically used when the form values should be processed automatically after signing. Its use typically depends on integration scenarios.
The control supports copying the value directly to the Windows clipboard, by pressing the "copy" icon (Image Removed).
- New value
- Add the text which should be displayed on the document
|
...
- No sequence enforced
- allow form filling in any order independent if they the tasks are required or optional.
- The signer can at any time switch between the different form fields and signature fields on the page, until he finishes the activity.
- Sequence required tasks
- optional tasks - allow form filling in any order for
- required tasks - form filling must be in the given order
- The signer must follow the defined sequence for the form elements marked as "required".
- The signer can at any time decisde to insert any value in an optional form field, until he finishes the activity.
Sequence enforced - enforce sequence for all tasks- optional and required tasks must be filled in in the configured order
- The signer must follow the defined sequence for all form elements.
- Optional fields get enabled according to the sequence, once their predecessing required field was completed.
- In between optional fields, until the next "required" field was filled, the signer can freely choose the sequence.
- The signer can of course skip optional fields, but if he proceeds with the next required field the former optional fields cannot be changed any more.
...
- TextBoxes
- CheckBoxes
- ComboBoxes
- RadioButtons
- ListBoxes
- Signatures
- Attachments
- AreaReadConfirmations
- PageReadConfirmations
- Image RemovedImage Added
Main Editor
What-you-see-is-what-you-get (WYSIWYG) editor to place form elements, re-arrange and resize them. Elements can be added on the document by dragging them from the Elements Toolbox and placing it directly at the target location. After adding the element to the document, when moving the mouse over the element on the document, an in-place action menu up shows up:
Image RemovedImage Added
The in-place action menu provides following actions:
...
Re-arranging elements on the page can again be done by Drag&Drop. While re-arranging elements, rulers which are automatically appearing during the re-arranging help to align controls precisely:
Image RemovedImage Added
Elements can be resized with a Drag&Drop interaction on the lower-right corner (where it is indicated using the resize-corner icon). Note that elements that had been embedded as AcroForm Elements on the PDF cannot be resized.
...
On devices without touch capabilities, the user can open the properties panel by selecting (clicking) an element in the Main Editor area. On tablet PCs (or in general on devices with touch input), the user must click on the cogwheel icon on an element's adhoc menu to open the properties panel. The color of the property panel is indicating to which recipient an element is assigned. The recipient colors used in the recipients list, and also used for the elements in the main editor, are reflected in the colors of the properties panel. When the properties panel is open, the user can change settings, but needs to confirm or cancel the properties panel using one of the two buttons at the bottom of the properties panel, before other UI changes (e.g. arranging of elements) can be done in the UI:
Image Removed
Image Added