Telerik Forums
Kendo UI for Angular Forum
3 answers
65 views

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.

Zornitsa
Telerik team
 answered on 16 Jun 2026
1 answer
53 views

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/connections#defining-shape-connector-points

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.

 

Martin Bechev
Telerik team
 answered on 10 Jun 2026
1 answer
61 views

Hi,

We found a critical inconsistency between Kendo Theme Builder and the Figma default theme UI kit regarding the button components

  1. In Theme Builder / Bootstrap Theme: The fill mode property correctly includes the "Link" option.

  2. 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?

Nick Iliev
Telerik team
 updated answer on 28 May 2026
1 answer
37 views

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

Martin Bechev
Telerik team
 answered on 25 May 2026
1 answer
308 views

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..

 

John
Top achievements
Rank 1
Iron
 updated question on 22 May 2026
3 answers
254 views

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

 

 

 

Martin Bechev
Telerik team
 answered on 22 May 2026
1 answer
40 views

Hi, 

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

 

 

Vessy
Telerik team
 answered on 22 May 2026
1 answer
102 views

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>

Martin Bechev
Telerik team
 answered on 01 May 2026
1 answer
74 views

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

Martin Bechev
Telerik team
 answered on 30 Apr 2026
1 answer
228 views

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

Yanmario
Telerik team
 answered on 29 Apr 2026
Narrow your results
Selected tags
Tags
+? more
Top users last month
Shiori
Top achievements
Rank 2
Iron
Tien
Top achievements
Rank 1
Iron
Robert
Top achievements
Rank 1
Rob
Top achievements
Rank 4
Bronze
Bronze
Iron
Geoff
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Shiori
Top achievements
Rank 2
Iron
Tien
Top achievements
Rank 1
Iron
Robert
Top achievements
Rank 1
Rob
Top achievements
Rank 4
Bronze
Bronze
Iron
Geoff
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?