Telerik Forums
UI for Blazor Forum
1 answer
18 views

I have a Telerik Blazor chart with time-based data updating in real time. The X-axis labels are not aligned with the major ticks — they are showing between two ticks instead of directly on them.

I am currently using CategoryField for the time values.

How can I make the labels align with the major ticks?

Code Snippet:

<!-- Category Axis -->
<ChartCategoryAxes>
    <ChartCategoryAxis Type="ChartCategoryAxisType.Date"
                       BaseUnit="@GetBaseUnit()"
                       BaseUnitStep="@GetAutoBaseUnitStep()"
                       Min="@VisibleMin"
                       Max="@VisibleMax"
                       AxisCrossingValue="@GetCategoryAxisCrossings()"
                       Visible="@XAxisConfig.Visible"
                       Color="@XAxisConfig.AxisColor">

        <ChartCategoryAxisMajorTicks Visible="@ShowMajorTicks"
                                     Size="@XAxisConfig.MajorTickSize"
                                     Color="@XAxisConfig.MajorTickColor"
                                     Step="@MajorTickStep" />

        <ChartCategoryAxisMinorTicks Visible="@ShowMinorTicks"
                                     Size="@XAxisConfig.MinorTickSize"
                                     Color="@XAxisConfig.MinorTickColor"
                                     Step="@MinorTickStep" />

        <ChartCategoryAxisMajorGridLines Visible="@(ShowMajorTicks && XAxisConfig.ShowMajorGridLines)"
                                         Width="@XAxisConfig.MajorGridWidth"
                                         Step="@MajorTickStep"
                                         Color="@XAxisConfig.MajorGridColor"
                                         DashType="@GetDashType(XAxisConfig.MajorGridDash)" />

        <ChartCategoryAxisMinorGridLines Visible="@(ShowMinorTicks && XAxisConfig.ShowMinorGridLines)"
                                         Width="@XAxisConfig.MinorGridWidth"
                                         Step="@MinorTickStep"
                                         Color="@XAxisConfig.MinorGridColor"
                                         DashType="@GetDashType(XAxisConfig.MinorGridDash)" />

        <ChartCategoryAxisTitle Text="@(string.IsNullOrEmpty(XAxisConfig.Title) ? GetXAxisTitle() : XAxisConfig.Title)" />

        <ChartCategoryAxisLabels Format="@GetAxisLabelFormat()"
                                 Step="@(ShowMajorTicks ? MajorTickStep : 1)">
            <ChartCategoryAxisLabelsRotation Angle="@CategoryLabelRotation"
                                             Align="ChartAxisLabelsRotationAlignment.Center" />
        </ChartCategoryAxisLabels>

    </ChartCategoryAxis>
</ChartCategoryAxes>
Dimo
Telerik team
 answered on 20 Mar 2026
1 answer
25 views
When user clicks on the input field of DatePicker, it either select date, or month, or year, but we want to select whole date input field and start from first input (dd or MM or YYYY) and move to next field.
Dimo
Telerik team
 answered on 19 Mar 2026
1 answer
22 views

I like the Map component and have it working reasonably well with a couple of exceptions:

There is no option to calculate a road route between two points. (not talking lines, but actual road routes like one sees in Google maps)

In addition the Center and Zoom don't automatically get calculated based on the Map Layer data points?

I've manually calculated "Center" ... also calculated the distance between two points (but this is not actual road travel distance) in order to determine a Zoom level (interpolated).  

I've seen this:

https://feedback.telerik.com/blazor/1563350-map-routing

and

https://feedback.telerik.com/blazor/1571399-add-the-ability-to-draw-lines-and-polygons

But it seems these never gain traction.

I realize I can probably go with a Google API KEY but that incurs an expense that could be nothing to very expensive pending usage.  I was hoping Telerik Map component would be my solution, but finding some limitation.

Thoughts?

Dimo
Telerik team
 answered on 19 Mar 2026
1 answer
27 views

It seems changes made to CSS in V13 has triggered a code effort to "correct" as per article here:

https://www.telerik.com/blazor-ui/documentation/upgrade/rendering-changes/13-0-0

Not sure why this was done, but it's left us with dropdownlist and grids and many buttons much larger than before and as such as increased the row heights causing a BIG mess.

I can go thru the Developer mode for Edge and trying to locate all the offending changes, but that's time consuming.  Can I get a more comprehensive list of what exactly was changed and what CSS k classes I'll need to address to get this back to what was working in v12.3?

Rob.

Dimo
Telerik team
 answered on 18 Mar 2026
1 answer
22 views

Hello,

I have a Telerik Grid where each row contains a TelerikFileSelect component. In the OnSelect method how can I determine the row of the component selecting the file.

Thanks,

Dave

Dimo
Telerik team
 answered on 17 Mar 2026
1 answer
22 views

Hi,

Is anyone else seeing the following errors generated whenever a Blazor page is closed

[09:31:28 ERR] Unhandled exception in circuit 'SxXtedGLjUhdy-eMLBc7qIlbtXfClIJFypLcSzO9PZs'.
Microsoft.JSInterop.JSDisconnectedException: JavaScript interop calls cannot be issued at this time. This is because the circuit has disconnected and is being disposed.
   at Microsoft.AspNetCore.Components.Server.Circuits.RemoteJSRuntime.BeginInvokeJS(JSInvocationInfo& invocationInfo)
   at Microsoft.JSInterop.JSRuntime.InvokeAsync[TValue](Int64 targetInstanceId, String identifier, JSCallType callType, CancellationToken cancellationToken, Object[] args)
   at Microsoft.JSInterop.JSRuntime.InvokeAsync[TValue](Int64 targetInstanceId, String identifier, JSCallType callType, Object[] args)
   at Microsoft.JSInterop.JSRuntimeExtensions.InvokeVoidAsync(IJSRuntime jsRuntime, String identifier, Object[] args)
   at Telerik.Blazor.Components.Common.Loader.ComponentLoaderContainer.DisposeAsync()
   at Microsoft.AspNetCore.Components.RenderTree.Renderer.<>c__DisplayClass105_0.<<Dispose>g__HandleAsyncExceptions|0>d.MoveNext()

Claude thinks it is because the ComponentLoaderContainer is missing a try/catch expression around the JSInterop DisposeAsync() call?

Thanks,

Charlotte

Dimo
Telerik team
 answered on 17 Mar 2026
0 answers
26 views

For whatever strange reason it is, my project starts to hit error in string.cs overflow exception after upgrade to 13.0.0.

It is fine when I downgrade it back to 12.3.0.

There are no changes in the code, merely changing the version to 13.0.0 will hit error.

Anybody experiencing this?

 

SHSIOW
Top achievements
Rank 1
 asked on 13 Mar 2026
1 answer
15 views

When I have a TelerikFilter in a TelerikPopover, removing a group or expression doesn't work. I think the issue is that the filter is not visually updating because when I click the X once nothing happens, but when I click the X again I get the Unhandled Error banner.

I also noticed that if I have another filter using the same variable for Value somewhere else in the DOM (not in a TelerikPopover), then the one in the TelerikPopover works as expected when removing groups and expressions.


<TelerikPopover AnchorSelector="span.filter-popover-target"
                ShowOn="@PopoverShowOn.Click"
                Offset="10" 
                Class="bg-dark-subtle"
                AnimationType="@AnimationType.SlideDown"
                AnimationDuration="500"
                ShowCallout="false"
                Collision="@PopoverCollision.Fit"
                Position="@PopoverPosition.Bottom"
                Width="650px"
                @ref="@FilterPopoverRef">
    <PopoverContent>
        <div p-1>
            <div class="h2">Filter Projects</div>
            <TelerikFilter Value="@ProjectFilter" OnUpdate="@OnFilterUpdate">
                <FilterFields>
                    <FilterField Name="@(nameof(ProjectModel.CustomerContact))"
                                    Type="@(typeof(string))"
                                    Label="Cust Contact"
                                    Operators="@TextFilterOperators" />
                    <FilterField Name="@(nameof(ProjectModel.Description))"
                                    Type="@(typeof(string))"
                                    Label="Description"
                                    Operators="@TextFilterOperators" />
                </FilterFields>
            </TelerikFilter>
        </div>
    </PopoverContent>
</TelerikPopover>

Dimo
Telerik team
 answered on 13 Mar 2026
1 answer
53 views

My project is a windows service that hosts a blazor web site and api.  When deployed using an MSI, Telerik says it is not licensed.  What must be done with the license file to ensure it is registered?

            int portNumber =
                builder.Configuration.GetValue<int>(
                    "Kestrel:Startup:Port");

            builder.Host.UseWindowsService();
            builder.WebHost.UseKestrel(options =>
            {
                options.Listen(IPAddress.Loopback, portNumber);
            });

Joel
Top achievements
Rank 3
Bronze
Bronze
Bronze
 answered on 11 Mar 2026
1 answer
27 views

If I place a breakpoint in the OnUpdate handler (async) in a grid, spend about 20 seconds inspecting values (no code changes, just looking at values) and then "continue" I get the following:

The grid is now completely unresponsive ... it doesn't continue execution and I have to basically stop execution from VS 2026.  Having to return a test session every time I debug is INCREDIBLY time consuming ... there must be a better way to debug?

 

Dimo
Telerik team
 answered on 09 Mar 2026
Narrow your results
Selected tags
Tags
+? more
Top users last month
Boardy
Top achievements
Rank 2
Veteran
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
ivory
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
ClausDC
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Boardy
Top achievements
Rank 2
Veteran
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
ivory
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
ClausDC
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?