---
title: Usage
position: 2
seo_title: Guidelines for Using the PDFViewer Component
seo_description: Get the knack of the Telerik and Kendo UI PDFViewer and learn
  how to use and implement the component by following the instructions and
  recommendations in the user guidelines created by our designers.
---

## 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.

<DosDonts>
<Do description="Arrange toolbar tools into semantic groups and incorporate spacer elements between them to reduce the cognitive load and enhance the overall user experience.">![A Telerik and Kendo UI PDFViewer demonstrating a correct grouping of the tools](images/components-pdfviewer-usage-tools-grouping-do.png "Group the toolbar tools when working with the Telerik and Kendo UI PDFViewer.")</Do>
<Dont description="Avoid toolbar layouts lacking semantic grouping and proper spacing as this can lead to frustration and compromise the user experience.">![Incorrectly used Telerik and Kendo UI PDFViewer that lacks semantic grouping of the tools](images/components-pdfviewer-usage-tools-grouping-dont.png "Don't use the Telerik and Kendo UI PDFViewer without semantically grouping the tools.")</Dont>
</DosDonts>


### 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.

<DosDonts>
<Do description="Provide sufficient vertical height for the canvas area to improve the visualization and readability of the document.">![A Telerik and Kendo UI PDFViewer with sufficient canvas height](images/components-pdfviewer-usage-canvas-height-do.png "Use a canvas height that allows comfortable document viewing in the Telerik and Kendo UI PDFViewer.")</Do>
<Dont description="Avoid very small vertical height of the canvas area, as this will frustrate users and reduce readability by forcing them to scroll too much.">![Incorrect use of a Telerik and Kendo UI PDFViewer configured with insufficient canvas height](images/components-pdfviewer-usage-canvas-height-dont.png "Don't reduce the canvas too much when working with the Telerik and Kendo UI PDFViewer.")</Dont>
</DosDonts>