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?
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

<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;
}
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?


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.


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.


<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;
}