SignatureFieldSettings API in Vue PDF Viewer API component

The SignatureFieldSettings module is used to set the properties of signature field in PDF Viewer

<div id="pdfViewer" style="height: 100%;width: 100%;"></div>

 let viewer: PdfViewer = new PdfViewer();
 // Change the signature field settings.
 viewer.signatureFieldSettings = {
     name: "",
     isReadOnly: true,
     visibility: "visible",
     isRequired: true,
     isPrint: false,
     tooltip: "",
     thickness: 1,
     signatureIndicatorSettings: {
         opacity: 1,
         backgroundColor: "orange",
         width: 19,
         height: 10,
         fontSize: 10,
         text: null,
         color: "black"
     },
     signatureDialogSettings: {
         displayMode: DisplayMode.Draw | DisplayMode.Text | DisplayMode.Upload,
         hideSaveSignature: false
     }
 };
 viewer.appendTo("#pdfViewer");

Properties

bounds

IFormFieldBound

Get or set the form field bounds.

isPrint

boolean

Get or set the boolean value to print the signature field. TRUE by default.

isReadOnly

boolean

Specifies whether the signature field is in read-only or read-write mode. FALSE by default.

isRequired

boolean

If it is set as true, consider as mandatory field in the PDF document. By default it is false.

name

string

Get or set the name of the form field element.

pageNumber

number

specifies the page number of the form field.

signatureDialogSettings

SignatureDialogSettingsModel

Specifies the properties of the signature Dialog Settings in the signature field.

signatureIndicatorSettings

SignatureIndicatorSettingsModel

Specifies the properties of the signature indicator in the signature field.

thickness

number

Get or set the thickness of the Signature field. Default value is 1. To hide the borders, set the value to 0 (zero).

tooltip

string

Get or set the text to be displayed as tooltip. By default it is empty.

visibility

string

Gets or set the visibility of the form field.