How to export a tabStrip with 4 tab in a pdf using kendoUI pdf export in angular?

[Ajay]

Hi,

I am currently working with the KendoUI Angular TabStrip and the pdfExport functionality. I have a specific requirement where I need to work with the same functionality. My situation involves a TabStrip that consists of four tabs, and each of these tabs contains a graph from different components. When using the pdfExport feature, I've noticed that only the currently open tab can be exported to PDF. However, my goal is to export all four charts into a single PDF file.

I'd like to inquire whether this feature is supported by KendoUI. If it is supported, could you please guide me on how to achieve this functionality?

[Tsvetelina]

Hi Ajay,

Indeed, as you have noticed, the PDFExport Component generates a PDF file from what is currently displayed on the page. To generate PDF content that is otherwise not visible, please refer to the following article about Hidden Content:

https://www.telerik.com/kendo-angular-ui/components/pdf-export/hidden-content/

For your convenience, I have created a Stackblitz example where the TabStrip Tabs' contents are placed in an off-screen container which is then exported:

https://stackblitz.com/edit/angular-wpdtwf

This example can be further customized to export charts as per the specific requirements.

I hope this helps.

Regards,
Tsvetelina
Progress Telerik