HelpBot Assistant

How can I help you?

Feature module in JavaScript PDF Viewer Control

13 Feb 20263 minutes to read

The PDF Viewer features are organized into discrete modules so applications can include only the functionality they require. Inject the necessary modules to extend the viewer’s behavior and reduce bundle size. The modules listed below are available for selective inclusion:

  • Toolbar:- Built-in toolbar for better user interaction.
  • Magnification:- Perform zooming operation for better viewing experience.
  • Navigation:- Easy navigation across the PDF pages.
  • LinkAnnotation:- Easy navigation within and outside of the PDF document.
  • ThumbnailView:- Easy navigation with in the PDF document.
  • BookmarkView:- Easy navigation based on the bookmark content of the PDF document.
  • TextSelection:- Select and copy text from a PDF file.
  • TextSearch:- Search a text easily across the PDF document.
  • Print:- Print the entire document or a specific page directly from the browser.
  • Annotation:- Annotations can be added or edited in the PDF document.
  • FormFields:- Preserve the form fields in the PDF document.
  • FormDesigner:- Form fields can be added or edited in the PDF document.

In addition to injecting the required modules in your application, enable corresponding properties to extend the functionality for a PDF Viewer instance.
Refer to the following table.

Module Dependent modules to be injected for extending the functionality of PDF Viewer in your application Property to enable the functionality for a PDF Viewer instance
Toolbar PdfViewer.Inject(Toolbar) let pdfViewer: PdfViewer = new PdfViewer({ enableToolbar: true });
Magnification PdfViewer.Inject(Magnification) let pdfViewer: PdfViewer = new PdfViewer({ enableMagnification: true });
Navigation PdfViewer.Inject(Navigation) let pdfViewer: PdfViewer = new PdfViewer({ enableNavigation: true });
LinkAnnotation PdfViewer.Inject(LinkAnnotation) let pdfViewer: PdfViewer = new PdfViewer({ enableHyperlink: true });
ThumbnailView PdfViewer.Inject(ThumbnailView) let pdfViewer: PdfViewer = new PdfViewer({ enableThumbnail: true });
BookmarkView PdfViewer.Inject(BookmarkView) let pdfViewer: PdfViewer = new PdfViewer({ enableBookmark: true });
TextSelection PdfViewer.Inject(TextSelection) let pdfViewer: PdfViewer = new PdfViewer({ enableTextSelection: true });
TextSearch PdfViewer.Inject(TextSearch) let pdfViewer: PdfViewer = new PdfViewer({ enableTextSearch: true });
Print PdfViewer.Inject(Print) let pdfViewer: PdfViewer = new PdfViewer({ enablePrint: true });
Annotation PdfViewer.Inject(Annotation) let pdfViewer: PdfViewer = new PdfViewer({ enableAnnotation: true });
FormFields PdfViewer.Inject(FormFields) let pdfViewer: PdfViewer = new PdfViewer({ enableFormFields: true });
FormDesigner PdfViewer.Inject(FormDesigner) let pdfViewer: PdfViewer = new PdfViewer({ enableFormDesigner: true });

See also