1. Home
  2. Forum
  3. ASP.NET Core - EJ 2
  4. Adding Next when doing signatures on PDF

Adding Next when doing signatures on PDF

Hi All,

I'm sorry in advance if I'm asking something this and has been already resolve. If so, can you point me were. thanks.

Questions?

  1. I want to recreate the Adobe Acrobat Sign Start and Next option (see picture 1 and 2 below). when the client needs to sign or use initials, this way the client knows where need to go, when clicking next, it will go to the next signature field.
  2. Also, the required property on the Signature field will make the field border color, will that be the only thing that does, or will prevent the document for being saved?
  3. Also, when clicked on the signature field, on the popup that appears to draw the signature, how can save that signature to all others signature fields (see picture 3).
  4. Adobe Acrobat as a Participant Role, what will be the equivalent of that on the Signature fields.

Picture 1



Picture 2



Picture 3



3 Replies
CK Chinnamunia Karthik Chinna Thambi Syncfusion Team January 13, 2023 05:36 PM UTC

Find the details for the queries.


I want to recreate the Adobe Acrobat Sign Start and Next option (see picture 1 and 2 below). when the client needs to sign or use initials, this way the client knows where need to go, when clicking next, it will go to the next signature field.

Refer the below code snippet and sample to navigate to the next signature/Initial fields continuously using the button click.

Code snippet:

 

var id = 0;

 

function documentLoaded() {

        id = 0;

 }

 

function focusField() {

        var viewer = document.getElementById('pdfviewer').ej2_instances[0];

        var formFields = viewer.retrieveFormFields();

        for(var x = id; x < formFields.length; x++){            

            if(formFields[x].type === "SignatureField" || formFields[x].type === "InitialField"){

                viewer.focusFormField(formFields[x]);

                id = x + 1;;

                break;

            }

        }

}


Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/NavigateToNextSignatureInitialField988261471.zip

 

Steps to navigate to the next signature/Initial fields continuously:

 

  • Run the sample
  • Load the PDF.
  • Click the "focusField" button.
  • Now you are Navigated to the signature/Initial field.
  • Click the button again. Now, you are navigated to the next signature/Initial field.

 

Also, the required property on the Signature field will make the field border color, will that be the only thing that does, or will prevent the document for being saved?

We have shared the code snippet to change the border color of the signature field.

 

Code snippet:

 

 

    function changeBorderColor() {

      var viewer = document.getElementById('pdfviewer').ej2_instances[0];

      var formField = viewer.retrieveFormFields();

      var borderColor = { borderColor: "blue" }

      viewer.formDesignerModule.updateFormField(formField[0],borderColor);

    }

 

Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/ChangeBorderColor-2085109684.zip

 

Steps to change the border color:

 

  • Run the sample
  • Add the signature field
  • Click the "Change Border color" button.
  • Now, the border color is changed.

Also, when clicked on the signature field, on the popup that appears to draw the signature, how can save that signature to all others signature fields (see picture 3).

Steps to save Draw signature.

 

  • Add the signature fields
  • Click the signature field.
  • Now, the dialog is opened. Draw the signature in this.
  • Click the "Save Signature" option and then click "Ok"
  • Now, click the different signature field.
  • Now, the Saved signature is preserved in the dialog.
  • Click "OK". Now, the signature is added to that signature field

Adobe Acrobat as a Participant Role, what will be the equivalent of that on the Signature fields.

 

Currently, we don't have the support for this .However, you may try in your application level to achieve this.


LC Luis Campuzano replied to Chinnamunia Karthik Chinna Thambi January 13, 2023 07:11 PM UTC

Hi Chunnamunia,

Sorry for the confusion,

I don't know why this post went to  ASP.NET Core - EJ 2 , it was supposed to go to Blazor or to PDF, can you modify the response to Blazor or should I create a new Thread?



CK Chinnamunia Karthik Chinna Thambi Syncfusion Team January 20, 2023 01:28 PM UTC

As you have created a separate forum for these queries in Blazor, we are closing this forum and we will provide further details in the Blazor forum (#180046).



Loader.
Up arrow icon