KendoReact PDF Generator Overview
The KendoReact PDF Generator enables you to export a selection of or the entire content of a web page to a PDF file. With it, you can scale the content to better fit on the page, customize the paper size, change the page orientation, work with templates and use many others features that provide extensive control over the exported PDF file.
The KendoReact PDF Processing is built on React from the ground up, with zero dependencies, by a company with 19+ years of experience in making enterprise-ready components and UI widgets. This results in React PDF Processing that delivers lightning fast performance and is highly customizable.
This demo implements some of the features that are available in the React PDF generator.
- You can export the content of the PDFExport component or export a specific DOM element.
- Export to PDF multiple components including a KendoReact Data Grid and two KendoReact Charts.
- Adjust the export PDF based on the content using the automatic paper size option.
- Set custom margins for the export file.
- Generate a dynamic file name based on the current date.
- Set the author (metadata) to reflect you or your organization.
Among the many features, which the KendoReact PDF Export delivers are:
- Image resolution— You can limit the image resolution to improve performance (the default is to export images in their original resolution).
- Hyperlinks—You can choose if the hyperlinks should be clickable or not in the exported PDF file.
- Content scaling—The KendoReact PDF Renderer enables you to export a PDF document that is bigger or smaller than its original elements in order to fit a large document on a single page.
- Margin configuration—The PDF Processing functionality delivers options for setting the margins of the output PDF files, which provides better control over the layout of the exported document.
- Repeated table headers—The PDF Processing component enables you to render recurrent table headers.
- Multi-page content—For larger documents, the KendoReact PDF Renderer provides options for generating multi-page PDF files, preventing page-split, and rendering page templates.
- Hidden content—If you need to display certain content only in the exported PDF, you can generate content, which is otherwise not visible to the user before the PDF file is exported.
- Base64 Strings—When the document has to be exported on the server, the React PDF Generator enables you to create base64 string during the PDF export and send it to the server.
- Content styling—You can change the appearance of the content with CSS rules that apply only to the PDF file, which allows styling the generated PDF without changing the web page appearance.
- Theme support—The KendoReact PDF Processing, as well as all 90+ components in the KendoReact suite, are styled in three polished themes (Bootstrap, Material, and Default) and can be further customized to match your specific design guidelines.
- KendoReact PDF Processing and all KendoReact components are natively written with TypeScript and provide all the benefits of TypeScript, such as typings, IntelliSense and many others.
For any issues you might encounter while working with the KendoReact PDF Generator, use any of the available support channels:
- KendoReact license holders and active trialists can take advantage of our outstanding customer support delivered by the developers building the library. To submit a support ticket, use the KendoReact dedicated support system.
- KendoReact forums are part of the free support you can get from the community and from the KendoReact team on all kinds of general issues.
- KendoReact feedback portal and KendoReact roadmap provide information on the features in discussion and also the planned ones for release.
- KendoReact uses GitHub Issues as its bug tracker and you can submit any related reports there. Also, check out the closed list.
- You may still need a tailor-made solution for your project. In such cases, go straight to Telerik Services.
- How to Export to PDF in React Part 1: Methods
- How to Export to PDF in React Part 2: Exporting Scenarios