Example of Custom Toolbar in React PDF Viewer Component

All Controls
/
Pdfviewer
/
CustomToolbar

This sample demonstrate how to perform the PDF Viewer core functionalities using a custom toolbar.

More Details...

Loading....
Description

This sample demonstrate how to perform the PDF Viewer core functionalities using a custom toolbar.

In this example, you can see PDF Viewer control API in action to perform the functionalities.

  • Go to Previous Page - viewer.navigation.goToPreviousPage()
  • Go to Next Page - viewer.navigation.goToNextPage()
  • Go to Page - viewer.navigation.goToPage(pageindex)
  • Print - viewer.print.print()
  • Download - viewer.download()
  • Fit To Page - viewer.magnification.fitToPage()
  • Zoom In - viewer.magnification.zoomIn()
  • Zoom Out - viewer.magnification.zoomOut()
  • Load document - viewer.load(fileName, password)

More information on the PDF Viewer instantiation can be found in this documentation section .