How to Validate and Edit Signature textbox(Mergefield) in PDF Viewer

Question

Hi,How to Validate and Edit Signature textbox(Mergefield) in PDF Viewer.Textbox should allow multiple times to sign and previous Sign  should remove.Textbox should  validate the sign whether there or not.Could you please help me on that.Regards,Subramanyam G.Attachment: PDF_Viewer_Signature_Pad_cfde8e8f.zip

Akshaya Arivoli · Answer

Hi Ravish, 

Thank you for contacting Syncfusion support. 

We have support for Hand-Written signature in our PDF Viewer. We can include the signature in the Signature fields, click on the signature field, the Signature dialog box will be opened then sign and click on ‘Create’ button, finally signature will be placed in the signature field. Also, we can select, delete and re sign in the same field for multiple times. Please find the demo link, 

https://ej2.syncfusion.com/aspnetcore/PdfViewer/FormFilling#/material   

Currently we don’t have support to validate the form fields , however it will be included in 2020 Volume 1 release which is expected to be rolled out in the first week of April, 2020 

Regards,  
Akshaya

Ravish · Answer

Hi Team,

We have implemented e-Signature functionality with PDF Viewer (Angular) and DocIO (ASP.NET Core). We require some more changes with the control.

1) If multiple signature merge fields are there in the document then we need Next and Previous button at the top of the PDF viewer control to navigate one signature to another.

2) There should be option for mandatory signature fields, where it should not allow to proceed without entering signature ( validation required )

3) There must be option to enter Customer Initial (Ex: John Doe then JD ) in a text box instead of signature pad with PDF viewer with different merge field (ex: @@Initial)

Please confirm whether above options can be implemented and could you please provide us the demo project to work around.

Ticket Details related to e-Signature Implementation :: https://www.syncfusion.com/support/directtrac/incidents/255057

Thanks,

Ganesh

Akshaya Arivoli · Answer

Hi Ravish, 

Thank you for contacting Syncfusion support 

Please find the details of your query from the below, 





Query  

Details  


If multiple signature merge fields are there in the document then we need Next and Previous button at the top of the PDF viewer control to navigate one signature to another 

Currently we do not have support to navigate one signature to another  using the button. However we will analyze further on this and update you with more details on July 14th, 2020 


There should be option for mandatory signature fields, where it should not allow to proceed without entering signature ( validation required ) 


We can validation the from fields by setting the enableFormFieldsValidation to true and the validateFormFields event will be triggered on downloading and printing with the list of non-filled fields in the event arguments.  



There must be option to enter Customer Initial (Ex: John Doe then JD ) in a text box instead of signature pad with PDF viewer with different merge field (ex: @@Initial) 

Can you please provide more details about your requirement and confirm us whether you want to add the Type signature( type text) or custom image in signature field. These details will be helpful for us to investigate further and assist you better. 


Regards, 
Akshaya

Akshaya Arivoli · Answer

Hi Ravish,  

We have analyzed the usability feature and we have plans to expose an method like nextField() and previousField() . So that on button Click we can navigate to that signature field using the exposed method.  Can you please confirm us whether the above details will be helpful to achieve your requirement, else revert us with the more details. It will be helpful for us to investigate further and assist you better.  

Regards,  
Akshaya

Ravish · Answer

Hi Akshaya,


 


The below solution is acceptable. When can we expect below feature. Please provide us demo application to play around in our environment.


 


Thanks,


Subramanyam G

Akshaya Arivoli · Answer

Hi Ravish, 

We will provide Support to navigate between the signature fields in the code behind. The fix for the implementation will be include in our upcoming weekly NuGet release on August 26th, 2020 

https://www.syncfusion.com/feedback/16393/support-to-navigate-between-the-signature-fields-in-the-code-behind 

Regards, 
Akshaya

Ravish · Answer

Hi All,We are facing issue with Signature Merge Field, We are unable to re-sign using same Signature Merge field once it is already signed.Could you please provide an option to clear the signature and allow us to sign again with the same Merge field.And also there is some issue  with  isSignatureEditable  property, it is neither allowing us to edit nor create.Could you please provide us with the sample code to play around.Regards,Subramanyam G

Ravish · Answer

Hi,Currently In PdfViewer control, Signature Merge fields validation is happening when we click on Printing or Downloading buttons.We have a button outside the PdfViewer. When we click on outside button, Signature Merge fields should be validate within the PdfViewer and we require property to check whether that form is valid not. It should allow to submit when all the Signature Merge fields are signed.Could you please provide sample code for this to play around.Regards,Subramanyam GAttachment: Capture_7e95fcb9.zip

Akshaya Arivoli · Answer

Hi Ravish , 

We can delete and re-sign the Signature field of the PDF document using our PDF Viewer.  Also, isSignatureEditable API in the PDF Viewer is used to save the drawn handwritten signature as annotation.  

Please revert us with more details about your requirement, if you need further assistance. 


Regards,  
Akshaya

Ravish · Answer

Hi,Currently In PdfViewer control, Signature Merge fields validation is happening when we click on Printing or Downloading buttons.We have a button outside the PdfViewer. When we click on outside button, Signature Merge fields should be validate within the PdfViewer and we require property to check whether that form is valid not. It should allow to submit when all the Signature Merge fields are signed.Could you please provide sample code for this to play around.Regards,Subramanyam GAttachment: Capture_b288cc48.zip

Akshaya Arivoli · Answer

Hi Ravish , 

We can validate the form fields using the button click. For that we need to change the Download() web action using the serverActionSettings. We have created the sample for the same and shared in the below link, 

Angular: https://stackblitz.com/edit/angular-6lfyxs-csysf8?file=app.component.html  
Web Service: https://www.syncfusion.com/downloads/support/forum/152648/ze/ej2-pdfviewer-web-service_(7)753021385  

Please try it and share us the replication procedure, modified sample, Console error, PDF Document and more details about your issue, if you still have concerns. These details will be helpful for us to investigate further and assist you better.  



Regards,   
Akshaya

Query	Details
If multiple signature merge fields are there in the document then we need Next and Previous button at the top of the PDF viewer control to navigate one signature to another	Currently we do not have support to navigate one signature to another using the button. However we will analyze further on this and update you with more details on July 14^th,2020
There should be option for mandatory signature fields, where it should not allow to proceed without entering signature ( validation required )	We can validation the from fields by setting the enableFormFieldsValidation to true and the validateFormFields event will be triggered on downloading and printing with the list of non-filled fields in the event arguments.
There must be option to enter Customer Initial (Ex: John Doe then JD ) in a text box instead of signature pad with PDF viewer with different merge field (ex: @@Initial)	Can you please provide more details about your requirement and confirm us whether you want to add the Type signature( type text) or custom image in signature field. These details will be helpful for us to investigate further and assist you better.