|
1 | 1 | --- |
2 | 2 | layout: post |
3 | | -title: Table of contents navigation in PDF Viewer | Syncfusion |
4 | | -description: Learn how to navigate PDFs using the table of contents in the Syncfusion PDF Viewer control for TypeScript. |
| 3 | +title: Interactive navigation in PDF Viewer | Syncfusion |
| 4 | +description: Learn how to navigate PDFs using table-of-contents entries and hyperlinks in the Syncfusion PDF Viewer control for TypeScript. |
5 | 5 | platform: document-processing |
6 | 6 | control: PDF Viewer |
7 | 7 | documentation: ug |
8 | 8 | domainurl: ##DomainURL## |
9 | 9 | --- |
10 | 10 |
|
11 | | -# Table of contents navigation in PDF Viewer |
| 11 | +# Interactive navigation in PDF Viewer |
12 | 12 |
|
13 | | -The PDF Viewer supports a built-in table of contents (TOC) experience to help users jump to sections defined by the document’s bookmarks or outline. |
| 13 | +The PDF Viewer provides a unified navigation experience that combines the document-defined table of contents (TOC) and in-document hyperlinks. These features surface contextual entry points so users can jump directly to relevant sections without manual scrolling. |
| 14 | + |
| 15 | +> **Note:** The table of contents pane and hyperlink interactions rely on the same navigation infrastructure. When these capabilities are enabled, the PDF Viewer automatically surfaces TOC entries and clickable links defined in the PDF. |
| 16 | +
|
| 17 | +## Required modules |
| 18 | + |
| 19 | +Inject the following modules to enable both navigation experiences: `Toolbar`, `Magnification`, `Navigation`, `LinkAnnotation`, `BookmarkView`, `TextSelection`, `ThumbnailView`, and optionally `Annotation`. |
14 | 20 |
|
15 | 21 | ## Table of contents navigation |
16 | 22 |
|
17 | | -Use the table of contents to quickly navigate to headings and sections defined in the PDF. When the document contains a bookmarks/outline structure, the viewer exposes those entries in the table of contents (Bookmarks) pane. Selecting an entry navigates directly to the mapped destination. If the PDF does not include a table of contents, the pane will not list any entries. |
| 23 | +Use the table of contents to navigate to headings and sections defined in the PDF. When the document contains a bookmarks or outline structure, the viewer exposes those entries in the table of contents (Bookmarks) pane. Selecting an entry navigates directly to the mapped destination. If the PDF does not include a table of contents, the pane will not list any entries. |
18 | 24 |
|
19 | 25 |  |
20 | 26 |
|
21 | | -## Hyperlink Navigation |
| 27 | +## Hyperlink navigation |
22 | 28 |
|
23 | 29 | The PDF Viewer provides robust support for hyperlink navigation within PDF documents. This allows users to interact with embedded links, which can point to external websites or other locations within the same document. This section covers how to configure hyperlink behavior, including enabling or disabling links, controlling how they open, and responding to hyperlink-related events. |
24 | 30 |
|
25 | 31 |  |
26 | 32 |
|
27 | | -### Enabling and Disabling Hyperlinks |
| 33 | +### Enable or disable hyperlinks |
28 | 34 |
|
29 | 35 | By default, the PDF Viewer automatically detects and enables all hyperlinks present in a loaded document. This behavior can be controlled using the `enableHyperlink` property. |
30 | 36 |
|
@@ -62,8 +68,8 @@ viewer.appendTo('#PdfViewer'); |
62 | 68 | {% endhighlight %} |
63 | 69 | {% endtabs %} |
64 | 70 |
|
65 | | -> Note: Disabling hyperlinks only affects the viewer's behavior and does not alter the original PDF document. |
66 | | -### Controlling Link Behavior |
| 71 | +> **Note:** Disabling hyperlinks only affects the viewer's behavior and does not alter the original PDF document. |
| 72 | +### Control link behavior |
67 | 73 |
|
68 | 74 | The `hyperlinkOpenState` property determines how external URLs are opened when a hyperlink is clicked. |
69 | 75 |
|
@@ -101,7 +107,7 @@ viewer.appendTo('#PdfViewer'); |
101 | 107 | {% endhighlight %} |
102 | 108 | {% endtabs %} |
103 | 109 |
|
104 | | -### Handling Hyperlink Events |
| 110 | +### Handle hyperlink events |
105 | 111 |
|
106 | 112 | The PDF Viewer exposes events that allow for monitoring and customizing hyperlink interactions. |
107 | 113 |
|
|
0 commit comments