Options ¶

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

        
            // 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.