The Signature control allows the user to put their signature on the screen using a touch screen or a mouse.

The Signature control comes with many easy to configure behavior and appearance options.

Like almost all SPARK controls, you can trigger events that are fired when the user interacts with the control (see the Event and Methods sections below and the Event Handling article for more information).


Ink Color  Color of signature.  Can type in color names, hex codes, or RGB values (it has to be a valid CSS color)


Color Style

Border Width  Thickness of border in px

Border Radius  Roundness of Signature control

Box Shadow  Adds a shadow, check box

Width Set the width of the signature control in px

Height Set the height of the signature control in px


These are the configuration option settings...

This is the result...


With the Signature control, there are 2 types of event handlers:

  • On Load When the page loads
  • On Change When there is a change

You can use JavaScript logic to affect the effects of the control, depending on the event. More information on using these controls can be found in the Event Handling article.


For detailed information on the available methods for this control, access the JS Doc file.

Best Practices

Use the Obfuscate method to make it more difficult for others to duplicate the signature.


  • Author: Dan Abresch
  • Date Created: June 9, 2015
  • Date Modified: September 11, 2015
Was this article helpful?
0 out of 0 found this helpful