Getting Started with Kendo UI for Vue PDF Processing

The Kendo UI for Vue PDF Processing enables you to export single- and multi-page content in PDF and provides options such as embedding images, exporting hidden content, setting the margins of the document and styling the output.

To export pages and page sections to PDF files, use either:

• The PDFExport component, or
• The savePDF method.

To export content to PDF with the PDFExport component:

1. Place the content inside it.
2. Call the save method of the component to save the generated file.

To export content to PDF with the savePDF method:

1. Call the method.
2. Pass the content as its argument.

The PDF Processing feature is part of the Kendo UI for Vue library of Vue UI components. It is distributed through NPM under the kendo-vue-pdf package.

Basic Usage

The following example demonstrates the PDF Processing export components in action.

Functionality and Features

• Embedding images
• Disabling hyperlinks
• Scaling the exported content
• Configuring the margins of the exported content
• Rendering repeated table headers
• Rendering multi-page content
• Hiding extra content
• Creating Base64 strings
• Styling of the exported content

Refer to the Drawing library documentation for more information on:

• Rendering dimensions and CSS units
• Embedding fonts
• Exporting Unicode characters

Installation

1. Download and install the package. Use Node.js v5.0.0 or later.

   Copy Codenpm install --save @progress/kendo-vue-pdf @progress/kendo-drawing @progress/kendo-licensing

2. Once installed, import the package module.

   Copy Code // ES2015 module syntax
    import { PDFExport, savePDF } from '@progress/kendo-vue-pdf';

   Copy Code// CommonJS format
   const { PDFExport, savePDF } = require('@progress/kendo-vue-pdf');

3. Follow the instructions on the Kendo UI for Vue My License page to activate your license. You can skip this step if your application already contains a Kendo UI for Vue license file.

Suggested Links

• API Reference of the PDF Processing Component
• Limitations and Browser Support for the PDF Processing Component and the Drawing Library