Skip to content

Options

Allows you to customize the signatore pad by passing options into the constructor:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
// file: hooks/TABLENAME-dv.js

let options = {
    width: 320,
    height: 240,
    onReady: function(pad) {

    },
    penColor: 'lime'
}

// replace FIELDNAME
// pass options as 2nd parameter
new AppGiniHelperDVSignature.Pad("FIELDNAME", options);

width / height

Sets the width- and height-dimensions of the signature pad.

Note

Unfortunately we can not use strings here like '100%' because this library requires static dimensions due to ration calculation. If we would allow dynamic sizing (for example 100%), depending on device type, resolution and orientation, this would stretch existing signatures in one or both dimensions and output would not match input.

penColor

Sets the color for new Strokes.

Note

Changing the penColor will not change any existing signatures, already stored in the database. Only new strokes will get that new color.

onReady

This function will be called after rendering of Signature Pad. Here you can conditionally lock the pad, for example.