I have one page in my existing .NET Framework app that uses RadSplitter, RadPane and RadScheduler where the RadScheduler is using a web handler to construct and feed the Scheduler with the data to populate it. Is it just a matter of reworking the UI and adjusting the web handler to a an endpoint or service, or do I have to totally rework data binding? This could was written over 15 years ago and I really don't want to have to rewrite it.
Thanks in advance.
Matt.
There is currently no component that has automatic currency formatting for Blazor. This is critical feature for business users who work with large amounts. People have no idea what they are typing without focusing out of input box.
I'm trying to replicate what I believe is a tabstrip menu display (not the best description).
I've attached a sample of what I'm trying to do. Basically, when a menu item is selected, a new windows in the viewport is opened and the page is displayed there. Multiple pages can be opened when selecting menu items.
Clicking the X on the left would close all open windows. Home would be always displayed.
Is this done with Tabstrip or some other component?
I need to get the node number of the tree view. I know there is a TreeItem that has the Level property but I can't figure out how to get it. I tried using an Item Template and that is where I am stuck. I couldn't figure out how to get the item info.
<div>This is the tree view <br />
<TelerikTreeView
Data="TreeViewList">
<TreeViewBindings>
<TreeViewBinding
ParentIdField="ParentId"
IdField="Id"
HasChildrenField="HasChildren"
TextField="Name">
</TreeViewBinding>
</TreeViewBindings>
</TelerikTreeView>
</div>
Our Blazor Server app runs on a server where the TimeZone is UTC. This is a multi-tenant application and tenants connect from Time Zones from California to Eastern Europe. We will leave or server at UTC.
The issue is reproduced when using the TelerikDatePicker with a nullable Date for the value. Our form defaults to Null for the Date values, as it is a selection form and the dates are optional.
For a customer in California (PDT) after 5PM (0:00 UTC) - the Calendar control in the Popup starts setting the default Day that is highlighed in the calendar control to the next day.
Is there a way to set the Default selected date using a Method? Some sort of delegate? We do pass the user's current Date Time and Timezone when the Blazor circuit is created and we have methods already built to return the current Date and Time in their Timezone. But we haven't found a way to set the default Date for the Date Picker (Calendar control) - when the Date value is null.
We do not want to set the value - but want to leave it null. This only applies to the embedded calendar control that pops up when the user clicks the icon to do so.

It appears none of the 'open in REPL' buttons work for the TelerikTaskBoard component. Some don't load any code in the REPL, others error at runtime.
I was trying to figure out how you got the Add Card pane to overlay the task board instead of push, when using the default Add Card hooks. The default behavior appears to be the Add card pushes the taskboard content. The online AI bot said this wasn't exposed via a parameter, but your demos that run in the Demos it uses an overlay. And I didn't see how this was working, as we want the same behavior.
Also there's no option to add TaskBoard as a tag here in forum posts.
Hi,
I'm using the CSS zoom property to scale my website and noticed that the Telerik Splitter does not behave correctly when a zoom level is applied.
I've adjusted the Blazor Splitter demo to reproduce the issue. I simply added a css Class with the zoom property set and applied it to the TelerikSplitter Element. After that resizing of the the splitter panes by dragging the splitter handle is not possible anymore:
https://blazorrepl.telerik.com/cgYBGVEC17NDglUz26
Given that CSS zoom is supported by all major browsers according to Can I Use (https://caniuse.com/css-zoom), is the Splitter component expected to work correctly in a zoomed container, or is this currently a known limitation?
Thanks!
Edit:
This issue seems to affect not only the Splitter but also other draggable elements. For example, resizing Grid columns is affected as well.
Hi,
I'm using the CSS zoom property to scale my website and initially noticed that popup-based Telerik components (e.g. DropDownList) were misaligned.
After some investigation, I found that this happens when the zoom is applied to a root element that also contains the animation containers. The issue can be worked around by explicitly excluding .k-animation-container from the zoom and explicitly applying the zoom property to its child animation containers (.k-child-animation-container). After doing that, popup positioning appears correct again and content and popup contents are scaled correctly.
Given that zoom is supported by all major browsers according to Can I Use (https://caniuse.com/css-zoom), I'm wondering:
zoom officially supported by Telerik UI for Blazor?.k-animation-container and its child contents separately expected behavior, or is there a better, recommended approach?Thanks!


I'm using the Telerik Blazor Grid with dynamic data (`Dictionary<string, object>`). Paging, sorting, and filtering work, but grouping doesn't.
It seems Telerik grouping relies on CLR properties (e.g., `Employee.Department`), while my data is stored as dictionary key/value pairs. I also tried using a `DataTable`, but grouping still doesn't work.
Has anyone successfully implemented grouping with `Dictionary<string, object>` or `DataTable`? Is there a supported solution for dynamic data?
# Minimal Code
@page "/1"
@using Telerik.Blazor.Components
@using Telerik.DataSource;
@using Telerik.DataSource.Extensions;
<TelerikGrid TItem="Dictionary<string, object>"
Pageable="true"
Groupable="true"
Sortable="true" OnRead="OnLoadData"
Navigable="true"
PageSize="10"
SortMode="Telerik.Blazor.SortMode.Single"
FilterMode="@Telerik.Blazor.GridFilterMode.FilterRow"
Height="500px">
<GridColumns>
@foreach(var col in Columns)
{
<GridColumn Field="@col.Key" Title="@col.Key" FieldType="typeof(string)" />
}
</GridColumns>
</AgirhDataGrid>
@code {
public List<KeyValuePair<string, string>> Columns { get; set; }
private Task OnLoadData(GridReadEventArgs args)
{
var request = new DataSourceRequest
{
Groups = args.Request.Groups,
};
// GetData it's a System.DataTable
var dataSource = GetData.ToDataSourceResult(request);
args.Data = dataSource.AggregateResults ?? dataSource.Data;
args.Total = dataSource.Total;
return Task.CompletedTask;
}
}
