TelerikSignature
A component that lets users draw a signature and capture it as a Base64 PNG string. Supports two-way binding via Value/ValueChanged with ValueExpression for validation, debounce with DebounceDelay, clear/maximize dialog, read-only/disabled states, ARIA labeling, and change/blur events through OnChange and OnBlur.
Definition
Namespace:Telerik.Blazor.Components
Assembly:Telerik.Blazor.dll
Syntax:
public class TelerikSignature : DataVizComponent, IComponent, IHandleEvent, IHandleAfterRender, IDisposableInheritance: objectComponentBaseBaseComponentDataVizComponentTelerikSignature
Implements:
Inherited Members
Constructors
public TelerikSignature()Methods
protected override void BuildRenderTree(RenderTreeBuilder __builder)Overrides:
public override void Dispose()Overrides:
Moves focus to the component.
protected override void OnParametersSet()Overrides:
Re-renders the component with latest changes (if any).
public override void Refresh()Overrides:
public override Task SetParametersAsync(ParameterView parameters)Overrides:
Properties
[Accessibility] Defines the aria-describedby attribute for the component.
[Parameter]
public string AriaDescribedBy { get; set; }[Accessibility] Defines the aria-label attribute of the component.
[Parameter]
public string AriaLabel { get; set; }[Accessibility] Describe the aria-labelledby attribute for the component.
[Parameter]
public string AriaLabelledBy { get; set; }Gets or sets the background color of the signature.
[Parameter]
public string BackgroundColor { get; set; }[CascadingParameter]
public EditContext CascadedEditContext { get; set; }Time in ms between the last drawn symbol and the triggering of the ValueChanged event.
[Parameter]
public int DebounceDelay { get; set; }[Accessibility] Specifies if the component is enabled.
[Parameter]
public bool Enabled { get; set; }The scale factor for the exported image. The Signature width and height will be multiplied by the scale when converting the signature to an image.
[Parameter]
public double? ExportScale { get; set; }A value indicating whether the dotted line should be displayed in the background.
[Parameter]
public bool? HideLine { get; set; }A value indicating whether the component can be maximized.
[Parameter]
public bool? Maximizable { get; set; }Specifies the callback that's called when the Component loses focus.
[Parameter]
public EventCallback OnBlur { get; set; }Specifies the callback that's called when the Enter key is pressed.
[Parameter]
public EventCallback<string> OnChange { get; set; }Defines a value indicating the scaling size of the popup signature pad.
[Parameter]
public double? PopupScale { get; set; }[Accessibility] Specifies if the component is read-only.
[Parameter]
public bool ReadOnly { get; set; }A value indicating whether to smoothen out the signature lines.
[Parameter]
public bool? Smooth { get; set; }Defines how wide will the stroke be.
[Parameter]
public double? StrokeWidth { get; set; }[Accessibility] The TabIndex of the component.
[Parameter]
public int? TabIndex { get; set; }Defines the event which specifies when validation is triggered.
[Parameter]
public ValidationEvent ValidateOn { get; set; }A string value representing a Base64-encoded PNG image.
[Parameter]
public string Value { get; set; }Specifies the handler of the event when the value is changed.
[Parameter]
public EventCallback<string> ValueChanged { get; set; }Specifies the expression that identifies the bound value.
[Parameter]
public Expression<Func<string>> ValueExpression { get; set; }