Getting Started with ASP.NET WebForms Signature

26 Jul 20221 minute to read

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.

ASP.NET WebForms Signature getting started

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>

    Execute the code to render a Signature widget as follows.

    ASP.NET WebForms Signature ASP application

    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.

    ASP.NET WebForms Signature Adjusting Signature Size