Feature modules
16 Feb 20242 minutes to read
The Angular PDF Viewer
features are segregated into individual feature-wise modules to enable selectively referencing in the application. The required modules should be injected to extend its functionality. The following are the selective modules of PDF Viewer that can be included as required:
The available PdfViewer modules are:
- 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.
- StickyNotesAnnotation:- Adding sticky notes to 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 | Property to enable the functionality for a PDF Viewer instance |
---|---|
Toolbar | <ejs-pdfviewer enableToolbar= true ></ejs-pdfviewer> |
Magnification | <ejs-pdfviewer enableMagnification= true ></ejs-pdfviewer> |
Navigation | <ejs-pdfviewer enableNavigation= true ></ejs-pdfviewer> |
LinkAnnotation | <ejs-pdfviewer enableHyperlink= true ></ejs-pdfviewer> |
ThumbnailView | <ejs-pdfviewer enableThumbnail= true ></ejs-pdfviewer> |
BookmarkView | <ejs-pdfviewer enableBookmark= true ></ejs-pdfviewer> |
TextSelection | <ejs-pdfviewer enableTextSelection= true ></ejs-pdfviewer> |
TextSearch | <ejs-pdfviewer enableTextSearch= true ></ejs-pdfviewer> |
<ejs-pdfviewer enablePrint= true ></ejs-pdfviewer> |
|
Annotation | <ejs-pdfviewer enableAnnotation= true ></ejs-pdfviewer> |
FormFields | <ejs-pdfviewer enableFormFields= true ></ejs-pdfviewer> |
FormDesigner | <ejs-pdfviewer enableFormDesigner= true ></ejs-pdfviewer> |
StickyNotesAnnotation | <ejs-pdfviewer enableStickyNotesAnnotation= true ></ejs-pdfviewer> |