From NSB App Studio
Jump to navigation Jump to search


The Signature control lets you capture signatures and drawings. You can save and display the results as a Base64 string.

This control is based on an HTML Canvas element: the properties and methods of the PictureBox will also work on a Signature control.

The Signature control is a bit odd, since its methods are referred to by Signature1_signaturePad, not simply Signature1. This makes it impossible to have the "intellisense" pop up the methods.

Properties and Methods

Standard properties are supported.

clear() Clear the current contents.
getContext("2d") Gets the drawing context. Returns the object that the PictureBox Context functions use. "2d" is currently the only valid argument.
lineColor Sets the color of the line. Default is a deep blue.
lineWidth Sets the width of the line. Default is 1.5 pixels.
toDataURL(type) Returns the current picturebox in a Base64 string image. If type is not specified, it is in PNG format. Type can also be "image/jpeg" or "image/gif".


Events are handled by the control itself.


The follow code initializes the signature control and shows how to save and clear it.

Function btnSave_onclick()
  If Signature1_signaturePad.isEmpty() Then
    MsgBox "No signature entered"
  End If
  'Get the image in a string which can be saved.
  Dim imageStr = Signature1_signaturePad.toDataURL("image/jpeg")
  'display the string in an Image control.
  Image1.src = imageStr
End Function

Function btnClear_onclick()
End Function


Related Items