How to use signature pad in service portal page?

[Felix20]

Hallo everybody,

I'm working on a PoC and one requierement is to sign a table entry (request).

So user will have to fill a form and finally sign it using a signature pad. I saw there is a plugin: com.snc.signaturepad which activates a UI Page which contains a signature pad.

But how to use that UI Page as part of a widget in Service Portal?

Because our page will be face to customer, we dont want to our customer to be in backend so sign the filled form.

I searched long time and haven found a solution yet.

e-Signature is not a possibility, because we need it manually signed and username + password is not an option.

Best regards,

[Sachin Dahiya]

Thanks for confirming Kiran. For wider community, here is the code used to merge signature on generated pdf.

    //Signature starts from here

    var requestor = new sn_pdfgeneratorutils.PdfMergeSignRequestor;

    //Set signature sizes and page number for signature placement

    var page = 2;

    var leftMargin = 195;

    var topMargin = 190;

    var signatureWidth = 140;

    var signatureHeight = 70;

    var targetAttachmentForSign = result.attachment_id;

    //Getting Sign attachment sys id

    var sign_sysid = '';

    var attach = new GlideRecord('sys_attachment');

    attach.addQuery('table_name', '<table where signature is added as attachment>');

    attach.addQuery('table_sys_id', <sys id of record where signature is added>);

    attach.addEncodedQuery('file_nameLIKEsubmitter-sign');  //'submitter-sign' is static name of signature file atatched to record

    attach.query();

    if (attach.next()) {

        sign_sysid = attach.sys_id;

    }

    requestor.createRequest(targetAttachmentForSign, "table where signature is added as attachment>", <sys id of record where signature is added>, "myPDF.pdf");

    requestor.addSignatureMapping(page, leftMargin, topMargin, signatureWidth, signatureHeight, sign_sysid);

    var results = requestor.processRequest();

[AmritaT]

Hi, I wanted to try this out on my personal instance as I have a similar requirement. Can you please let me know how do we download this .xml file ? It asks for login credentials. Thanks!

[Felix20]

Hi AmritaT,

just click on "Raw" and then on the next page -> Right click -> Save as

https://github.com/platform-experience/serviceportal-widget-library/blob/master/pe-emp-exp-signature-modal-snippet/pe-emp-exp-signature-modal-snippet.u-update-set.xml

[AmritaT]

Thanks. I was able to download 🙂

[Adam Peterson]

Felix, did you end up implementing this?

Can anyone provide screenshots in how they are using this?

I am wondering if I can use this on certain Service Catalog items that are on the Service Portal.