Even if the TelerikNotification Component is not visible it kind of blocks the Textbox for getting focused. I made a screenshot to demonstrate that with the BrowserTools. I only can focus the Textbox if I am clicking in the area marked with the red box.

Is there a solution for it ?

Getting error when clicking on calendar icon in TelerikDatePicker in a Blazor Web Server app:

Error: System.NullReferenceException: Object reference not set to an instance of an object.
   at Telerik.Blazor.Components.TelerikDatePicker`1.get_AriaActiveDescendant()
   at Telerik.Blazor.Components.TelerikDatePicker`1.<BuildRenderTree>b__154_1(RenderTreeBuilder __builder2)
   at Microsoft.AspNetCore.Components.CascadingValue`1.Render(RenderTreeBuilder builder)
   at Microsoft.AspNetCore.Components.Rendering.ComponentState.RenderIntoBatch(RenderBatchBuilder batchBuilder, RenderFragment renderFragment, Exception& renderFragmentException)

Doesn't happen to all DatePickers, only on certain ones. 

Also, this only happens when the app is published to IIS on Windows Server 2019. This does not happen when running in development in Visual Studio 2022 Professional. 

Using Telerik UI for Blazor v3.5

I have a grid loaded with the OnRead event handler to allow server paging.

Now, in the component OnAfterRender event i read some grid settings with an async request to server and then i update the grid state with Grid.SetState.

This approch work well but cause the grid to load twice: the first one by default OnRead call on component load, and the other one when the call to get settings complete and update the grid state.

There is a way to delay the grid load, to be done only when i have read the grid settings, so only one load occurs?

Thanks

I am having difficulty implementing a custom Telerik Numerical Textbox component in a Blazor application, specifically with setting up two-way data binding.

In my Razor page, I'm trying to use the custom component like so:

<CustomNumericalTextBox Id="ID" Format="P" Min="0" Max="1" Step="0.01m" @Bind-Value="@Model.Value1" />

In the code-behind of this page, I have a model class:

public class Model 
{
    public decimal Value1 { get; set; } = "Something"
}

The custom component is defined in a separate Razor page:

@inherits CustomNumericalTextBoxBase

<FormItem>
    <Template>
        <TelerikNumericalTextBox Id="@Id" Format="@Format" Min="@Min" Max="@Max" @bind-Value="@BindValue">
        </TelerikNumericalTextBox>
    </Template>
</FormItem>

public class CustomNumericalTextBox
{
    [Parameter]
    public decimal BindValue { get; set; }

    [Parameter]
    public EventCallback<decimal> BindValueChanged { get; set; }

    [Parameter]
    public string Format { get; set; } = string.Empty;

    [Parameter]
    public string Min { get; set; } = "0";

    [Parameter]
    public string Max { get; set; } = "1";

    [Parameter]
    public string Id { get; set; }
}

Which component can I use to simulate WinForms GroupBox, to group some fields in a square with a small title on the upper left? (See example in image1 from WinForms).

The nearest thing I've found is FormGroup, but doesn't visually group fields in a square, shows only upper line with title (see example on image2, groups "Personal information" and "Employee information"). This way, if after the group I have other fields not in a group (so no title needed for them) the user doesn't know when the group finishes.

Thank you.

Hello,

After updating to 4.3.0 for Blazor, the close button on the notifications seem to be appearing at the bottom left.

Thanks,

Tony

The stepper control looks very useful, however the examples are quite limited.  I would like to know how I can use a button to change the steps instead of clicking on the stepper control itself.  Also, are there any better examples of using validation on each step, such as, when clicking the button to change steps, trigger validation for that step?

Thank you,

Jim