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?

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.

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

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

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?

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>

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

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?

Hy,

I have an issue with the validation state of a FormItem that uses a custom Template.

I have created the following TelerikForm:

MyForm.razor

DepartmentSelect.razor

LineInefficientyRegistryDto.cs

According with the link Blazor Form Form Items Template - Telerik UI for Blazor, I expect to obtain the following result when the field is not valid after the form submit:

But I have this:

As you can see, the DropDownList is not being highlighted in red. 

Does anyone know why this happens and how to resolve the issue?

Regards,

Marco

I want to use the new DropDownTree component to present a hierarchy of Menus > Tabs > Sections to allow a user to select a preferred default item on initial rendering of the main UI.

I would like to present everything fully expanded and prevent user from collapsing any node.

I furthermore would like to allow the user to only select a "leaf" item - that is, a node with no children.

How can I achieve this?