Frameworks
Integrations
Mendix
SharePoint
Default UI
Modular UI
AnnotationManager
Annotation Types
Customize
Version 11
v11.0
Version 10
v10.12
v10.11
v10.10
v10.9
v10.8
v10.7
v10.6
v10.5
v10.4
v10.3
v10.2
v10.1
v10.0
Version 8
v8.12
v8.11
v8.10
v8.9
v8.8
v8.7
v8.6
v8.5
v8.4
v8.3
v8.2
v8.1
v8.0
Version 7
Version 6
v6.3
v6.2
v6.1
v6.0
Version 5
Version 4
Version 3
Version 2
WebViewer Server
WebViewer BIM
Signature fields will show the text "sign here" and clicking on them will show the signature dialog or the signature overlay depending on if there are any saved signatures. After a signature is created or selected, instead of seeing the preview of the signature, it will be scaled based on the size of the signature field and added directly to it.
Starting in WebViewer 8.9, signature fields can be set to accept either initials or signatures. For more details on how to set the signature field to accept one or the other, refer to this guide. Please note that the initials feature must be enabled in order for this to be displayed in the viewer. For a sample on how to do this refer to this guide.
If a field is set to accept initials, the initials set by the user in the signature modal will be added to the signature field.
Besides the interaction between signature fields and the signature tool, two APIs, isSignedDigitally and createSignHereElement are available for developers' use.
If you want to place a signature on click of a Sign Here field, you can set it by listening on locationSelected
event. The signature tool also takes a freehand annotation as a parameter if you do not wish to use the image.
isSignedDigitally
returns a promise that will be resolved with a boolean value indicating if the signature field is signed digitally.
createSignHereElement
is a function that creates the "sign here" element in the annotation field. The return value of this function is a DOM element which will be appended to the field. This can be replaced with your own function.
By default the sign here element has white text and a dark blue background:
You can change the background to red by directly modifying the returned DOM element.
If you want to create your own sign here element, say a div element with inline svg, you can assign your function to createSignHereElement
. The following is an example that uses inline svg:
Starting in WebViewer 11 signature fields will be signed by appearance by default. Signing by annotation will still be supported. Signing with an annotation is used primarily for e-signatures which have no additional identifiable information about the creator other than an author field which can be altered. Signing with a signature appearance, on the other hand, can be used for Digital Signatures as they don't create additional annotations and cause invalid digital signature validation.
You can change signing modes using the Signature Tool setSigningMode API.
When signing a signature widget with an annotation (default), after the signature annotation (drawing, typing or image) is added to a signature widget, you can access that annotation through the annot
property of the signature widget object.
Starting in WebViewer 8.12, you can check if a widget is signed by an appearance using the isSignedByAppearance API.
Starting in WebViewer 8.10, signature fields can be signed programatically using the signSignatureWidget API. This will add a signature to the field using whichever signing mode you are using.
Starting in WebViewer 8.12, signature fields can be cleared using the clearSignature API. This will remove the signature, whether it is an appearance signature or annotation signature, from the field and then redraw it as unsigned.
Did you find this helpful?
Trial setup questions?
Ask experts on DiscordNeed other help?
Contact SupportPricing or product questions?
Contact Sales