New to Kendo UI for Vue? Start a free 30-day trial

Custom Rendering

Updated on Jul 31, 2026

The PDF Viewer exposes three events allowing you to customize the default rendering of its nested components:

onRenderToolbar—Allows you to add custom tools inside the toolbar.
onRenderContent—Allows the customization of the content layout.

Custom Tools

The following example showcases how to add a custom tool to the PDF Viewer toolbar by keeping some of the built-in tools at the same time. For this purpose, collect all built-in tools available in the @rendertoolbar event arguments, and then return only the desired ones and a custom Mark as read button.

Change Theme

Theme

Loading ...

Custom Content

The PDF Viewer allows you to customize the loaded content by overwriting the result returned by the @rendercontent event. In this example, you will see how to add a red border to the element that wraps the loaded PDF document.