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).
Behavior
Ink Color Color of signature. Can type in color names, hex codes, or RGB values (it has to be a valid CSS color)
Appearance
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
Example
These are the configuration option settings...
This is the result...
Events
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.
Methods
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
Comments