Dear Telerik Team,
We recently updated our project from kendo font icons v.4.9 to v.5.0 so we had to rename some icons in our components according to this article https://www.telerik.com/design-system/docs/foundation/iconography/changelog/.
This worked as expected for icons that we explicitly set in the template, e.g.
The problem occurs in the dialog windows, where we do not set the close-icon explicitly and just use the built-in title bar.
There shoud be an X-icon here:
When I inspect the element I see it still uses the old class "k-i-close" although it should use the new class "k-i-x":
We don't use any custom title bar for the dialog.
I don't know how to make this work without having to use some custom workarounds. What am I missing?
We are using these versions of the packages:
Thank you very much in advance.
Regards,
Blago.
I need to replicate an existing flow application to Angular. The flowchart consist on simple blocks with a single input and multiple outputs (depending on their type). Every block displays the port names, its type (name and icon) and its step name. Please see the attached image.
I'm trying to do this using Kendo diagrams based on the following guides:
https://www.telerik.com/kendo-angular-ui/components/diagrams/shapes#changing-the-shape-visuals
I think the header/icon/footer schema can be replicated using the visual function of the ShapeDefaults option of the DiagramComponent (kendo-diagram). However, I don't find a way to do the same with the block ports (Connectors). I would like to:
- Show the port name insede the block
- Make the the ports always visible (not only when focused)
- Style the ports according to their type (input/output)
Is there an embeded way to do this?
Thank you in advance for your help.
Hi,
We found a critical inconsistency between Kendo Theme Builder and the Figma default theme UI kit regarding the button components
In Theme Builder / Bootstrap Theme: The fill mode property correctly includes the "Link" option.
In Default Themes (Figma Kit): The fill mode doesn't have Link option (only has Solid, Flat, Outline)
When will the Default Figma libraries be updated to include the "Link" variant?

Hi. There is a problem when dragging an element from the list into the scheduler. The dropTarget element is not resolved correctly. The issue is more evident if the contents of the "kendo-draghint" are bigger.
The user expects to aim and drop using the cursor, but it seems kendo uses the center of kendo-draghint to resolve the dropTarget.
The issue is visible in the demo:
https://demos.telerik.com/kendo-angular-ui/demos/scheduler/editing/external-drag-and-drop
Thanks

I thought this would be an easy out of the box, but I was looking to have one detail open at a time. How would I achieved that
thanks in advance..
Getting below error while building angular application
10:04:17 am[vite] (client)warning:
/.../.angular/cache/20.2.1/.../vite/deps/@progress_kendo-angular-pdfviewer.js
16367 | const worker = yield import(
16368 | /*webpackIgnore: true*/
16369 | this.workerSrc
| ^^^^^^^^^^^^^^
16370 | );
16371 | return worker.WorkerMessageHandler;
The above dynamic import cannot be analyzed by Vite.
See https://github.com/rollup/plugins/tree/master/packages/dynamic-import-vars#limitations for supported dynamic import formats. If this is intended to be left as-is, you can use the /* @vite-ignore */ comment inside the import() call to suppress this warning.
Plugin: vite:import-analysis
File: /.../.angular/cache/20.2.1/.../vite/deps/@progress_kendo-angular-pdfviewer.js?v=46fe0012
@progress/kendo-angular-pdfviewer: 20.0.2
Angular: 20.2.1
Node: 22.18.0
NPM: 10.9.3

Hi,
we noticed Kendo has released a new version of the icons recently. When will those get updated in the figma ui kits?

So request is to change splitbar aria-label so that '50' (or whatever percent) is removed from aria-label. I have tried changing it through splitterBarAttributes. With this setup, NVDA still reads 50 Test separator.
<kendo-splitter
orientation="vertical"
max="1000">
<kendo-splitter-pane
max="500"
[splitterBarAttributes]="{ 'aria-label': 'Test' }"
>
<app-my-component></app-my-component>
</kendo-splitter-pane>
<kendo-splitter-pane
min="500"
[splitterBarAttributes]="{ 'aria-label': 'Test' }"
>
<app-my-component></app-my-component>
</kendo-splitter-pane>
</kendo-splitter>
When header in grid is hidden (either via CSS or via hideHeader property), instead of first cell (first header column cell) getting focus, pressing tab will just skip grid so it is impossible to navigate through grid, toggle groups etc.
https://stackblitz.com/edit/angular-yhtc6xbz-n9c6u4ti?file=src%2Fapp%2Fapp.component.ts

Hi,
We are planning to upgrade to Angular 22 version as soon as it releases in June. What is the timeline for release kendo components that support Angular 22? Or will the latest 23.3.0 work with Angular 22?
Regards,
Jyothi
