New to Telerik UI for ASP.NET AJAX? Download free 30-day trial

Basic Usage

By using the ASP.NET AJAX RadSignature component, you can enable your end-users to draw handwritten signatures using touch or pointer devices.

This demo of RadSignature for ASP.NET AJAX control showcases the Control declarattion with very basic configurations such as stroke color and width.

  • DefaultVB.aspx
  • styles.css
<%@ Page Language="vb" AutoEventWireup="true"  %>

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>

<!DOCTYPE html>
<html xmlns='http://www.w3.org/1999/xhtml'>
<head runat="server">
    <title>Telerik ASP.NET Example</title>
    <link href="styles.css" rel="stylesheet" />
</head>
<body>
    <form id="form1" runat="server">
    <telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
    <telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" />

    <script runat="server">

        Protected Sub RadSignature1_PreRender(sender As Object, e As EventArgs)
            Dim currentSkin = RadSkinManager.GetCurrent(Page).Skin
            If (currentSkin = "Black") Then
                RadSignature1.BackColor = System.Drawing.Color.FromArgb(32, 32, 32)
            ElseIf (currentSkin = "BlackMetroTouch") Then
                RadSignature1.BackColor = System.Drawing.Color.Black
            ElseIf (currentSkin = "Glow") Then
                RadSignature1.BackColor = System.Drawing.Color.FromArgb(41, 52, 59)
            End If
        End Sub
    </script>

    <div class="demo-container size-medium" runat="server">
        <div class="signature-container size-medium">
            <telerik:RadSignature runat="server" ID="RadSignature1" Height="270" Width="100%" StrokeWidth="2" ForeColor="Red" Rounded="None" OnPreRender="RadSignature1_PreRender"></telerik:RadSignature>
            <div class="notes">
                By using the ASP.NET AJAX RadSignature component,
            you can enable your end-users to draw handwritten signatures
            using touch or pointer devices.
            </div>
        </div>
    </div>
    </form>
</body>
</html>

Support & Learning Resources

Find Assistance