Blazor PDF Viewer

The Telerik UI for Blazor PDF Viewer component allows users to view and interact with PDF files directly in the browser, without needing to download the file or use third-party tools or browser extensions. The PDFViewer control will significantly impact productivity and efficiency for developers that deal with software modules or entire applications for document management. The PDF Viewer for Blazor includes a toolbar with built-in features to open, view, and download PDF files, paging, PDF search options, zoom in/out, printing and more. You can further customize the built-in commands and expand the tool bar with new ones such as adding a watermark or sending via email.

The Blazor PDF Viewer comes with a built-in toolbar to accommodate various handy features and make them easily accessible. From the toolbar users can download and open a file as well as go to the next or previous page with the option to jump to the last or the first document page with one click. The control allows users to plug in their own custom commands and buttons into the PDF Viewer and meet any PDF Viewer scenario they need to.

See the Blazor PDF Viewer demo

As PDF files can be viewed in the browser, this means that the Blazor PDF Viewer can be utilized in responsive applications. Thanks to the built-in responsive rendering and adaptive capabilities, PDFs can be accessed through the PDF Viewer on mobile devices, under various form factors.

The Blazor PDF Viewer comes with several out-of-the box features that can be accessed through the component toolbar:

• Open – opens a PDF file
• Page – goes to previous/next page or jump to first/last page
• Download – downloads the currently viewed PDF
• Enable Selection – selects text within the PDF
• Print – prints PDF file
• Open Search – enables search function within the PDF contents
• Zoom – allows zooming in/out within the document
  

The PDF Viewer provides multiple configuration settings that can be used to customize built-in commands or add new commands. These can be accessed by end-users through custom buttons in the toolbar’s UI. Configuration settings include:

• Class - allowing you to add a custom CSS class
• Width - aimed at adapting the width of the component
• Height - aimed at adapting the height of the component
• EnableLoaderContainer - specifying if a loader container should be shown on async operations
• MinZoom –configuration of the minimum zoom level
• MaxZoom –configuration of the maximum zoom level
• ZoomRate – configuration of  the zoom delta (step), applies to both mouse wheel and in/out toolbar zoom buttons
• Zoom/ZoomChanged – associated with getting or setting the current zoom level
• Page/PageChanged - relates to getting or setting the document page number (starting from 1)

The Telerik UI for Blazor PDF Viewer component exposes two methods you can leverage for programmatic operations:

• Print method: prints the loaded PDF file and serves as an alternative to the built-in print button in the toolbar.
• Rebind method: refreshes the PDF Viewer to ensure that you see the latest file data.

Learn more about Telerik UI for Blazor PDF Viewer Methods in the documentation

The Telerik UI for Blazor PDFViewer component exposes several events to let you easily handle file operations logic in Blazor apps. Below is a summary of the available events and their triggers:

• ZoomChanged – triggered when the user changes the current zoom level
• PageChanged – triggered when the user changes the current page number in the PDF Viewer
• OnOpen – triggered when the user clicks the "Open" button from the toolbar
• OnDownload – triggered when the user clicks the "Download" button from the toolbar
• OnError – triggered when an error occurs, for example when the selected file cannot be read
  

The Telerik UI for Blazor PDF Viewer component can be used with several built-in themes and color swatches, including the four most popular—Default (our own Telerik-infused styling), Material (based on the Material Design guidelines), Bootstrap and Fluent. You can enjoy plenty of customization options to match your own branding by using the Telerik SASS ThemeBuilder application, also available as a ThemeBuilder Pro version with lots of additional customization options.

The PDF Viewer component is also available for the following popular Web frameworks:

• ASP.NET Core
• ASP.NET MVC
• ASP.NET AJAX
• jQuery

The Telerik UI for Blazor PDF Viewer component supports right-to-left configuration. The RTL functionality is supported by most of our components to accommodate users who communicate in a right-to-left language script, such as Arabic and Hebrew.

Learn more in our Blazor Right-to-Left Support documentation