ASP.NET Core Signature Overview

The Telerik UI Signature for ASP.NET Core is a server-side wrapper for the Kendo UI Signature widget.

The Telerik UI Signature for ASP.NET Core enables the user to create handwritten signatures.

Telerik UI for ASP.NET Core Ninja image

The Signature is part of Telerik UI for ASP.NET Core, a professional grade UI library with 110+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.

Basic Configuration

The following example demonstrates the basic configuration for the Signature.

        @(Html.Kendo().Signature()
                .Name("signature")
                .Maximizable(false)
                .HideLine(true))
        <kendo-signature name="signature"
                         maximizable="false"
                         hide-line="true">
        </kendo-signature>

Functionality and Features

Events

You can subscribe to all Signature events. For a complete example on Signature events, refer to the demo on handling Signature events.

The following example demonstrates how to subscribe to events by a handler name.

    @(Html.Kendo().Signature()
      .Name("signature")
      .Events(e => e
            .Open("signature_open")
            .Close("signature_close")
            .Change("signature_change")
      )
    )
    <kendo-signature name="signature"
        on-open="signature_open"
        on-close="signature_close"
        on-change="signature_change"/>
    function signature_open() {
        // Handle the open event.
    }

    function signature_close() {
        // Handle the close event.
    }

    function signature_change() {
        // Handle the change event.
    }

Handling by Template Delegate

The following example demonstrates how to subscribe to events by a template delegate.

    @(Html.Kendo().Signature()
      .Name("signature")
      .Events(e => e
          .Open(@<text>
            function() {
                // Handle the open event inline.
            }
          </text>)
          .Change(@<text>
            function() {
                // Handle the change event inline.
            }
            </text>)
      )
    )
    <kendo-signature name="signature"
        on-open='function(e)
        {
            // Handle the open event inline.
        }'
        on-change='function(e)
        {
            // Handle the change event inline.
        }'/>

Referencing Existing Instances

To reference an existing Telerik UI Signature for ASP.NET Core instance, use the jQuery.data() method. Once a reference is established, use the Signature client-side API to control its behavior.

    // Place the following after your Telerik UI Signature for ASP.NET Core declaration.
    <script>
    $(function() {
    // The Name() of the Signature is used to get its client-side instance.
        var signature = $("#signature").data("kendoSignature");

        //Use the "value" API method to get the Signature's value.
        console.log(signature.value());
    });
    </script>

See Also

In this article