Hi everyone,

I’m using Kendo PDF Export in my Angular project, and I’m facing an issue with section titles and their content being split across pages.

In my case, the content is dynamic, so its size can vary a lot. Each section has a title and a block of data (text, tables, etc.), and some sections can span multiple pages depending on the data length.

What I’d like to achieve is that a section title never appears at the bottom of one page while its content starts on the next page. In other words, the section should stay together as much as possible, or at least start on a new page when needed.

I’ve already tried several approaches (page-break-inside: avoid, wrapping sections in <div> containers, adjusting margins, etc.), but none of them have produced consistent results — especially when the section itself is large enough to span more than one page.

Has anyone encountered this issue and found a reliable way to keep section headers and their content together when exporting to PDF with Kendo?

Thanks in advance!

Hello Kendo team, 

Can you please help me fix this export issue, where in if I export with a lot of data, the first page is not having all the columns of data.

Please have a look at the stackblitz

https://stackblitz.com/edit/angular-znla2i-f7gggwxy.

If I click on Export Big, the first page is having only first column, expected result is to have all the columns.

I have an angular project that has a kendo grid that needs to be exported into PDF.  Kendo grid has an expanded details per specific items when conditions met. 

As can see below, I need to make the parent row to be together with its expanded detail when the page breaks. How can I achieve it?



Appreciate the response about my inquiry.

Thank you!

https://www.telerik.com/kendo-angular-ui/components/pdf-export/auto-print/

In this scenario you have to use the checkbox.  However, I would like to use 2 buttons.  One for Download only and one for Download with auto print.  The problem I'm having is that setting the autoPrint = true in code does not work in Angular until the second time.  So it appears that Kendo does not pick up the change in value.  

Does anyone know a way to make this happen without using a checkbox?

Hi There,

I'm currently trying to use the Kendo PDF Export Function using Kendo Drawing and have been struggling to split the page of dynamic widgets into 2 and it cuts off the bottom of the page and doesnt go onto a second page even when using force page break.

Is there any function to check if the page is overflowing? so I can adjust the table template with extra white space.

Or how can I amend this issue and make the page flow onto 2 pages even if the element ends up getting split in 2.

Attempt without page breaking:

const drawing = awaitdrawDOM(this.elm.nativeElement, {
      paperSize: 'a4',
      scale: 0.45,
    });

const myData = await exportPDF(drawing);

saveAs(myData, `test.pdf`);

<div #elm >
...content...
</div>

In the image of the pdf, the bottom of the grid is cut off, then I did the same with text and the text template isnt even visible and doesnt flow onto the next page.

Attempt with Page breaking:

const drawing = awaitdrawDOM(this.elm.nativeElement, {
      paperSize: 'a4',
      scale: 0.45, 
      forcePageBreak: '.page-break',
    });

const myData = await exportPDF(drawing);

saveAs(myData, `test.pdf`);

Child Component with page breaking:

<div class=".page-break"></div>
<div class="h-full flex flex-col">
...content...
</div>

Grid component with page breaking

<div class="h-full flex flex-col page-break">

<ngContainer... *gridTemplate></ng-container>

...content...
</div>

<ngTemplate  #gridTemplate>
...Kendo Grid...
</ngTemplate>

I’m using Kendo PDFViewer ver 13.1.0, and this is what my codes look like:

As you can see I didn’t set any toolbar on it and by default it should show all the toolbar options that is included by the package, 

But the issue here is that if the user start to search using the ‘search’ from toolbar option, it is somehow broken as you can see in the picture. The detected key is not highlighted properly.

Can someone assist me with this concern?

Thanks!

Hello,

How can we use dropdown buttons to show export to excel and export to pdf options in grid's header? I'm not able to visualize how to use kendoGridExcelCommand and kendoGridPdfCommand in dropdown button.