Signature Field value not showing

[Yonz]

Hi Good PM, I've migrated all form field collections from my existing PDF viewer to a new one. All field types are functioning correctly. However, the signature fields, while successfully transferred, are not displaying the visual signature data. I suspect the signature data itself isn't being correctly extracted or embedded during the migration process, or the new viewer is failing to recognize or render it properly. Please see the code below. Thank you.

migrate() {  

this.currentPdfViewerControl?.formFieldCollections?.forEach(formField => {      

    this.pdfViewerControl?.formDesigner.addFormField(formField.type!,

this.getFormFieldSettings(formField));                  

});

}

getFormFieldSettings(formField: FormFieldModel) {    

    const commonSettings: any = formField;

    const bounds = (formField.bounds! as any);

    commonSettings.bounds = bounds.x

      ? { X: bounds.x, Y: bounds.y, Width: bounds.width, Height: bounds.height }

      : { X: bounds.X, Y: bounds.Y, Width: bounds.Width, Height: bounds.Height };

 

    switch (formField.type) {

      case "Textbox":

        return commonSettings as TextFieldSettings;

      case "Password":

        return commonSettings as PasswordFieldSettings;

      case "CheckBox":

        return commonSettings as CheckBoxFieldSettings;

      case "RadioButton":

        return commonSettings as RadioButtonFieldSettings;

      case "DropDown":

        return commonSettings as DropdownFieldSettings;

      case "ListBox":

        return commonSettings as ListBoxFieldSettings;

      case "SignatureField":

        return commonSettings as SignatureFieldSettings;

      case "InitialField":

        return commonSettings as InitialFieldSettings;

      default:

        throw new Error("Unknown form field type");

    }

  }

[Sathiyaseelan Kannigaraj]

Hi Yonz,

Thank you for reaching out to us. We tested the same scenario by adding the signature data along with the signature field. The signature value was updated correctly, but it was not reflected in the UI until an interaction, such as zooming in or out, was performed on the PDF viewer. Please confirm if you are experiencing the same issue.

Sample add signature with value

Demo on the issue replication 

Regards,
Sathiyaseelan K

[Yonz]

Hi Sathiyaseelan,

Yes, I am experiencing the same issue. The signature value updates correctly in the data, but it is not reflected in the UI until I interact with the PDF viewer, such as zooming.

Additionally, I've noticed that after I interact with the PDF viewer (e.g., zooming), the signature drawing is displayed, but it appears to be significantly smaller than it should be

[Sathiyaseelan Kannigaraj]

Hi Yonz,

Thank you for confirming the issue. We will investigate the reported issue regarding the "Signature not appearing when adding the signature value along with the signature field" and suspect this might be a defect. We will analyze it further and provide you with more details by March 18, 2025.

Regards,
Sathiyaseelan K

[Yonz]

Thank you for the update. I appreciate you looking into it.

[Sathiyaseelan Kannigaraj]

Hi Yonz,Thank you for the patience. We have confirmed the issue "Signature not appearing when adding the signature value along with the signature field" and logged it as a defect. We will include the fix for this defect in our weekly NuGet release, which is estimated to be available on 08th April 2025. You can track the status of the issue through the following link.
Feedback: Signature not appearing when adding the signature value along with the signature field | Issue Feedback

Disclaimer: "Inclusion of this solution in the weekly release may change due to other factors including but not limited to QA checks and works reprioritization".
 
Note: We were unable to reproduce the signature font size issue. We have provided the sample and screenshots for your reference. Kindly try this and let us know, if you have any concerns.

Sample: Yywedgif (forked) - StackBlitz

100% zoom:

200% zoom:

400% zoom:

Regards,
Sathiyaseelan K

[Venkada Subramanian Durai]

Hi Yonz,

Sorry for the inconvenience. We did not include the fix for the reported issue “Signature not appearing when adding the signature value along with the signature field” in our recent weekly release due to the complexity of the issue the fix will be available in the upcoming weekly release on April 15, 2025. In the meantime, we've supplied a custom patch to resolve the issue.

Custom patch: Custom Patch resolving the issue

Regards,
Venkada Subramanian D

[Yonz]

Hi Venkada,

Thank you for the update and the clarification regarding the fix for the signature issue. I understand that due to the complexity, it couldn't be included in the recent release. I appreciate you providing a custom patch in the meantime to resolve the issue.

Regards,

Yonz

[Venkada Subramanian Durai]

Hi Yonz,

Thank you for your patience. We have fixed the reported issue "Signature not appearing when adding the signature value along with the signature field" and the fix for the reported issue was included in our latest weekly release v29.1.38. Kindly upgrade to that version to get the issue resolved.

Root cause: We missed adding the form field value to the nameTable, which caused the reported issue.

Solution: We should add the form field value to the nameTable to resolve the issue.

Packages:

@syncfusion/ej2-pdfviewer - npm (npmjs.com)

@syncfusion/ej2-angular-pdfviewer - npm (npmjs.com)

CDN links:

https://cdn.syncfusion.com/ej2/29.1.38/material.css

https://cdn.syncfusion.com/ej2/29.1.38/dist/ej2-pdfviewer-lib/pdfium.js

https://cdn.syncfusion.com/ej2/29.1.38/dist/ej2-pdfviewer-lib/pdfium.wasm

Regards,
Venkada Subramanian Durai

[Yonz]

Hi Venkada, 

Thanks for the update. I can now see the signature value after the update, which is great. However, as mentioned before, it still appears to be significantly smaller than expected. Please see the images below for your reference. Thank you.

Before:

After:

Regards,

Yonz

[Venkada Subramanian Durai]

Hi Yonz,

We were unable to reproduce the issue you reported. For your reference, we have attached a sample and a video.

Kindly modify the sample to replicate the issue you are facing. This will help us provide a more accurate and effective solution to your problem.

Sample with Draw Signature Field with Value

Regards,

Venkada Subramanian Durai

Attachment: checkeddraw_878356ae.zip