/ PDF Viewer / How To / Open Thumbnail pane programmatically
Search results

Open Thumbnail pane programmatically in Angular PDF Viewer component

21 Dec 2022 / 1 minute to read

The PDF Viewer library allows you to open the thumbnail pane programmatically using the openThumbnailPane() method.

The following steps are used to open the thumbnail.

Step 1: Follow the steps provided in the link to create a simple PDF Viewer sample.

Step 2: Use the following code snippet to open thumbnail.

Copied to clipboard
<button (click)="openThumbnail()">Open Thumbnail Pane</button>
Copied to clipboard
openThumbnail() {
  var viewer = (<any>document.getElementById('pdfViewer')).ej2_instances[0];
  // Open Thumbnail pane.
  viewer.thumbnailViewModule.openThumbnailPane();
}

Find the sample, how to open the thumbnail pane programmatically