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