From c8b03870ea0bee5af2ff20a6f31a701f478e9c0b Mon Sep 17 00:00:00 2001 From: MuralidharanGSF4527 Date: Mon, 27 Oct 2025 13:13:53 +0530 Subject: [PATCH 1/7] 986927: revamped custom-font md and other issues --- Document-Processing-toc.html | 20 +- .../PDF/PDF-Viewer/javascript-es6/event.md | 2 +- .../javascript-es6/feature-module.md | 22 +- .../javascript-es6/how-to-overview.md | 100 +- .../page-navigation.md | 2 +- .../PDF-Viewer/javascript-es6/navigation.md | 339 +----- .../organize-pdf/organize-pdf-events.md | 6 +- .../PDF/PDF-Viewer/javascript-es6/overview.md | 2 +- .../PDF/PDF-Viewer/vue/event.md | 8 +- .../PDF/PDF-Viewer/vue/feature-module.md | 24 +- .../PDF/PDF-Viewer/vue/how-to-overview.md | 100 +- .../PDF/PDF-Viewer/vue/navigation.md | 1056 +---------------- .../PDF-Viewer/vue/organize-pdf-overview.md | 12 +- .../vue/organize-pdf/organize-pdf-events.md | 4 +- .../PDF/PDF-Viewer/vue/overview.md | 2 +- 15 files changed, 163 insertions(+), 1536 deletions(-) diff --git a/Document-Processing-toc.html b/Document-Processing-toc.html index 1b87331d8..d718ce45b 100644 --- a/Document-Processing-toc.html +++ b/Document-Processing-toc.html @@ -804,12 +804,12 @@
  • Custom Toolbar
    • -
  • Interactive PDF Navigation +
  • Interactive PDF Navigation
  • Magnification
    • @@ -1112,12 +1112,12 @@
  • Custom Toolbar
    • -
  • Interactive PDF Navigation +
  • Interactive PDF Navigation
  • Magnification
    • diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/event.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/event.md index 7a8b90c73..2dd97736c 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es6/event.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es6/event.md @@ -819,7 +819,7 @@ The [keyboardCustomCommands](https://ej2.syncfusion.com/javascript/documentation When it triggers - After registering gestures in commandManager.keyboardCommand. For example, pressing Shift + Alt + G or Shift + Alt + H triggers the event. Use this to handle custom keyboard shortcuts. -Refer to [Keyboard interaction](./accessibility.md#keyboard-interaction) for details about adding and handling custom shortcut keys. +Refer to [Keyboard interaction](./accessibility#keyboard-interaction) for details about adding and handling custom shortcut keys. Example: ```typescript diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/feature-module.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/feature-module.md index 818de4855..91806dbf7 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es6/feature-module.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es6/feature-module.md @@ -15,17 +15,17 @@ The PDF Viewer features are provided as individual modules, allowing application Available PDF Viewer modules: * [**Toolbar**](./toolbar-customization): Built-in toolbar for user interaction. -* [**Magnification**](./magnification.md): Perform zoom operations for a better viewing experience. -* [**Navigation**](./interactive-pdf-navigation/page-navigation.md): Navigate across pages. -* [**LinkAnnotation**](./interactive-pdf-navigation/table-of-content-navigation.md): Navigate within the document or to external destinations via hyperlinks. -* [**ThumbnailView**](./interactive-pdf-navigation/page-thumbnail-navigation.md): Navigate within the document using page thumbnails. -* [**BookmarkView**](./interactive-pdf-navigation/bookmark-navigation.md): Navigate using document bookmarks (table of contents). -* [**TextSelection**](./textselection.md): Select and copy text from the document. -* [**TextSearch**](./text-search.md): Search for text across the document. -* [**Print**](./print.md): Print the entire document or specific pages directly from the browser. -* [**Annotation**](./annotations/text-markup-annotation.md): Add and edit annotations. -* [**FormFields**](./form-designer/create-programmatically.md): Work with form fields in the document. -* [**FormDesigner**](./form-designer/create-programmatically.md): Add or edit form fields in the document. +* [**Magnification**](./magnification): Perform zoom operations for a better viewing experience. +* [**Navigation**](./interactive-pdf-navigation/page-navigation): Navigate across pages. +* [**LinkAnnotation**](./interactive-pdf-navigation/table-of-content-navigation): Navigate within the document or to external destinations via hyperlinks. +* [**ThumbnailView**](./interactive-pdf-navigation/page-thumbnail-navigation): Navigate within the document using page thumbnails. +* [**BookmarkView**](./interactive-pdf-navigation/bookmark-navigation): Navigate using document bookmarks (table of contents). +* [**TextSelection**](./textselection): Select and copy text from the document. +* [**TextSearch**](./text-search): Search for text across the document. +* [**Print**](./print): Print the entire document or specific pages directly from the browser. +* [**Annotation**](./annotations/text-markup-annotation): Add and edit annotations. +* [**FormFields**](./form-designer/create-programmatically): Work with form fields in the document. +* [**FormDesigner**](./form-designer/create-programmatically): Add or edit form fields in the document. > In addition to injecting the required modules in an application, enable the corresponding properties to activate features on a PDF Viewer instance. Refer to the following table: diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/how-to-overview.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/how-to-overview.md index f3001b43a..ed5e332c4 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es6/how-to-overview.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es6/how-to-overview.md @@ -12,54 +12,54 @@ domainurl: ##DomainURL## The frequently asked questions in Essential® PDF Viewer are listed below. -* [How to add annotation in text search in typescript?](./how-to/add-annotation-in-text-search-ts.md) -* [How to add custom header to the PDF Viewer ajax request?](./how-to/add-header-value.md) -* [How to add a save button to PDF Viewer toolbar?](./how-to/add-save-button-ts.md) -* [How to customize the annotation selectors?](./how-to/annotation-selectors.md) -* [How to change the author name of the annotation dynamically?](./how-to/change-author-name-using-annotation-settings.md) -* [How to clear all the annotations from the PDF document?](./how-to/clear-annotations.md) -* [How to configure the annotation selector settings?](./how-to/configure-annotationselector-setting-ts.md) -* [What are the supported conformance or standards of PDF Viewer?](./how-to/conformance.md) -* [How to control the visibility of the annotation?](./how-to/control-annotation-visibility-ts.md) -* [How to convert the PDF library bounds to PDF Viewer bounds?](./how-to/convert-pdf-library-bounds-to-pdf-viewer-bounds-ts.md) -* [How to create PDF Viewer service using ASP.NET Core?](./how-to/create-pdfviewer-service-core.md) -* [How to create PDF Viewer web service using ASP.NET MVC?](./how-to/create-pdfviewer-service.md) -* [How to customize the context menu in PDF Viewer?](./how-to/custom-context-menu.md) -* [How to add custom font in handwritten signature?](./how-to/custom-font-signature-field-ts.md) -* [How to add custom fonts for form fields and free text annotations?](./how-to/custom-fonts-ts.md) -* [How to customize text search highlight color in PDF Viewer?](./how-to/customize-text-search-color.md) -* [How to delete a specific annotation from the PDF document?](./how-to/delete-annotation.md) -* [How to disable the context menu?](./how-to/disable-context-menu.md) -* [How to disable tile rendering in PDF Viewer?](./how-to/disable-tile-rendering.md) -* [How to display custom tooltip for annotation?](./how-to/display-custom-tool-tip-for-annotation.md) -* [How to get the download start event?](./how-to/download-start-event-ts.md) -* [How to enable or disable the local storage?](./how-to/enable-local-storage-ts.md) -* [Enable the resizer for text markup annotation?](./how-to/enable-resize.md) -* [How to enable or disable the text selection?](./how-to/enable-text-selection-ts.md) -* [How to export the PDF pages as images?](./how-to/export-as-image-ts.md) -* [How to extract text from the PDF document?](./how-to/extract-text-completed-ts.md) -* [How to extract text from a specific region?](./how-to/extract-text-option-ts.md) -* [How to extract text from the PDF document?](./how-to/extract-text-ts.md) -* [How to find the text in the PDF document asynchronously?](./how-to/find-text-async-ts.md) -* [How to get the base64 string of the loaded document?](./how-to/get-base64-ts.md) -* [How to get the page information of the loaded document?](./how-to/get-page-info-ts.md) -* [How to perform highlight, underline, and strikethrough for the selected text?](./how-to/highlight-underline-strikeout-text.md) -* [How to identify the added annotation and its mode?](./how-to/identify-added-annotation-mode.md) -* [How to import annotations from the PDF document?](./how-to/import-annotations.md) -* [How to import and export annotations in PDF Viewer?](./how-to/import-export-annotation-ts.md) -* [How to load a PDF document in PDF Viewer?](./how-to/load-document.md) -* [How to set the minimum and maximum zoom percentage?](./how-to/min-max-zoom-ts.md) -* [How to open the bookmark pane when the document is loaded?](./how-to/open-bookmark-ts.md) -* [How to open the thumbnail pane when the document is loaded?](./how-to/open-thumbnail.md) -* [How to get the annotation when it is overlapped with another annotation on its selection?](./how-to/overlapped-annotation.md) -* [How to get the page render started and completed event?](./how-to/pagerenderstarted-pagerendercompleted-ts.md) -* [How to print the PDF document silently?](./how-to/print-document.md) -* [How to resolve the `Unable to find an entry point named 'FreeExportedValues' in DLL 'pdfium''?](./how-to/resolve-unable-to-find-an-entry-point-error.md) -* [How to restrict the zooming in mobile mode?](./how-to/restricting-zoom-in-mobile-mode-ts.md) -* [How to save the PDF document to database or URL?](./how-to/save-pdf-document-to-url.md) -* [How to select annotations in multi page?](./how-to/select-multi-page-annotations.md) -* [How to show custom stamp item in the stamp annotation?](./how-to/show-custom-stamp-item-ts.md) -* [How to show or hide a particular annotation?](./how-to/show-hide-annotation-ts.md) -* [How to get the signature selected and unselected event?](./how-to/signatureselect-signatureunselect-ts.md) -* [How to unload the PDF document from the viewer?](./how-to/unload-document.md) +* [How to add annotation in text search in typescript?](./how-to/add-annotation-in-text-search-ts) +* [How to add custom header to the PDF Viewer ajax request?](./how-to/add-header-value) +* [How to add a save button to PDF Viewer toolbar?](./how-to/add-save-button-ts) +* [How to customize the annotation selectors?](./how-to/annotation-selectors) +* [How to change the author name of the annotation dynamically?](./how-to/change-author-name-using-annotation-settings) +* [How to clear all the annotations from the PDF document?](./how-to/clear-annotations) +* [How to configure the annotation selector settings?](./how-to/configure-annotationselector-setting-ts) +* [What are the supported conformance or standards of PDF Viewer?](./how-to/conformance) +* [How to control the visibility of the annotation?](./how-to/control-annotation-visibility-ts) +* [How to convert the PDF library bounds to PDF Viewer bounds?](./how-to/convert-pdf-library-bounds-to-pdf-viewer-bounds-ts) +* [How to create PDF Viewer service using ASP.NET Core?](./how-to/create-pdfviewer-service-core) +* [How to create PDF Viewer web service using ASP.NET MVC?](./how-to/create-pdfviewer-service) +* [How to customize the context menu in PDF Viewer?](./how-to/custom-context-menu) +* [How to add custom font in handwritten signature?](./how-to/custom-font-signature-field-ts) +* [How to add custom fonts for form fields and free text annotations?](./how-to/custom-fonts-ts) +* [How to customize text search highlight color in PDF Viewer?](./how-to/customize-text-search-color) +* [How to delete a specific annotation from the PDF document?](./how-to/delete-annotation) +* [How to disable the context menu?](./how-to/disable-context-menu) +* [How to disable tile rendering in PDF Viewer?](./how-to/disable-tile-rendering) +* [How to display custom tooltip for annotation?](./how-to/display-custom-tool-tip-for-annotation) +* [How to get the download start event?](./how-to/download-start-event-ts) +* [How to enable or disable the local storage?](./how-to/enable-local-storage-ts) +* [Enable the resizer for text markup annotation?](./how-to/enable-resize) +* [How to enable or disable the text selection?](./how-to/enable-text-selection-ts) +* [How to export the PDF pages as images?](./how-to/export-as-image-ts) +* [How to extract text from the PDF document?](./how-to/extract-text-completed-ts) +* [How to extract text from a specific region?](./how-to/extract-text-option-ts) +* [How to extract text from the PDF document?](./how-to/extract-text-ts) +* [How to find the text in the PDF document asynchronously?](./how-to/find-text-async-ts) +* [How to get the base64 string of the loaded document?](./how-to/get-base64-ts) +* [How to get the page information of the loaded document?](./how-to/get-page-info-ts) +* [How to perform highlight, underline, and strikethrough for the selected text?](./how-to/highlight-underline-strikeout-text) +* [How to identify the added annotation and its mode?](./how-to/identify-added-annotation-mode) +* [How to import annotations from the PDF document?](./how-to/import-annotations) +* [How to import and export annotations in PDF Viewer?](./how-to/import-export-annotation-ts) +* [How to load a PDF document in PDF Viewer?](./how-to/load-document) +* [How to set the minimum and maximum zoom percentage?](./how-to/min-max-zoom-ts) +* [How to open the bookmark pane when the document is loaded?](./how-to/open-bookmark-ts) +* [How to open the thumbnail pane when the document is loaded?](./how-to/open-thumbnail) +* [How to get the annotation when it is overlapped with another annotation on its selection?](./how-to/overlapped-annotation) +* [How to get the page render started and completed event?](./how-to/pagerenderstarted-pagerendercompleted-ts) +* [How to print the PDF document silently?](./how-to/print-document) +* [How to resolve the `Unable to find an entry point named 'FreeExportedValues' in DLL 'pdfium''?](./how-to/resolve-unable-to-find-an-entry-point-error) +* [How to restrict the zooming in mobile mode?](./how-to/restricting-zoom-in-mobile-mode-ts) +* [How to save the PDF document to database or URL?](./how-to/save-pdf-document-to-url) +* [How to select annotations in multi page?](./how-to/select-multi-page-annotations) +* [How to show custom stamp item in the stamp annotation?](./how-to/show-custom-stamp-item-ts) +* [How to show or hide a particular annotation?](./how-to/show-hide-annotation-ts) +* [How to get the signature selected and unselected event?](./how-to/signatureselect-signatureunselect-ts) +* [How to unload the PDF document from the viewer?](./how-to/unload-document) diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/interactive-pdf-navigation/page-navigation.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/interactive-pdf-navigation/page-navigation.md index 53fac44a1..2349b4cdf 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es6/interactive-pdf-navigation/page-navigation.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es6/interactive-pdf-navigation/page-navigation.md @@ -10,7 +10,7 @@ domainurl: ##DomainURL## # Navigation in TypeScript PDF Viewer control -The ASP.NET Core PDF Viewer supports different internal and external navigations. +The TypeScript PDF Viewer supports different internal and external navigations. ## Toolbar page navigation option diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/navigation.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/navigation.md index 074a5087d..c04017907 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es6/navigation.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es6/navigation.md @@ -12,343 +12,14 @@ domainurl: ##DomainURL## The TypeScript PDF Viewer supports multiple navigation options, including toolbar controls, programmatic commands, bookmarks, thumbnails, hyperlinks, and table of contents. -## Toolbar page navigation option +Available PDF Viewer navigation options: -The default toolbar includes the following navigation options: +* [**Toolbar page navigation option**](./interactive-pdf-navigation/page-navigation):- Scroll through the pages and Use the Go to page option in the built-in toolbar. +* [**Bookmark navigation**](./interactive-pdf-navigation/bookmark-navigation):- Select a bookmark in the bookmark panel. +* [**Page Thumbnail navigation**](./interactive-pdf-navigation/page-thumbnail-navigation):- Select a page in the thumbnail panel.. +* [**Hyperlink and Table of contents navigation**](./interactive-pdf-navigation/hyperlink-navigation):- Click hyperlinks or entries in the table of contents. -* [**Go to page**](https://ej2.syncfusion.com/documentation/api/pdfviewer/navigation/#gotopage):- Navigates to the specific page of a PDF document. -* [**Show next page**](https://ej2.syncfusion.com/documentation/api/pdfviewer/navigation/#gotonextpage):- Navigates to the next page of PDF a document. -* [**Show previous page**](https://ej2.syncfusion.com/documentation/api/pdfviewer/navigation/#gotopreviouspage):- Navigates to the previous page of a PDF document. -* [**Show first page**](https://ej2.syncfusion.com/documentation/api/pdfviewer/navigation/#gotofirstpage):- Navigates to the first page of a PDF document. -* [**Show last page**](https://ej2.syncfusion.com/documentation/api/pdfviewer/navigation/#gotolastpage):- Navigates to the last page of a PDF document. -```html - - - - - Essential JS 2 - - - - - - - - - - - - - - - - - -
    - - - -``` - -Enable or disable page navigation using the following configuration: - -{% tabs %} -{% highlight ts tabtitle="Standalone" %} - - -import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView, TextSelection} from '@syncfusion/ej2-pdfviewer'; - -PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView, TextSelection); - -let pdfviewer: PdfViewer = new PdfViewer({enableNavigation: true, documentPath:'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf'}); -pdfviewer.appendTo('#PdfViewer'); - -{% endhighlight %} -{% highlight ts tabtitle="Server-Backed" %} - - -import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView, TextSelection} from '@syncfusion/ej2-pdfviewer'; - -PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView, TextSelection); - -let pdfviewer: PdfViewer = new PdfViewer({enableNavigation: true, documentPath:'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf'}); -pdfviewer.serviceUrl = 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer/'; -pdfviewer.appendTo('#PdfViewer'); - -{% endhighlight %} -{% endtabs %} - -![PDF Viewer toolbar navigation controls](./images/navigation.png) - -You can also perform page navigation programmatically: - -```html - - - - - Essential JS 2 - - - - - - - - - - - - - - - - - - - - - - -
    - - - -``` - -{% tabs %} -{% highlight ts tabtitle="Standalone" %} - -import {PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation, BookmarkView, ThumbnailView, Print TextSelection, TextSearch, Annotation, FormFields } from '@syncfusion/ej2-pdfviewer'; - -PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView, TextSelection, TextSearch, Annotation, FormFields ); - -let viewer: PdfViewer = new PdfViewer(); -viewer.appendTo('#pdfViewer'); -viewer.load('https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf', null); - -// Go To First Page -document.getElementById('goToFirstPage').addEventListener('click', () => { - viewer.navigation.goToFirstPage(); -}); -// Go To Last Page -document.getElementById('goToLastPage').addEventListener('click', () => { - viewer.navigation.goToLastPage(); -}); -// Go To Next Page -document.getElementById('goToNextPage').addEventListener('click', () => { - viewer.navigation.goToNextPage(); -}); -// Go To Page -document.getElementById('goToPage').addEventListener('click', () => { - viewer.navigation.goToPage(4); -}); -// Go To Previous Page -document.getElementById('goToPreviousPage').addEventListener('click', () => { - viewer.navigation.goToPreviousPage(); -}); - -{% endhighlight %} -{% highlight ts tabtitle="Server-Backed" %} - -import {PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation, BookmarkView, ThumbnailView, Print TextSelection, TextSearch, Annotation, FormFields } from '@syncfusion/ej2-pdfviewer'; - -PdfViewer.Inject(Toolbar,Magnification,Navigation, LinkAnnotation,ThumbnailView,BookmarkView, TextSelection, TextSearch, Annotation, FormFields ); - -let viewer: PdfViewer = new PdfViewer(); -viewer.serviceUrl = - 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer/'; -viewer.appendTo('#pdfViewer'); -viewer.load('https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf', null); - -// Go To First Page -document.getElementById('goToFirstPage').addEventListener('click', () => { - viewer.navigation.goToFirstPage(); -}); -// Go To Last Page -document.getElementById('goToLastPage').addEventListener('click', () => { - viewer.navigation.goToLastPage(); -}); -// Go To Next Page -document.getElementById('goToNextPage').addEventListener('click', () => { - viewer.navigation.goToNextPage(); -}); -// Go To Page -document.getElementById('goToPage').addEventListener('click', () => { - viewer.navigation.goToPage(4); -}); -// Go To Previous Page -document.getElementById('goToPreviousPage').addEventListener('click', () => { - viewer.navigation.goToPreviousPage(); -}); - -{% endhighlight %} -{% endtabs %} - -View the [programmatic navigation sample](https://stackblitz.com/edit/5dqbkd?file=index.ts) for a working example. - -## Bookmark navigation - -Bookmarks saved in PDF files provide quick navigation. Enable or disable bookmark navigation using the following configuration: - -{% tabs %} -{% highlight ts tabtitle="Standalone" %} - - -import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation, Annotation, ThumbnailView,BookmarkView, TextSelection} from '@syncfusion/ej2-pdfviewer'; - -PdfViewer.Inject(Toolbar,Magnification,Navigation, Annotation, LinkAnnotation,ThumbnailView,BookmarkView, TextSelection); - -let pdfviewer: PdfViewer = new PdfViewer({enableBookmark: true, documentPath:'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf'}); -pdfviewer.appendTo('#PdfViewer'); - -{% endhighlight %} -{% highlight ts tabtitle="Server-Backed" %} - -import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation, Annotation, ThumbnailView,BookmarkView, TextSelection} from '@syncfusion/ej2-pdfviewer'; - -PdfViewer.Inject(Toolbar,Magnification,Navigation, Annotation, LinkAnnotation,ThumbnailView,BookmarkView, TextSelection); - -let pdfviewer: PdfViewer = new PdfViewer({enableBookmark: true, documentPath:'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf'}); -pdfviewer.serviceUrl = 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer/'; -pdfviewer.appendTo('#PdfViewer'); - -{% endhighlight %} -{% endtabs %} - -![PDF Viewer bookmark panel](./images/bookmark.png) - -Use the **goToBookmark** method to navigate to a specific bookmark. The method throws an error if the bookmark does not exist in the document. - -Example: - -``` - -``` - -```ts -document.getElementById('gotobookmark').addEventListener('click', () => { - viewer.bookmark.goToBookmark(x, y); -}); -``` - -x - Specifies the pageIndex for Navigate. - -y - Specifies the Y coordinates value of the Page. - -Use the **getBookmarks** method to retrieve all bookmarks. The method returns a list of bookmark objects that include metadata for each entry. - -Example: - -``` - -``` - -```ts -document.getElementById('getBookmarks').addEventListener('click', () => { - var getBookmarks = viewer.bookmark.getBookmarks(); - console.log(getBookmarks) -}); -``` - -## Thumbnail navigation - -Thumbnails provide miniature representations of PDF pages for quick navigation. Enable or disable thumbnail navigation using the following configuration: - -{% tabs %} -{% highlight ts tabtitle="Standalone" %} - -import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation,ThumbnailView,BookmarkView, TextSelection} from '@syncfusion/ej2-pdfviewer'; - -PdfViewer.Inject(Toolbar,Magnification,Navigation, Annotation, LinkAnnotation,ThumbnailView,BookmarkView, TextSelection); - -let pdfviewer: PdfViewer = new PdfViewer({enableThumbnail: true, documentPath:'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf'}); -pdfviewer.appendTo('#PdfViewer'); - -{% endhighlight %} -{% highlight ts tabtitle="Server-Backed" %} - - -import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation,ThumbnailView,BookmarkView, TextSelection} from '@syncfusion/ej2-pdfviewer'; - -PdfViewer.Inject(Toolbar,Magnification,Navigation, Annotation, LinkAnnotation,ThumbnailView,BookmarkView, TextSelection); - -let pdfviewer: PdfViewer = new PdfViewer({enableThumbnail: true, documentPath:'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf'}); -pdfviewer.serviceUrl = 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer/'; -pdfviewer.appendTo('#PdfViewer'); - -{% endhighlight %} -{% endtabs %} - -![PDF Viewer thumbnail pane](./images/thumbnail.png) - -## Hyperlink navigation - -Hyperlink navigation enables users to open URLs embedded in the PDF. - -![PDF Viewer hyperlink navigation](./images/link.png) - -## Table of content navigation - -Table of contents navigation allows users to jump to sections defined in the document outline. - -Enable or disable table of contents navigation using the following configuration: - -{% tabs %} -{% highlight ts tabtitle="Standalone" %} - -import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation,ThumbnailView,BookmarkView, TextSelection} from '@syncfusion/ej2-pdfviewer'; - -PdfViewer.Inject(Toolbar,Magnification,Navigation, Annotation, LinkAnnotation,ThumbnailView,BookmarkView, TextSelection); - -let pdfviewer: PdfViewer = new PdfViewer({enableHyperlink: true, documentPath:'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf'}); -pdfviewer.appendTo('#PdfViewer'); - -{% endhighlight %} -{% highlight ts tabtitle="Server-Backed" %} - - -import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation,ThumbnailView,BookmarkView, TextSelection} from '@syncfusion/ej2-pdfviewer'; - -PdfViewer.Inject(Toolbar,Magnification,Navigation, Annotation, LinkAnnotation,ThumbnailView,BookmarkView, TextSelection); - -let pdfviewer: PdfViewer = new PdfViewer({enableHyperlink: true, documentPath:'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf'}); -pdfviewer.serviceUrl = 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer/'; -pdfviewer.appendTo('#PdfViewer'); - -{% endhighlight %} -{% endtabs %} - -Change the hyperlink open state using the following configuration: - -{% tabs %} -{% highlight ts tabtitle="Standalone" %} - -import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation,ThumbnailView,BookmarkView, TextSelection} from '@syncfusion/ej2-pdfviewer'; - -PdfViewer.Inject(Toolbar,Magnification,Navigation, Annotation, LinkAnnotation,ThumbnailView,BookmarkView, TextSelection); - -let pdfviewer: PdfViewer = new PdfViewer({enableHyperlink: true, documentPath:'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf', hyperlinkOpenState:'NewTab'}); -pdfviewer.appendTo('#PdfViewer'); - -{% endhighlight %} -{% highlight ts tabtitle="Server-Backed" %} - - -import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation,ThumbnailView,BookmarkView, TextSelection} from '@syncfusion/ej2-pdfviewer'; - -PdfViewer.Inject(Toolbar,Magnification,Navigation, Annotation, LinkAnnotation,ThumbnailView,BookmarkView, TextSelection); - -let pdfviewer: PdfViewer = new PdfViewer({enableHyperlink: true, documentPath:'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf', hyperlinkOpenState:'NewTab'}); -pdfviewer.serviceUrl = 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer/'; -pdfviewer.appendTo('#PdfViewer'); - - -{% endhighlight %} -{% endtabs %} - -![PDF Viewer table of contents panel](./images/toc.png) ## See also diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/organize-pdf/organize-pdf-events.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/organize-pdf/organize-pdf-events.md index 86c4415d5..4ca3948a2 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es6/organize-pdf/organize-pdf-events.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es6/organize-pdf/organize-pdf-events.md @@ -73,6 +73,6 @@ pdfviewer.appendTo('#PdfViewer'); ## Related event documentation -- Overall Viewer events: [Event](../event.md) -- Annotation events: [Annotation events](../annotations/annotation-event.md) -- Form designer events: [Form field events](../form-designer/form-field-events.md) +- Overall Viewer events: [Event](../event) +- Annotation events: [Annotation events](../annotations/annotation-event) +- Form designer events: [Form field events](../form-designer/form-field-events) diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/overview.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/overview.md index dcdb4261a..97ea7bfbc 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es6/overview.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es6/overview.md @@ -25,7 +25,7 @@ npm install @syncfusion/ej2-pdfviewer * [`Form fields`](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/javascript-es6/form-designer/create-programmatically) – Design and fill interactive forms. * [`Signature`](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/javascript-es6/annotations/signature-annotation) – Capture handwritten or digital signatures in the document. * [`Toolbar`](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/javascript-es6/toolbar) – Use the built-in toolbar or create custom toolbars for common interactions. -* [`Navigation`](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/javascript-es6/navigation) – Navigate using bookmarks, thumbnails, hyperlinks, and the table of contents. +* [`Navigation`](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/javascript-es6/interactive-pdf-navigation/page-navigation) – Navigate using bookmarks, thumbnails, hyperlinks, and the table of contents. * [`Magnification`](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/javascript-es6/magnification) – Adjust zoom with fit-to-page, fit-to-width, or automatic options. * [`Search`](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/javascript-es6/text-search) – Find text anywhere in the PDF document. * [`Core interactions`](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/javascript-es6/interaction-mode) – Scroll, zoom, pan, select, and navigate between pages. diff --git a/Document-Processing/PDF/PDF-Viewer/vue/event.md b/Document-Processing/PDF/PDF-Viewer/vue/event.md index 0cd8e10cc..938ddf1e7 100644 --- a/Document-Processing/PDF/PDF-Viewer/vue/event.md +++ b/Document-Processing/PDF/PDF-Viewer/vue/event.md @@ -2261,7 +2261,7 @@ The [keyboardCustomCommands](https://ej2.syncfusion.com/vue/documentation/api/pd When it triggers - After registering gestures in commandManager.keyboardCommand. For example, pressing Shift + Alt + G or Shift + Alt + H triggers the event. Use this to handle custom keyboard shortcuts. -Refer to [Keyboard interaction](./accessibility.md#keyboard-interaction) for details about adding and handling custom shortcut keys. +Refer to [Keyboard interaction](./accessibility#keyboard-interaction) for details about adding and handling custom shortcut keys. Example: ```html @@ -3891,6 +3891,6 @@ export default { ## See also -- [Annotation events](./annotations/annotation-event.md) -- [Form field events](./form-designer/form-field-events.md) -- [Organize PDF events](./organize-pdf/organize-pdf-events.md) +- [Annotation events](./annotations/annotation-event) +- [Form field events](./form-designer/form-field-events) +- [Organize PDF events](./organize-pdf/organize-pdf-events) diff --git a/Document-Processing/PDF/PDF-Viewer/vue/feature-module.md b/Document-Processing/PDF/PDF-Viewer/vue/feature-module.md index 524baacf8..ee6a3741c 100644 --- a/Document-Processing/PDF/PDF-Viewer/vue/feature-module.md +++ b/Document-Processing/PDF/PDF-Viewer/vue/feature-module.md @@ -14,18 +14,18 @@ The PDF Viewer features are provided as individual modules, allowing application Available PDF Viewer modules: -* [**Toolbar**](./toolbar-customization/annotation-toolbar-customization.md): Built-in toolbar for user interaction. -* [**Magnification**](./magnification.md): Perform zoom operations for a better viewing experience. -* [**Navigation**](./interactive-pdf-navigation/page-navigation.md): Navigate across pages. -* [**LinkAnnotation**](./interactive-pdf-navigation/table-of-content-navigation.md): Navigate within the document or to external destinations via hyperlinks. -* [**ThumbnailView**](./interactive-pdf-navigation/page-thumbnail-navigation.md): Navigate within the document using page thumbnails. -* [**BookmarkView**](./interactive-pdf-navigation/bookmark-navigation.md): Navigate using document bookmarks (table of contents). -* [**TextSelection**](./textselection.md): Select and copy text from the document. -* [**TextSearch**](./text-search.md): Search for text across the document. -* [**Print**](./print.md): Print the entire document or specific pages directly from the browser. -* [**Annotation**](./annotations/text-markup-annotation.md): Add and edit annotations. -* [**FormFields**](./form-designer/create-programmatically.md): Work with form fields in the document. -* [**FormDesigner**](./form-designer/create-programmatically.md): Add or edit form fields in the document. +* [**Toolbar**](./toolbar-customization/annotation-toolbar-customization): Built-in toolbar for user interaction. +* [**Magnification**](./magnification): Perform zoom operations for a better viewing experience. +* [**Navigation**](./interactive-pdf-navigation/page-navigation): Navigate across pages. +* [**LinkAnnotation**](./interactive-pdf-navigation/table-of-content-navigation): Navigate within the document or to external destinations via hyperlinks. +* [**ThumbnailView**](./interactive-pdf-navigation/page-thumbnail-navigation): Navigate within the document using page thumbnails. +* [**BookmarkView**](./interactive-pdf-navigation/bookmark-navigation): Navigate using document bookmarks (table of contents). +* [**TextSelection**](./textselection): Select and copy text from the document. +* [**TextSearch**](./text-search): Search for text across the document. +* [**Print**](./print): Print the entire document or specific pages directly from the browser. +* [**Annotation**](./annotations/text-markup-annotation): Add and edit annotations. +* [**FormFields**](./form-designer/create-programmatically): Work with form fields in the document. +* [**FormDesigner**](./form-designer/create-programmatically): Add or edit form fields in the document. > In addition to injecting the required modules in an application, enable the corresponding properties to activate features on a PDF Viewer instance. diff --git a/Document-Processing/PDF/PDF-Viewer/vue/how-to-overview.md b/Document-Processing/PDF/PDF-Viewer/vue/how-to-overview.md index 78e32eb87..957b20749 100644 --- a/Document-Processing/PDF/PDF-Viewer/vue/how-to-overview.md +++ b/Document-Processing/PDF/PDF-Viewer/vue/how-to-overview.md @@ -11,53 +11,53 @@ domainurl: ##DomainURL## The frequently asked questions in Essential® PDF Viewer are listed below. -* [How to add annotation in text search?](./how-to/add-annotation-in-text-search.md) -* [How to add custom header to the PDF Viewer ajax request?](./how-to/add-header-value.md) -* [How to add a save button to PDF Viewer toolbar?](./how-to/add-save-button.md) -* [How to customize the annotation selectors?](./how-to/annotation-selectors.md) -* [How to change the author name of the annotation dynamically?](./how-to/change-author-name-using-annotation-settings.md) -* [How to configure the annotation selector settings?](./how-to/configure-annotation-selector-setting.md) -* [What are the supported conformance or standards of PDF Viewer?](./how-to/conformance.md) -* [How to control the visibility of the annotation?](./how-to/control-annotation-visibility.md) -* [How to convert the PDF library bounds to PDF Viewer bounds?](./how-to/convert-pdf-library-bounds-to-pdf-viewer-bounds.md) -* [How to create PDF Viewer service using ASP.NET Core?](./how-to/create-pdfviewer-service-core.md) -* [How to create PDF Viewer web service using ASP.NET MVC?](./how-to/create-pdfviewer-service.md) -* [How to customize the context menu in PDF Viewer?](./how-to/custom-context-menu.md) -* [How to add custom font in handwritten signature?](./how-to/custom-font-signature-field.md) -* [How to add custom fonts for form fields and free text annotations?](./how-to/custom-fonts.md) -* [How to customize text search highlight color in PDF Viewer?](./how-to/customize-text-search-color.md) -* [How to delete a specific annotation from the PDF document?](./how-to/delete-annotation.md) -* [How to disable the context menu?](./how-to/disable-context-menu.md) -* [How to disable tile rendering in PDF Viewer?](./how-to/disable-tile-rendering.md) -* [How to display custom tooltip for annotation?](./how-to/display-custom-tool-tip-for-annotation.md) -* [How to get the download start event?](./how-to/download-start-event.md) -* [How to enable or disable the local storage?](./how-to/enable-local-storage.md) -* [How to enable or disable the text selection?](./how-to/enable-text-selection.md) -* [How to export the PDF pages as images?](./how-to/export-as-image.md) -* [How to extract text from the PDF document?](./how-to/extract-text-completed.md) -* [How to extract text from a specific region?](./how-to/extract-text-option.md) -* [How to extract text from the PDF document?](./how-to/extract-text.md) -* [How to find the text in the PDF document asynchronously?](./how-to/find-text-async.md) -* [How to get the base64 string of the loaded document?](./how-to/get-base64.md) -* [How to get the page information of the loaded document?](./how-to/getPageInfo.md) -* [How to identify the added annotation and its mode?](./how-to/identify-added-annotation-mode.md) -* [How to import and export annotations in PDF Viewer?](./how-to/import-export-annotation.md) -* [How to load a PDF document in PDF Viewer?](./how-to/load-documents.md) -* [How to set the minimum and maximum zoom percentage?](./how-to/min-max-zoom.md) -* [How to open the bookmark pane when the document is loaded?](./how-to/open-bookmark.md) -* [How to open the thumbnail pane when the document is loaded?](./how-to/open-thumbnail.md) -* [How to get the page render started and completed event?](./how-to/pagerenderstarted-pagerendercompleted.md) -* [How to resolve the `Unable to find an entry point named 'FreeExportedValues' in DLL 'pdfium''?](./how-to/resolve-unable-to-find-an-entry-point-error.md) -* [How to restrict the zooming in mobile mode?](./how-to/restricting-zoom-in-mobile-mode.md) -* [How to show custom stamp item in the stamp annotation?](./how-to/show-custom-stamp-item.md) -* [How to show or hide a particular annotation?](./how-to/show-hide-annotation.md) -* [How to get the signature selected and unselected event?](./how-to/signatureselect-signatureunselect.md) -* [How to unload the PDF document from the viewer?](./how-to/unload-document.md) -* [How to perform highlight, underline, and strikethrough for the selected text?](./how-to/highlight-underline-strikeout-text.md) -* [How to import annotations from the PDF document?](./how-to/import-annotations.md) -* [How to get the annotation when it is overlapped with another annotation on its selection?](./how-to/overlapped-annotation.md) -* [How to authorize requests with token?](./how-to/authorization-token.md) -* [How to handle retry/timeout for service calls?](./how-to/retry-timeout.md) -* [How to convert pixel to point in server side?](./how-to/convert-pixel-to-point-in-server-side.md) -* [Why is the web service not listening?](./how-to/webservice-not-listening.md) -* [How to select annotation?](./how-to/select-annotation.md) +* [How to add annotation in text search?](./how-to/add-annotation-in-text-search) +* [How to add custom header to the PDF Viewer ajax request?](./how-to/add-header-value) +* [How to add a save button to PDF Viewer toolbar?](./how-to/add-save-button) +* [How to customize the annotation selectors?](./how-to/annotation-selectors) +* [How to change the author name of the annotation dynamically?](./how-to/change-author-name-using-annotation-settings) +* [How to configure the annotation selector settings?](./how-to/configure-annotation-selector-setting) +* [What are the supported conformance or standards of PDF Viewer?](./how-to/conformance) +* [How to control the visibility of the annotation?](./how-to/control-annotation-visibility) +* [How to convert the PDF library bounds to PDF Viewer bounds?](./how-to/convert-pdf-library-bounds-to-pdf-viewer-bounds) +* [How to create PDF Viewer service using ASP.NET Core?](./how-to/create-pdfviewer-service-core) +* [How to create PDF Viewer web service using ASP.NET MVC?](./how-to/create-pdfviewer-service) +* [How to customize the context menu in PDF Viewer?](./how-to/custom-context-menu) +* [How to add custom font in handwritten signature?](./how-to/custom-font-signature-field) +* [How to add custom fonts for form fields and free text annotations?](./how-to/custom-fonts) +* [How to customize text search highlight color in PDF Viewer?](./how-to/customize-text-search-color) +* [How to delete a specific annotation from the PDF document?](./how-to/delete-annotation) +* [How to disable the context menu?](./how-to/disable-context-menu) +* [How to disable tile rendering in PDF Viewer?](./how-to/disable-tile-rendering) +* [How to display custom tooltip for annotation?](./how-to/display-custom-tool-tip-for-annotation) +* [How to get the download start event?](./how-to/download-start-event) +* [How to enable or disable the local storage?](./how-to/enable-local-storage) +* [How to enable or disable the text selection?](./how-to/enable-text-selection) +* [How to export the PDF pages as images?](./how-to/export-as-image) +* [How to extract text from the PDF document?](./how-to/extract-text-completed) +* [How to extract text from a specific region?](./how-to/extract-text-option) +* [How to extract text from the PDF document?](./how-to/extract-text) +* [How to find the text in the PDF document asynchronously?](./how-to/find-text-async) +* [How to get the base64 string of the loaded document?](./how-to/get-base64) +* [How to get the page information of the loaded document?](./how-to/getPageInfo) +* [How to identify the added annotation and its mode?](./how-to/identify-added-annotation-mode) +* [How to import and export annotations in PDF Viewer?](./how-to/import-export-annotation) +* [How to load a PDF document in PDF Viewer?](./how-to/load-documents) +* [How to set the minimum and maximum zoom percentage?](./how-to/min-max-zoom) +* [How to open the bookmark pane when the document is loaded?](./how-to/open-bookmark) +* [How to open the thumbnail pane when the document is loaded?](./how-to/open-thumbnail) +* [How to get the page render started and completed event?](./how-to/pagerenderstarted-pagerendercompleted) +* [How to resolve the `Unable to find an entry point named 'FreeExportedValues' in DLL 'pdfium''?](./how-to/resolve-unable-to-find-an-entry-point-error) +* [How to restrict the zooming in mobile mode?](./how-to/restricting-zoom-in-mobile-mode) +* [How to show custom stamp item in the stamp annotation?](./how-to/show-custom-stamp-item) +* [How to show or hide a particular annotation?](./how-to/show-hide-annotation) +* [How to get the signature selected and unselected event?](./how-to/signatureselect-signatureunselect) +* [How to unload the PDF document from the viewer?](./how-to/unload-document) +* [How to perform highlight, underline, and strikethrough for the selected text?](./how-to/highlight-underline-strikeout-text) +* [How to import annotations from the PDF document?](./how-to/import-annotations) +* [How to get the annotation when it is overlapped with another annotation on its selection?](./how-to/overlapped-annotation) +* [How to authorize requests with token?](./how-to/authorization-token) +* [How to handle retry/timeout for service calls?](./how-to/retry-timeout) +* [How to convert pixel to point in server side?](./how-to/convert-pixel-to-point-in-server-side) +* [Why is the web service not listening?](./how-to/webservice-not-listening) +* [How to select annotation?](./how-to/select-annotation) diff --git a/Document-Processing/PDF/PDF-Viewer/vue/navigation.md b/Document-Processing/PDF/PDF-Viewer/vue/navigation.md index c0dec69b8..54be019cc 100644 --- a/Document-Processing/PDF/PDF-Viewer/vue/navigation.md +++ b/Document-Processing/PDF/PDF-Viewer/vue/navigation.md @@ -10,1058 +10,14 @@ domainurl: ##DomainURL## # Navigation in Vue PDF viewer control -The PDF Viewer supports different internal and external navigations. +The Vue PDF Viewer supports multiple navigation options, including toolbar controls, programmatic commands, bookmarks, thumbnails, hyperlinks, and table of contents. -## Toolbar page navigation option +Available PDF Viewer navigation options: -The default toolbar of PDF Viewer contains the following navigation options - -* [**Go to page**](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/navigation/#gotopage):- Navigates to the specific page of a PDF document. -* [**Show next page**](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/navigation/#gotonextpage):- Navigates to the next page of PDF a document. -* [**Show previous page**](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/navigation/#gotopreviouspage):- Navigates to the previous page of a PDF document. -* [**Show first page**](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/navigation/#gotofirstpage):- Navigates to the first page of a PDF document. -* [**Show last page**](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/navigation/#gotolastpage):- Navigates to the last page of a PDF document. - -You can enable/disable page navigation option in PDF Viewer using the `EnableNavigation` property and use the following code snippet, - - -{% tabs %} -{% highlight html tabtitle="Composition API (Standalone)" %} - - - - - -{% endhighlight %} -{% highlight html tabtitle="Options API (Standalone)" %} - - - - - -{% endhighlight %} -{% highlight html tabtitle="Composition API (Server-Backed)" %} - - - - - -{% endhighlight %} -{% highlight html tabtitle="Options API (Server-Backed)" %} - - - - - -{% endhighlight %} -{% endtabs %} - -![Alt text](./images/navigation.png) - -Also, you can programmatically perform page navigation options as follows. - - -{% tabs %} -{% highlight html tabtitle="Composition API (Standalone)" %} - - - - - -{% endhighlight %} -{% highlight html tabtitle="Options API (Standalone)" %} - - - - - -{% endhighlight %} -{% highlight html tabtitle="Composition API (Server-Backed)" %} - - - - - -{% endhighlight %} -{% highlight html tabtitle="Options API (Server-Backed)" %} - - - - - -{% endhighlight %} -{% endtabs %} - -Find the [here](https://www.syncfusion.com/downloads/support/directtrac/general/ze/quickstart970554908.zip) to perform the page navigation options programmatically. - -## Bookmark navigation - -The Bookmarks saved in PDF files are loaded and made ready for easy navigation. You can enable/disable bookmark navigation by using the following code snippet. - - -{% tabs %} -{% highlight html tabtitle="Composition API (Standalone)" %} - - - - - -{% endhighlight %} -{% highlight html tabtitle="Options API (Standalone)" %} - - - - - -{% endhighlight %} -{% highlight html tabtitle="Composition API (Server-Backed)" %} - - - - - -{% endhighlight %} -{% highlight html tabtitle="Options API (Server-Backed)" %} - - - - - -{% endhighlight %} -{% endtabs %} - -![Alt text](./images/bookmark.png) - -## Thumbnail navigation - -Thumbnails is the miniature representation of actual pages in PDF files. This feature displays thumbnails of the pages and allows navigation. You can enable/disable thumbnail navigation by using the following code snippet. - - -{% tabs %} -{% highlight html tabtitle="Composition API (Standalone)" %} - - - - - -{% endhighlight %} -{% highlight html tabtitle="Options API (Standalone)" %} - - - - - -{% endhighlight %} -{% highlight html tabtitle="Composition API (Server-Backed)" %} - - - - - -{% endhighlight %} -{% highlight html tabtitle="Options API (Server-Backed)" %} - - - - - -{% endhighlight %} -{% endtabs %} - - - -{% tabs %} -{% highlight html tabtitle="Composition API (~/src/App.vue)" %} - - - - - -{% endhighlight %} -{% highlight html tabtitle="Options API (Standalone)" %} - - - - - -{% endhighlight %} -{% highlight html tabtitle="Composition API (Server-Backed)" %} - - - - - -{% endhighlight %} -{% highlight html tabtitle="Options API (Server-Backed)" %} - - - - - -{% endhighlight %} -{% endtabs %} - -![Alt text](./images/thumbnail.png) - -## Hyperlink navigation - -Hyperlink navigation features enables navigation to the URLs (website links) in a PDF file. - -![Alt text](./images/link.png) - -## Table of content navigation - -Table of contents navigation allows users to navigate to different parts of a PDF file that are listed in the table of contents section. - -You can enable/disable link navigation by using the following code snippet. - - -{% tabs %} -{% highlight html tabtitle="Composition API (Standalone)" %} - - - - - -{% endhighlight %} -{% highlight html tabtitle="Options API (Standalone)" %} - - - - - -{% endhighlight %} -{% highlight html tabtitle="Composition API (Server-Backed)" %} - - - - - -{% endhighlight %} -{% highlight html tabtitle="Options API (Server-Backed)" %} - - - - - -{% endhighlight %} -{% endtabs %} - -You can change the open state of the hyperlink in the PDF Viewer by using the following code snippet. - - -{% tabs %} -{% highlight html tabtitle="Composition API (Standalone)" %} - - - - - -{% endhighlight %} -{% highlight html tabtitle="Options API (Standalone)" %} - - - - - -{% endhighlight %} -{% highlight html tabtitle="Composition API (Server-Backed)" %} - - - - - -{% endhighlight %} -{% highlight html tabtitle="Server-Backed" %} - - - - - -{% endhighlight %} -{% endtabs %} - - -![Alt text](./images/toc.png) +* [**Toolbar page navigation option**](./interactive-pdf-navigation/page-navigation):- Scroll through the pages and Use the Go to page option in the built-in toolbar. +* [**Bookmark navigation**](./interactive-pdf-navigation/bookmark-navigation):- Select a bookmark in the bookmark panel. +* [**Page Thumbnail navigation**](./interactive-pdf-navigation/page-thumbnail-navigation):- Select a page in the thumbnail panel.. +* [**Hyperlink and Table of contents navigation**](./interactive-pdf-navigation/hyperlink-navigation):- Click hyperlinks or entries in the table of contents. ## See also diff --git a/Document-Processing/PDF/PDF-Viewer/vue/organize-pdf-overview.md b/Document-Processing/PDF/PDF-Viewer/vue/organize-pdf-overview.md index 69bd0811f..3eea270a7 100644 --- a/Document-Processing/PDF/PDF-Viewer/vue/organize-pdf-overview.md +++ b/Document-Processing/PDF/PDF-Viewer/vue/organize-pdf-overview.md @@ -27,12 +27,12 @@ The Organize Pages panel supports the following actions: After completing the changes, apply them by selecting **Save** to overwrite the current document or **Save As** to download a new copy that retains the updated page order. -For a full guide to Organize Pages in Vue, see the feature landing page: [Organize pages in Vue PDF Viewer](./organize-pdf.md). +For a full guide to Organize Pages in Vue, see the feature landing page: [Organize pages in Vue PDF Viewer](./organize-pdf). See also -- [UI interactions for Organize Pages](./organize-pdf/ui-interactions-organize-page.md) -- [Toolbar items for Organize Pages](./organize-pdf/toolbar-organize-page.md) -- [Programmatic support for Organize Pages](./organize-pdf/programmatic-support-for-organize-page.md) -- [Organize Pages events](./organize-pdf/organize-pdf-events.md) -- [Organize Pages in mobile view](./organize-pdf/organize-page-mobile-view.md) +- [UI interactions for Organize Pages](./organize-pdf/ui-interactions-organize-page) +- [Toolbar items for Organize Pages](./organize-pdf/toolbar-organize-page) +- [Programmatic support for Organize Pages](./organize-pdf/programmatic-support-for-organize-page) +- [Organize Pages events](./organize-pdf/organize-pdf-events) +- [Organize Pages in mobile view](./organize-pdf/organize-page-mobile-view) diff --git a/Document-Processing/PDF/PDF-Viewer/vue/organize-pdf/organize-pdf-events.md b/Document-Processing/PDF/PDF-Viewer/vue/organize-pdf/organize-pdf-events.md index ff271a440..5b8604865 100644 --- a/Document-Processing/PDF/PDF-Viewer/vue/organize-pdf/organize-pdf-events.md +++ b/Document-Processing/PDF/PDF-Viewer/vue/organize-pdf/organize-pdf-events.md @@ -193,5 +193,5 @@ Event arguments: ## Related event documentation -- Annotation events: [Annotation events](../annotation/annotation-event.md) -- Form designer events: [Form field events](../form-designer/form-field-events.md) +- Annotation events: [Annotation events](../annotation/annotation-event) +- Form designer events: [Form field events](../form-designer/form-field-events) diff --git a/Document-Processing/PDF/PDF-Viewer/vue/overview.md b/Document-Processing/PDF/PDF-Viewer/vue/overview.md index 20ee196ca..f8e981127 100644 --- a/Document-Processing/PDF/PDF-Viewer/vue/overview.md +++ b/Document-Processing/PDF/PDF-Viewer/vue/overview.md @@ -108,7 +108,7 @@ Refer the [Getting Started with Vue3](https://help.syncfusion.com/document-proce *[`Form Fields`](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/vue/form-designer/create-fillable-pdf-forms/create-programmatically) - Form filling and form designing can be done. *[`Signature`](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/vue/annotation/signature-annotation) - Hand-written and digital signatures are allowed. *[`Toolbar`](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/vue/toolbar) - Built-in-toolbar and custom toolbars to perform user interaction of PDF Viewer functionalities. -*[`Navigation`](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/vue/navigation) - Easy navigation with the help of bookmarks, thumbnails, hyperlinks, and table of contents. +*[`Navigation`](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/vue/interactive-pdf-navigation/page-navigation) - Easy navigation with the help of bookmarks, thumbnails, hyperlinks, and table of contents. *[`Magnification`](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/vue/magnification) - Fit to page, fit to width, and automatic (fits to the visible area). *[`Search`](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/vue/text-search) - Search a text easily across the PDF document. *[`Core Interactions`](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/vue/interaction-mode) - Allows scrolling, zooming, panning, selection, and page navigation. From 38e221a7a0e659e379311ba294a2fefd0713016b Mon Sep 17 00:00:00 2001 From: MuralidharanGSF4527 Date: Mon, 27 Oct 2025 16:37:13 +0530 Subject: [PATCH 2/7] 986927: resolved CI issues and added custom fonts --- .../javascript-es6/how-to/custom-fonts-ts.md | 8 ++++++++ .../interactive-pdf-navigation/bookmark-navigation.md | 4 ++-- .../interactive-pdf-navigation/page-navigation.md | 8 ++++---- .../page-thumbnail-navigation.md | 4 ++-- .../PDF/PDF-Viewer/javascript-es6/navigation.md | 6 +++--- .../PDF/PDF-Viewer/javascript-es6/overview.md | 2 +- .../PDF/PDF-Viewer/vue/how-to/custom-fonts.md | 10 +++++++++- Document-Processing/PDF/PDF-Viewer/vue/navigation.md | 4 ++-- Document-Processing/PDF/PDF-Viewer/vue/overview.md | 6 +++--- 9 files changed, 34 insertions(+), 18 deletions(-) diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/how-to/custom-fonts-ts.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/how-to/custom-fonts-ts.md index 0ff52ea48..5d39df28d 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es6/how-to/custom-fonts-ts.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es6/how-to/custom-fonts-ts.md @@ -10,6 +10,12 @@ domainurl: ##DomainURL## # Add custom fonts in PDF Viewer +The TypeScript PDF Viewer supports loading, editing, and saving custom fonts in form fields such as text boxes, list boxes, and drop-downs by using the customFonts property. Add the required TTF files to the resource URL directory used by the viewer so they can be loaded at runtime and used in forms. + +## Integrating Custom Font Collections into Form Fields in PDF Viewer + +To ensure proper rendering and saving of form fields that use custom fonts, especially when the fonts are not installed on the system, place the TTF files in the resource URL path referenced by the viewer and specify their names through the customFonts property (string array). These fonts will then be available for loading, editing, and saving form fields in the PDF. + To use custom fonts in the Syncfusion PDF Viewer, add the custom TTF files to the resource URL directory and configure the viewer to load them. Specify font file names using the `customFonts` property as an array of names. Steps to add custom fonts @@ -47,3 +53,5 @@ pdfviewer.appendTo('#PdfViewer'); {% endtabs %} These steps integrate custom fonts into PDF documents displayed in the PDF Viewer. + +> Note: If a form field (TextBox, ListBox, DropDown) using a custom font has text larger than the field’s bounds, the downloaded PDF may render incorrectly in browsers or third‑party viewers. It displays correctly in the Syncfusion PDF Viewer. To avoid this, use a font size that fits within the field or enlarge the field before saving/downloading. \ No newline at end of file diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/interactive-pdf-navigation/bookmark-navigation.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/interactive-pdf-navigation/bookmark-navigation.md index 3c478198d..44bcbdfde 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es6/interactive-pdf-navigation/bookmark-navigation.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es6/interactive-pdf-navigation/bookmark-navigation.md @@ -1,7 +1,7 @@ --- layout: post -title: Navigation in TypeScript PDF Viewer control | Syncfusion -description: Learn here all about Navigation in Syncfusion TypeScript PDF Viewer control of Syncfusion Essential JS 2 and more. +title: Bookmark Navigation in TypeScript PDF Viewer | Syncfusion +description: Learn how to use bookmarks for quick navigation in the Syncfusion TypeScript PDF Viewer control, enhancing user experience and accessibility. platform: document-processing control: PDF Viewer documentation: ug diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/interactive-pdf-navigation/page-navigation.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/interactive-pdf-navigation/page-navigation.md index 2349b4cdf..788414c2f 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es6/interactive-pdf-navigation/page-navigation.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es6/interactive-pdf-navigation/page-navigation.md @@ -1,7 +1,7 @@ --- layout: post -title: Navigation in TypeScript PDF Viewer control | Syncfusion -description: Learn here all about Navigation in Syncfusion TypeScript PDF Viewer control of Syncfusion Essential JS 2 and more. +title: Page Navigation in TypeScript PDF Viewer | Syncfusion +description: Explore how to navigate pages in the Syncfusion TypeScript PDF Viewer control using built-in options for seamless document viewing. platform: document-processing control: PDF Viewer documentation: ug @@ -190,5 +190,5 @@ Find the [here](https://stackblitz.com/edit/5dqbkd?file=index.ts) to perform the ## See also -* [Toolbar items](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/javascript-es6/toolbar/) -* [Feature Modules](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/javascript-es6/feature-module/) \ No newline at end of file +* [Toolbar items](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/javascript-es6/toolbar) +* [Feature Modules](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/javascript-es6/feature-module) \ No newline at end of file diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/interactive-pdf-navigation/page-thumbnail-navigation.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/interactive-pdf-navigation/page-thumbnail-navigation.md index 037785e7a..0461fc8cd 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es6/interactive-pdf-navigation/page-thumbnail-navigation.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es6/interactive-pdf-navigation/page-thumbnail-navigation.md @@ -1,7 +1,7 @@ --- layout: post -title: Navigation in TypeScript PDF Viewer control | Syncfusion -description: Learn here all about Navigation in Syncfusion TypeScript PDF Viewer control of Syncfusion Essential JS 2 and more. +title: Thumbnail Navigation in TypeScript PDF Viewer | Syncfusion +description: Discover how to navigate PDF pages using thumbnails in the Syncfusion TypeScript PDF Viewer control for a visual and intuitive experience. platform: document-processing control: PDF Viewer documentation: ug diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/navigation.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/navigation.md index c04017907..da7405783 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es6/navigation.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es6/navigation.md @@ -1,7 +1,7 @@ --- layout: post title: Navigation in TypeScript PDF Viewer | Syncfusion -description: Learn how to navigate PDF documents using the Syncfusion TypeScript PDF Viewer, including toolbar controls, programmatic navigation, bookmarks, thumbnails, hyperlinks, and table of contents. +description: Learn how to navigate PDF documents in the Syncfusion TypeScript PDF Viewer using toolbar controls, bookmarks, thumbnails, and hyperlinks. platform: document-processing control: PDF Viewer documentation: ug @@ -23,5 +23,5 @@ Available PDF Viewer navigation options: ## See also -* [Toolbar items](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/javascript-es6/toolbar/) -* [Feature modules](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/javascript-es6/feature-module/) +* [Toolbar items](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/javascript-es6/toolbar) +* [Feature modules](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/javascript-es6/feature-module) diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/overview.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/overview.md index 97ea7bfbc..dcdb4261a 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es6/overview.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es6/overview.md @@ -25,7 +25,7 @@ npm install @syncfusion/ej2-pdfviewer * [`Form fields`](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/javascript-es6/form-designer/create-programmatically) – Design and fill interactive forms. * [`Signature`](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/javascript-es6/annotations/signature-annotation) – Capture handwritten or digital signatures in the document. * [`Toolbar`](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/javascript-es6/toolbar) – Use the built-in toolbar or create custom toolbars for common interactions. -* [`Navigation`](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/javascript-es6/interactive-pdf-navigation/page-navigation) – Navigate using bookmarks, thumbnails, hyperlinks, and the table of contents. +* [`Navigation`](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/javascript-es6/navigation) – Navigate using bookmarks, thumbnails, hyperlinks, and the table of contents. * [`Magnification`](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/javascript-es6/magnification) – Adjust zoom with fit-to-page, fit-to-width, or automatic options. * [`Search`](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/javascript-es6/text-search) – Find text anywhere in the PDF document. * [`Core interactions`](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/javascript-es6/interaction-mode) – Scroll, zoom, pan, select, and navigate between pages. diff --git a/Document-Processing/PDF/PDF-Viewer/vue/how-to/custom-fonts.md b/Document-Processing/PDF/PDF-Viewer/vue/how-to/custom-fonts.md index 67e7211fb..cb89cf890 100644 --- a/Document-Processing/PDF/PDF-Viewer/vue/how-to/custom-fonts.md +++ b/Document-Processing/PDF/PDF-Viewer/vue/how-to/custom-fonts.md @@ -10,6 +10,12 @@ domainurl: ##DomainURL## # How to add custom fonts to the PDF viewer +The Vue PDF Viewer supports loading, editing, and saving custom fonts in form fields such as text boxes, list boxes, and drop-downs by using the customFonts property. Add the required TTF files to the resource URL directory used by the viewer so they can be loaded at runtime and used in forms. + +## Integrating Custom Font Collections into Form Fields in PDF Viewer + +To ensure proper rendering and saving of form fields that use custom fonts, especially when the fonts are not installed on the system, place the TTF files in the resource URL path referenced by the viewer and specify their names through the customFonts property (string array). These fonts will then be available for loading, editing, and saving form fields in the PDF. + To use custom fonts in the Syncfusion PDF Viewer, add the custom TTF files to the resource URL directory and configure the viewer to load them. Specify font file names using the `customFonts` property as an array of names. Steps to add custom fonts @@ -76,4 +82,6 @@ export default { {% endhighlight %} {% endtabs %} -These steps integrate custom fonts into PDF documents displayed in the PDF Viewer. \ No newline at end of file +These steps integrate custom fonts into PDF documents displayed in the PDF Viewer. + +> Note: If a form field (TextBox, ListBox, DropDown) using a custom font has text larger than the field’s bounds, the downloaded PDF may render incorrectly in browsers or third‑party viewers. It displays correctly in the Syncfusion PDF Viewer. To avoid this, use a font size that fits within the field or enlarge the field before saving/downloading. \ No newline at end of file diff --git a/Document-Processing/PDF/PDF-Viewer/vue/navigation.md b/Document-Processing/PDF/PDF-Viewer/vue/navigation.md index 54be019cc..0e390ddf6 100644 --- a/Document-Processing/PDF/PDF-Viewer/vue/navigation.md +++ b/Document-Processing/PDF/PDF-Viewer/vue/navigation.md @@ -21,5 +21,5 @@ Available PDF Viewer navigation options: ## See also -* [Toolbar items](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/vue/toolbar/) -* [Feature Modules](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/vue/feature-module/) \ No newline at end of file +* [Toolbar items](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/vue/toolbar) +* [Feature Modules](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/vue/feature-module) \ No newline at end of file diff --git a/Document-Processing/PDF/PDF-Viewer/vue/overview.md b/Document-Processing/PDF/PDF-Viewer/vue/overview.md index f8e981127..12ca86fe0 100644 --- a/Document-Processing/PDF/PDF-Viewer/vue/overview.md +++ b/Document-Processing/PDF/PDF-Viewer/vue/overview.md @@ -1,6 +1,6 @@ --- title: Overview of Vue PDF Viewer Component | Syncfusion -description: Checkout and learn about overview of the Syncfusion Vue PDF Viewer component and much more details. +description: Learn about the Syncfusion Vue PDF Viewer component, its features, supported interactions, and how it helps in viewing PDF documents. platform: document-processing control: PDF Viewer documentation: UG @@ -26,7 +26,7 @@ npm install ### Adding Syncfusion PDF Viewer package -All Syncfusion Vue packages are published in [npmjs.com](https://www.npmjs.com/~syncfusionorg)registry. To install Vue PDF Viewer package, use the following command. +All Syncfusion Vue packages are published in [npmjs.com](https://www.npmjs.com/~syncfusionorg) registry. To install Vue PDF Viewer package, use the following command. ``` npm install @syncfusion/ej2-vue-pdfviewer --save @@ -108,7 +108,7 @@ Refer the [Getting Started with Vue3](https://help.syncfusion.com/document-proce *[`Form Fields`](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/vue/form-designer/create-fillable-pdf-forms/create-programmatically) - Form filling and form designing can be done. *[`Signature`](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/vue/annotation/signature-annotation) - Hand-written and digital signatures are allowed. *[`Toolbar`](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/vue/toolbar) - Built-in-toolbar and custom toolbars to perform user interaction of PDF Viewer functionalities. -*[`Navigation`](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/vue/interactive-pdf-navigation/page-navigation) - Easy navigation with the help of bookmarks, thumbnails, hyperlinks, and table of contents. +*[`Navigation`](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/vue/navigation) - Easy navigation with the help of bookmarks, thumbnails, hyperlinks, and table of contents. *[`Magnification`](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/vue/magnification) - Fit to page, fit to width, and automatic (fits to the visible area). *[`Search`](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/vue/text-search) - Search a text easily across the PDF document. *[`Core Interactions`](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/vue/interaction-mode) - Allows scrolling, zooming, panning, selection, and page navigation. From 157b242880edde33acce5f704bc09aa50fe9c843 Mon Sep 17 00:00:00 2001 From: MuralidharanGSF4527 Date: Mon, 27 Oct 2025 16:48:51 +0530 Subject: [PATCH 3/7] 986927: resolved CI issues --- .../interactive-pdf-navigation/bookmark-navigation.md | 4 ++-- .../interactive-pdf-navigation/page-thumbnail-navigation.md | 4 ++-- Document-Processing/PDF/PDF-Viewer/vue/overview.md | 2 +- 3 files changed, 5 insertions(+), 5 deletions(-) diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/interactive-pdf-navigation/bookmark-navigation.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/interactive-pdf-navigation/bookmark-navigation.md index 44bcbdfde..7228df2ab 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es6/interactive-pdf-navigation/bookmark-navigation.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es6/interactive-pdf-navigation/bookmark-navigation.md @@ -75,5 +75,5 @@ document.getElementById('getBookmarks').addEventListener('click', () => { ## See also -* [Toolbar items](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/javascript-es6/toolbar/) -* [Feature Modules](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/javascript-es6/feature-module/) \ No newline at end of file +* [Toolbar items](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/javascript-es6/toolbar) +* [Feature Modules](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/javascript-es6/feature-module) \ No newline at end of file diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/interactive-pdf-navigation/page-thumbnail-navigation.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/interactive-pdf-navigation/page-thumbnail-navigation.md index 0461fc8cd..7da72932f 100644 --- a/Document-Processing/PDF/PDF-Viewer/javascript-es6/interactive-pdf-navigation/page-thumbnail-navigation.md +++ b/Document-Processing/PDF/PDF-Viewer/javascript-es6/interactive-pdf-navigation/page-thumbnail-navigation.md @@ -43,5 +43,5 @@ pdfviewer.appendTo('#PdfViewer'); ## See also -* [Toolbar items](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/javascript-es6/toolbar/) -* [Feature Modules](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/javascript-es6/feature-module/) \ No newline at end of file +* [Toolbar items](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/javascript-es6/toolbar) +* [Feature Modules](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/javascript-es6/feature-module) \ No newline at end of file diff --git a/Document-Processing/PDF/PDF-Viewer/vue/overview.md b/Document-Processing/PDF/PDF-Viewer/vue/overview.md index 12ca86fe0..ef58fce53 100644 --- a/Document-Processing/PDF/PDF-Viewer/vue/overview.md +++ b/Document-Processing/PDF/PDF-Viewer/vue/overview.md @@ -63,7 +63,7 @@ Add CSS references needed for PDF Viewer in `style` section of the `App.vue` fil ``` ### Add PDF Viewer component -Add the Vue PDF Viewer by using `ejs-pdfviewer` selector in template section of the `App.vue` file. +Add the Vue PDF Viewer by using `ej-pdfviewer` selector in template section of the `App.vue` file. ```