PDFViewer

The PDFViewer component enables users to read and interact with PDF documents directly in the browser.

Usage Guidelines

The Telerik and Kendo UI PDFViewer requires you to follow some basic principles when using the component.

Tools Grouping

When customizing the tools in the PDFViewer component, arrange them thoughtfully into semantic groups and use spacer elements between them to separate them visually. This not only reduces the cognitive load but also improves the overall user experience.

A Telerik and Kendo UI PDFViewer demonstrating a correct grouping of the tools
Arrange toolbar tools into semantic groups and incorporate spacer elements between them to reduce the cognitive load and enhance the overall user experience.
Incorrectly used Telerik and Kendo UI PDFViewer that lacks semantic grouping of the tools
Avoid toolbar layouts lacking semantic grouping and proper spacing as this can lead to frustration and compromise the user experience.

Canvas Height

When using the PDFViewer component, consider the available space and provide sufficient vertical height for the canvas of the UI component. This allows you to achieve a comfortable document-viewing experience.

A Telerik and Kendo UI PDFViewer with sufficient canvas height
Provide sufficient vertical height for the canvas area to improve the visualization and readability of the document.
Incorrect use of a Telerik and Kendo UI PDFViewer configured with insufficient canvas height
Avoid very small vertical height of the canvas area, as this will frustrate users and reduce readability by forcing them to scroll too much.
Feedback