Product: Web viewer
Product Version: 11.4.0
Please give a brief summary of your issue: Getting Unsigned signature in signature list in digital Signature.
Please describe your issue and provide steps to reproduce it: I want to implement digital. I have add custom bottom to certified the pdf. In signature panel getting “Unsigned signature”.
Here is my code I’m using to achieve the same:
instance.UI.enableElements([
‘toolbarGroup-Forms’,
‘signatureToolButton1’,
‘signatureToolButton2’,
‘signatureToolButton3’,
‘signatureCreateToolButton’,
‘digitalSignatureButton’
]);
instance.UI.enableFeatures([Feature.Forms, Feature.InsertDigitalSignature]);
const certifyPdfButton = new instance.UI.Components.CustomButton({
dataElement: ‘custom-certify-pdf’,
title: ‘Certify PDF’,
img: ‘’,
onClick: async () => {
try {
await PDFNet.initialize();
const certUrl = ‘/GovBuilt.PlanReview/certs/apryse-test-cert.pfx’;
const certPassword = ‘YourPassword123’; // Replace with the correct password
const response = await fetch(certUrl);
console.log('Fetch response status:', response.status, response.statusText);
if (!response.ok) throw new Error(`Failed to fetch certificate: ${response.statusText}`);
const certBuffer = await response.arrayBuffer();
console.log('Certificate buffer length:', certBuffer.byteLength);
const doc = await instance.Core.documentViewer.getDocument().getPDFDoc();
await doc.initSecurityHandler();
console.log('Adding signature handler with URL:', certUrl);
const sigHandlerId = await doc.addStdSignatureHandlerFromURL(certUrl, certPassword);
console.log('Signature handler ID:', sigHandlerId);
const certField = await doc.createDigitalSignatureField('CertificationSigField');
const page1 = await doc.getPage(1);
const widgetAnnot = await PDFNet.SignatureWidget.createWithDigitalSignatureField(
doc,
new PDFNet.Rect(100, 100, 300, 150),
certField
);
await page1.annotPushBack(widgetAnnot);
certField.setDocumentPermissions(PDFNet.DigitalSignatureField.DocumentPermissions.e_no_changes_allowed);
await certField.certifyOnNextSaveWithCustomHandler(sigHandlerId);
const buf = await doc.saveMemoryBuffer(PDFNet.SDFDoc.SaveOptions.e_incremental);
const blob = new Blob([buf], { type: 'application/pdf' });
const fileName = 'CertifiedDocument.pdf';
saveAs(blob, fileName);
alert('PDF Certified and downloaded!');
} catch (error) {
console.error('Certification failed:', error);
alert('Certification failed. See console for details.');
}
}
});
Additionally getting error while try to save at this " const buf = await doc.saveMemoryBuffer(PDFNet.SDFDoc.SaveOptions.e_incremental);"
