New to Telerik UI for Blazor? Download 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";
    }
}

See Also

In this article