Telerik Forums
UI for Blazor Forum
1 answer
249 views

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.

Here is my current tree view which works fine but I can't get the level.
<div>This is the tree view <br />
<TelerikTreeView
    Data="TreeViewList">
    <TreeViewBindings>
        <TreeViewBinding 
            ParentIdField="ParentId"
            IdField="Id"
            HasChildrenField="HasChildren"
            TextField="Name">
        </TreeViewBinding>
    </TreeViewBindings>
</TelerikTreeView>
</div>

Patrick | Technical Support Engineer, Senior
Telerik team
 updated answer on 04 Aug 2026
1 answer
26 views

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.

Dimo
Telerik team
 answered on 04 Aug 2026
2 answers
82 views

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.

Craig
Top achievements
Rank 1
Iron
Iron
 updated answer on 28 Jul 2026
1 answer
14 views

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.

Monja
Top achievements
Rank 1
 updated question on 28 Jul 2026
1 answer
16 views

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:

  • Is CSS zoom officially supported by Telerik UI for Blazor?
  • Is the need to handle .k-animation-container and its child contents separately expected behavior, or is there a better, recommended approach?

Thanks!

Dimo
Telerik team
 answered on 28 Jul 2026
1 answer
13 views
Why is the Menu component missing an Id tag? It is true that id's are as necessary as they were in .NET Framework, however, for testing purposes (Selenium), id's are somewhat necessary for finding things whether they are visible or not visible.
Dimo
Telerik team
 answered on 28 Jul 2026
1 answer
16 views

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

 

Ivan Danchev
Telerik team
 answered on 22 Jul 2026
1 answer
39 views

14.0.0 changed the Template parameter of ChartSeriesLabels so it only supports JavaScript function names and not arbitrary JavaScript: Blazor Breaking Changes 14.0.0 - Telerik UI for Blazor

However, now that Template property is marked as deprecated in code, which causes warnings when developing and during the build. Obviously we want to reduce warnings wherever possible, but even if using Template properly, you will always get the obsolete warning when that property exists in your .razor file.

Is there any reason this change was communicated with the .NET obsolete attribute, which is now resulting in false positive warnings all over the place? Is there any recommendation on what to do with these warnings? I did not find any recommendations on this in the Telerik documentation for the chart, the 14.0.0 release notes, or the 14.0.0 breaking changes article. I don't want to suppress CS0618 project-wide, since it's very useful to have. Should I just write manual warnings suppressions around each use of ChartSeriesLabels across my project? Is Telerik planning to no longer obsolete the Template property in future versions, or is it actually being deprecated in favor of something else?

Dimo
Telerik team
 answered on 03 Jul 2026
1 answer
67 views
I have Telerik.UI.for.Blazor v14.0.0 installed but that is rendering the v4 version of the Svg icons.  I would like to use v5.   How can I do this?
Ivan Danchev
Telerik team
 answered on 02 Jul 2026
1 answer
26 views

Hi, I am trying to port our app to Blazor from UI for Ajax. One of the glaring omissions is the FocusDate which we use heavily.

Use case: team is planning the travel a staff member to the Tour de France sometime in May. However, the race is in July. The Blazor UI will use the selected date however, there is no selected date yet. In the UI for Ajax version, we use the starting date of the race as the focus date which places the travel in the right neighborhood and most likely doesn't require the user to change the month making the process more productive.

The worst case scenario is when the team is planning a training camp and they have to change the view every single time for 200 people. That's not very nice.

I am wrapping the Telerik control within a component to be able to have better Placeholder feedback for the user.

Matt.

Dimo
Telerik team
 answered on 02 Jul 2026
Narrow your results
Selected tags
Tags
+? more
Top users last month
Simon
Top achievements
Rank 2
Iron
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Grant
Top achievements
Rank 3
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Simon
Top achievements
Rank 2
Iron
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Grant
Top achievements
Rank 3
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?