Getting Started

The Signature simplifies creation of a signature capture in a browser, allowing a user to draw a signature using mouse or touch.

This section helps to understand the getting started of the Signature widget with the step-by-step instructions. The following screenshot demonstrates the functionality of Signature widget.

Creating your first Signature in ASP application

Create an ASP Project and add the necessary DLL’s and scripts with the help of the given ASP Getting Started documentation.

Initialize the corresponding Signature control in the ASPX page with the below code.

  • html
  • <div class="control">
                    <ej:Signature ID="signature" Height="400px" StrokeWidth="3" IsResponsive="true" runat="server"></ej:Signature>
            </div>

    Execute the code to render a Signature widget as follows.

    Adjusting Signature Size

    We can customize the width and height of the Signature by width and height properties. These properties completely depend on signature canvas. The width and height are adjusted within the signature canvas.

    The following code example is used to render the Signature control with customized width and height.

  • html
  • <ej:Signature ID="signature" Height="500px" width="200px" runat="server"></ej:Signature>

    The following screenshot illustrates signature with customized width and height.