Last Updated: 08 Nov 2023 11:59 by David
If I nest a TelerikSignature in TelerikLoaderContainer the <canvas> element of the signature component does not respect the Width and Height parameters. The size defaults to 100 x 100 pixels (width and height). 
Last Updated: 04 Oct 2023 20:28 by Doug

If the Signature Width or Height parameter values change at runtime, the drawing position no longer matches the cursor position. For example, if the Signature size increases, the drawing position will move down and right, and vice-versa.

A possible workaround is to recreate the component after changing the dimensions:

Signature Width: <TelerikNumericTextBox @bind-Value="@NumValue" Width="120px" />

<TelerikButton OnClick="@ResizeSignature">Resize Signature</TelerikButton>

<br /><br />

@if (ShowSignature)
    <TelerikSignature @bind-Value="@SignatureValue"
                      Width="@( $"{SignWidth}px" )"
                      Height="@( $"{SignHeight}px" )"

@code {
    private string SignatureValue { get; set; }

    private int NumValue { get; set; } = 300;

    private int SignWidth { get; set; }
    private int SignHeight { get; set; }

    private bool ShowSignature { get; set; } = true;

    async Task ResizeSignature()
        ShowSignature = false;

        SignWidth = SignHeight = NumValue;

        await Task.Delay(1);

        ShowSignature = true;

    protected override void OnInitialized()
        SignWidth = SignHeight = NumValue;