Telerik Forums
UI for Blazor Forum
0 answers
24 views

I have a 5 high x 3 Wide Telerik Tile Layout. On the top row, I have RowSpan 2 and ColSpan 1 and it works perfectly fine to show 3 cards.

There are 3 remaining cards that I want to show below those. The first one will have a Rowspan of 3 and a ColSpan of 2. Next to that, in the row on the far right, I am specifying a RowSpan of 3 and a ColSpan of 1 and it will only render as a size of RowSpan 1. It is way too short.

So the content within the card is cut off. The content is a card and within the card is a telerik grid. We can only see the grid header and the first 2 rows. We cannot see the remaining rows or the page number controls for the grid. 

If I set the RowSpan of this card to 4 or greater, it will expand and the card extends below the card to it's left. It is way too tall.

How can I solve this issue? And why is it only a size of 1 RowSpan when I explicitly set it to 3?

David
Top achievements
Rank 1
 asked on 12 Feb 2026
1 answer
24 views

Hello,

Is there a way to show in a Dialog an html formated message ?
I would like to be able to do for instance something like this :

var value = await TelerikDialogs.PromptAsync(
                            new MarkupString($"<p>Please choose :</p><p>1) Value 1</p><p>2)...</p>",
                            "Pick an item",
                            "1"
                        );

And the same shall apply to AlertAsync() and ConfirmAsync() I guess.

Many thanks in advance !

Franck

Dimo
Telerik team
 answered on 10 Feb 2026
1 answer
22 views
I am attempting to utilize the OnChange and OnBlur events to handle when the enter button is pressed on an input (TelerikTextBox). I can get it to work quite easily, however, I do not want the OnBlur functionality at all. The more irritating part is that the OnChange event is fired by both the enter button, and the OnBlur event. Even when I change the OnBlur event to do nothing, the OnChange event still fires when we lose focus on the component. I only want the enter button presses to fire the OnChange event. Am I doing this wrong? Is there another method to this? Here is what I have so far:


                                            <TelerikTextBox Value="@_scanSlotInput"
                                                            OnChange="@SubmitScanSlot"
                                                            OnBlur="@HandleBlur"
                                                            ValueChanged="@((string v) => { _scanSlotInput = (v).ToUpperInvariant(); StateHasChanged(); })"
                                                            Placeholder="Scan or enter Slot QR"
                                                            Enabled="@(!_isSessionEnded)">
                                                <TextBoxPrefixTemplate>
                                                    <TelerikButton OnClick="@StartScanSlotQr" Enabled="@(!_isSessionEnded)" FillMode="@ThemeConstants.Button.FillMode.Clear">
                                                        <span class="fa-duotone fa-solid fa-camera-viewfinder" style="color: var(--kendo-color-primary, #0056b3);"></span>
                                                    </TelerikButton>
                                                </TextBoxPrefixTemplate>
                                                <TextBoxSuffixTemplate>
                                                    <TelerikButton OnClick="@(() => { _ignoreNextChange = false; return SubmitScanSlot(); })" Enabled="@(!_isSessionEnded)" FillMode="@ThemeConstants.Button.FillMode.Clear">
                                                        <span class="fa-duotone fa-solid fa-circle-check" style="color: var(--kendo-color-success, #28a745);"></span>
                                                    </TelerikButton>
                                                </TextBoxSuffixTemplate>
                                            </TelerikTextBox>


    private bool _ignoreNextChange;

    private async Task HandleBlur()
    {
        _ignoreNextChange = true;
        await Task.Delay(300);
        _ignoreNextChange = false;
    }

The @SubmitScanSlot function is excluded because it has "if (_ignoreNextChange) return;" and then goes into the rest of the function and is not relevant to this issue.

I saw the knowledge base article on the OnChange event firing twice and tried utilizing that, but the problem is not validating whether or not the value in the text box has changed, but to ignore the OnBlur completely and only allow the enter key to fire the event.
Dimo
Telerik team
 answered on 10 Feb 2026
1 answer
26 views

I have a simple grid with a list object, where one property is a date and the other a string. The grid is sorted on dates. I want to insert a custom <tr> row before the "normal" row if the month changes, containing a single <td> cell with the year and month.

I've looked at the <RowTemplate> but if I try to insert a <tr> in there, the whole table is broken because the rowtemplate should not (as I understand it) not contain a tr but only td cells.

Anyone?

Dimo
Telerik team
 answered on 09 Feb 2026
2 answers
59 views
Hello

My project has a dependency of version 6.2.0 for Telerik.Ui.for.Blazor and my project wont compile without this specific version

Is there a Telerik location available where I can download 6.2.0 nuget package and the related dependencies.

I have attached a screenshot of the error

Many Thanks in advance

Dimo
Telerik team
 answered on 04 Feb 2026
1 answer
78 views

https://blazorrepl.telerik.com/cKuvmXwu53TrfnCx19

During the initial execution, the code behaves as expected, but after invoking setState, the FloatingTopChanged and FloatingLeftChanged events stop firing. Removing the DockPaneDemo item from localStorage and reloading the page restores the expected event behavior.

sample project attached.

Ivan Danchev
Telerik team
 answered on 03 Feb 2026
1 answer
42 views
Where is the latest Telerik for Blazor Accessibility Conformance Report? The one on this page is over two years old: https://www.telerik.com/blazor-ui/documentation/accessibility/compliance#accessibility-conformance-report

Most organizations follow a 12-month cycle or update their ACR whenever there's a significant product version change, whichever comes first, to remain in good standing.

Please update the latest Telerik for Blazor Accessibility Conformance Report for the current version of Telerik for Blazor. We need these reports for the US States that use our software and Telerik for Blazor. Without current, valid VPATs, we will have to discontinue use of Telerik for Blazor.

DevExpress for Blazor has a current VPAT here for example (latest report Dec, 2025): https://www.devexpress.com/products/net/accessibility/ACR-DevExpress-Blazor-25.2.pdf
Hristian Stefanov
Telerik team
 answered on 03 Feb 2026
1 answer
37 views

I don't really want to sort by row or column title, but actually have the data sorted by the value (the measure). So to click the column header and have all rows in the order of the row values for the selected column. For multiple row dimensions, the sorting would first have to apply to the highest dimension (S, W, W/AT) and than further down the nested dimensions.

A code behind solution would be fine as well.

 

 

 

Dimo
Telerik team
 answered on 03 Feb 2026
1 answer
20 views
Can I place a hyperlink in a Diagram rectangle? The JSON is being pulled from a SQL SERVER DB. I can embed an image and text, but cannot figure out how to make either the image or text a clickable hyperlink
Dimo
Telerik team
 answered on 03 Feb 2026
0 answers
19 views
I am using TelerikDatePicker in a Blazor component with a nullable DateTime bound value.
When a user manually enters an invalid date in the input field and then clicks a Clear/Reset button, the bound value is set to null, but the DatePicker UI does not clear the invalid text.

The expected behavior is that the DatePicker input should be cleared when the value is set to null, regardless of whether the user previously entered an invalid date.

Code Sample:

<div class="k-form-field">
    <label for="dosFrom">@Label From</label>
    <TelerikDatePicker
        Id="@($"{Id}-dosFrom")"
        @bind-Value="@DateTesting"
        Format="MM/dd/yyyy"
        Class="@($"{Id}-dosFrom calender-picker")">
        <DatePickerFormatPlaceholder Year="YYYY" Month="MM" Day="DD" />
    </TelerikDatePicker>
</div>

{{ @DateTesting }}

<TelerikButton
    ButtonType="Telerik.Blazor.ButtonType.Reset"
    OnClick="() => ClearDate()">
    Clear
</TelerikButton>


public DateTime? DateTesting { get; set; }

private void ClearDate()
{
    DateTesting = null;
}
Steps to Reproduce:

Focus on the DatePicker input.

Manually enter an invalid date (e.g., 9999 or only 09 for dd or only 10 for mm or random text).

Click the Clear button.

Observe that DateTesting becomes null, but the DatePicker input still shows the invalid value.

Expected Result:

The DatePicker input should be visually cleared when the bound value is set to null.

Actual Result:

The invalid text remains in the DatePicker input even though the bound value is null.

Question:

1. Is this expected behavior for TelerikDatePicker?
2. Is there a recommended way to force the DatePicker to clear the input when invalid user input exists?
3. Should ValueChanged, OnChange, or a component reference be used to handle this scenario?

Any guidance or best practice would be appreciated.
Arjun
Top achievements
Rank 1
Iron
 asked on 02 Feb 2026
Narrow your results
Selected tags
Tags
+? more
Top users last month
Bohdan
Top achievements
Rank 3
Iron
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Elliot
Top achievements
Rank 1
Iron
Iron
Iron
Sunil
Top achievements
Rank 1
Cynthia
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Bohdan
Top achievements
Rank 3
Iron
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Elliot
Top achievements
Rank 1
Iron
Iron
Iron
Sunil
Top achievements
Rank 1
Cynthia
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?