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.

More about Signature for ASP.NET AJAX
  • DefaultCS.aspx
  • styles.css
<%@ Page Language="c#" 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 void RadSignature1_PreRender(object sender, EventArgs e)
        {
            var currentSkin = RadSkinManager.GetCurrent(Page).Skin;
            if (currentSkin == "Black")
            {
                RadSignature1.BackColor = System.Drawing.Color.FromArgb(32, 32, 32);
            }
            else if (currentSkin == "BlackMetroTouch")
            {
                RadSignature1.BackColor = System.Drawing.Color.Black;

            }
            else if (currentSkin == "Glow")
            {
                RadSignature1.BackColor = System.Drawing.Color.FromArgb(41, 52, 59);
            }
        }
</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%" 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