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.
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>