Progress Telerik UI for Blazor

Blazor PDF Viewer

  • Explore the Telerik UI for Blazor PDF Viewer component to access, open, download and view PDF files in-browser, without extensions or third-party tools.
  • This component is part of the largest truly native Blazor component suite—Telerik UI for Blazor, designed to perfectly fit any app’s requirement.
  • The Blazor UI suite also comes with professionally designed themes enabled with a flip of a switch, a document processing library, rich docs and demos to help you get started in no time.
Nasa, Visa, Microsoft Fox, Samsung, IBM World Bank Group, Volvo
  • Overview

    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.

    See the Blazor PDF Viewer UI component demo.

  • Built-in Toolbar

    The 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

  • Responsive and Adaptive Capabilities

    As PDF files can be viewed in the browser, this means that the 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.

     

  • Built-In Features

    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

     

  • PDF-Viewer Configuration Options

    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)
  • PDF-Viewer Events

    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
  • PDF-Viewer Theming

    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.

All Blazor Components

Next Steps

Launch demos

See Telerik UI for Blazor in action and check out how much it can do out-of-the-box.

Download free trial

Try Telerik UI for Blazor with dedicated technical support.