Telerik Forums
Kendo UI for Angular Forum
1 answer
55 views

Hi,

We are using a parent-child grid structure in Kendo UI for Angular. In the application UI, all child records are displayed correctly. For example, under the OB building, the child grid shows all room records as expected.

However, when exporting the grid to PDF using Kendo PDF Export, the child grid content for the OB building is cut off and some room records are missing from the generated PDF.

Current Behavior

  • All child records are visible in the UI.
  • During PDF export, the child grid content under the OB building is truncated.

Expected Behavior

  • The exported PDF should include all child grid records exactly as they appear in the UI.

Environment

  • Kendo UI for Angular Version: 21.3.0
  • PDF Export Package Version: 21.3.0
  • Angular Version: 20

 

I have attached screenshots showing:

  1. The UI where all room records are visible.
  2. The generated PDF where the child records are cut off.
Martin Bechev
Telerik team
 answered on 26 Jun 2026
1 answer
135 views

Hi,

Do we need a separate license for Angular version 24.0.1. I do have an active license , but it still complains that the license has expired.

This license works for the previous version of Angular version 20.x.x

Martin Bechev
Telerik team
 answered on 23 Jun 2026
3 answers
95 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
76 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
79 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
56 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
324 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
282 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
67 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
119 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
Narrow your results
Selected tags
Tags
+? more
Top users last month
Tien
Top achievements
Rank 1
Iron
Krasimir
Top achievements
Rank 3
Bronze
Iron
Iron
Cedar
Top achievements
Rank 1
Iron
Emil
Top achievements
Rank 1
Iron
Kyle Watson
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Tien
Top achievements
Rank 1
Iron
Krasimir
Top achievements
Rank 3
Bronze
Iron
Iron
Cedar
Top achievements
Rank 1
Iron
Emil
Top achievements
Rank 1
Iron
Kyle Watson
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?