The ASP.NET Core PDF Viewer supports different internal and external navigations.
The default toolbar of PDF Viewer contains the following navigation options
You can enable/disable page navigation option in PDF Viewer using the following code snippet.,
<div style="width:100%;height:600px">
<ejs-pdfviewer id="pdfviewer"
style="height:600px"
serviceUrl="/api/PdfViewer"
documentPath=@ViewBag.DocumentPath
enableNavigation="false">
</ejs-pdfviewer>
</div>
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.,
<div style="width:100%;height:600px">
<ejs-pdfviewer id="pdfviewer"
style="height:600px"
serviceUrl="/api/PdfViewer"
documentPath=@ViewBag.DocumentPath
enableBookmark="true">
</ejs-pdfviewer>
</div>
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.,
<div style="width:100%;height:600px">
<ejs-pdfviewer id="pdfviewer"
style="height:600px"
serviceUrl="/api/PdfViewer"
documentPath=@ViewBag.DocumentPath
enableThumbnail="true">
</ejs-pdfviewer>
</div>
Hyperlink navigation features enables navigation to the URLs (website links) in a PDF file.
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.,
<div style="width:100%;height:600px">
<ejs-pdfviewer id="pdfviewer"
style="height:600px"
serviceUrl="/api/PdfViewer"
documentPath=@ViewBag.DocumentPath
enableHyperlink="true">
</ejs-pdfviewer>
</div>
You can change the open state of the hyperlink in the PDF Viewer by using the following code snippet,
<div style="width:100%;height:600px">
<ejs-pdfviewer id="pdfviewer"
style="height:600px"
serviceUrl="/api/PdfViewer"
documentPath=@ViewBag.DocumentPath
hyperlinkOpenState="@(Syncfusion.EJ2.PdfViewer.LinkTarget.NewTab)">
</ejs-pdfviewer>
</div>