New to Telerik UI for Blazor? Start a free 30-day trial
Events
This article describes the Blazor Signature events and provides a runnable example with sample event handler implementations.
OnBlur
The OnBlur
event fires when the Signature loses focus.
OnChange
The OnChange
event represents a user action - confirmation of the current value. It fires when the user presses Enter
, or when the component loses focus.
The
OnChange
event is a custom event and does not interfere with bindings, so you can use it together with models and forms.
ValueChanged
The ValueChanged
event fires when signature is fully drawn.
Example
Handle the Blazor Signature Events
<p>Last event: @EventLog</p>
<TelerikSignature Value="@SignatureValue"
ValueChanged="@ValueChangedHandler"
OnBlur="@OnSignatureBlur"
OnChange="@OnSignatureChange"
Width="300px"
Height="300px">
</TelerikSignature>
@code {
private string SignatureValue { get; set; }
private string EventLog { get; set; } = "...";
private void ValueChangedHandler(string value)
{
SignatureValue = value;
EventLog = $"ValueChanged event fired at {DateTime.Now.ToLongTimeString()}";
}
private void OnSignatureBlur()
{
EventLog = $"OnBlur event fired";
}
private void OnSignatureChange(string value)
{
EventLog = $"OnChange event fired";
}
}