Adding signature field and date field in PDF

[Mayank]

Hi,

Hope you are doing well.

We are trying to used PDFViewer(Angular) for creating signature field and date field in PDF in place of merge tag like {{signature}} and {{date_of}}. According to our requirement, first we need to search these merge tags than replace these tags with programmatically created signature field and date field so that user can sign it.

We didn't get proper code and documentation regarding this requirement. Please provide any related link and code sample.

Thanx in advance.

Regards,

Mayank Agarwal

[Dhivyabharathi Mohan]

Hi Mayank, 

  

  

Currently we do not have support to add the form fields programmatically in our PDF Viewer control. We have logged this as a feature and the feature implementation will be included in our Volume 2, 2021 which will be available at the end of June. You can track the status using the below feedback link.  

 

  

https://www.syncfusion.com/feedback/20307/add-form-fields-from-the-code-behind 

 

 

 

NOTE: There will not be any date field support. You can make use of the text box field for the date.  

  

Regards, 

Dhivya. 

[Mayank]

Hi Dhivyabharathi,

Thanx for the update.

Can we search any particular text programmatically inside a pdf in angular version.

Regards,

Mayank Agarwal

[Dhivyabharathi Mohan]

Hi Mayank, 

  

In our PDF Viewer, we can use the searchText() method to search the specific text in the PDF document programmatically. We have shared the sample and code snippet for your reference. 

  

  

Sample: https://stackblitz.com/edit/angular-jfuthy?file=app.component.html  

  

  

Code snippet: 

  

<button (click) ="textSearch()">textSearch</button> 

  

textSearch() { 

    var viewer = (<any>document.getElementById('pdfViewer')).ej2_instances[0]; 

    viewer.textSearchModule.searchText('syncfusion'); 

  } 

  

  

  

  

Reference Link: https://ej2.syncfusion.com/angular/documentation/pdfviewer/text_search/   

  

  

Kindly try this and revert us, if you have any concerns. 

  

  

Regards, 

Dhivya. 

  

  

[Mayank]

Hi Dhivyabharathi,

Can we schedule a call regarding this functionality? We have some queries.

Regards,

Mayank Agarwal

[Dhivyabharathi Mohan]

Hi Mayank, 

 

 

We have created a new incident under your Direct Trac account. We suggest you follow up with the incident for further updates. Please log in using the below link.  

 

https://www.syncfusion.com/account/login 

 

 

Regards, 

Dhivya. 

[Dhivyabharathi Mohan]

Hi Mayank, 

  

We are glad to announce that our Essential Studio 2021 Volume 2 release v19.2.0.44  is rolled out and is available for download under the following link.   

  

   

https://www.syncfusion.com/forums/166800/essential-studio-2021-volume-2-main-release-v19-2-0-44-is-available-for-download   

   

  

We have included the feature implementation for “Add form fields in our PDF Viewer programmatically” in our Volume 2 2021 release v19.2.0.44. 

  

   

https://www.syncfusion.com/feedback/20307/add-form-fields-from-the-code-behind  

 

Demo: https://ej2.syncfusion.com/javascript/demos/#/material/pdfviewer/form-designer.html 

 

Code snippet: 

 

 

viewer.formDesignerModule.addFormField("Textbox", { name: "First Name", bounds: { X: 146, Y: 229, Width: 150, Height: 24 } }); 

 

viewer.formDesignerModule.addFormField("SignatureField", { name: "Sign", bounds: { X: 57, Y: 923, Width: 200, Height: 43 } }); 

 

 

 

   

We thank you for your support and appreciate your patience in waiting for this release. Please get in touch with us if you would require any further assistance.   

  

  

Regards,  

Dhivya.