Integrating a hand-signed signature to an Incident Form in ServiceNow

Ensure the following plugins are active:

If they're not, then these need to be activated.

Once activated, the UI Page that was created can be modified as required.

Navigate to System UI > UI Pages

The Name of the UI Page that needs to be edited is wo_accept_signature_mobile.

Customise the HTML as required (add logos, text, etc.)

In the Processing Script section, customise what should happen when submitted.

By default, the signature is saved into a table named "signature_image". It’s a good idea to create a new reference field in your incident record that references the signature_image table.

That way, once submitted, the incident record can be updated with the signature.

Here's some sample code to start with (within the OK section of the code):

            var sig = new GlideRecord('signature_image');

            sig.addQuery('document', document_id);

            sig.orderByDesc('signed_on');

            sig.query();

I did this here in case there were multiple signatures made; that way, it only displays the latest signature.

            var sigID = '';

            var sigTable = '';

            if (sig.next()) {

                            sig.signed_name=signee_name;

                            sigID = sig.sys_id;

                            sigTable=sig.table;

                            sig.update();

            }

            var inc = new GlideRecord(sigTable);

            inc.addQuery('sys_id', document_id);

            inc.query();

            if (inc.next()) {

                            inc.u_signature_reference = sigID;

                            inc.update();

            }

            response.sendRedirect(nav_url);

            var message = gs.getMessage('The signature has been accepted');

            gs.addInfoMessage(message);

Once the UI pages are ready, they need to be added as a UI action for the mobile device.

Navigate to System Mobile UI > UI Actions – Mobile

Click on New to create a new mobile UI action for an Incident.