Syncfusion AI Assistant

How can I help you?

Open the thumbnail pane programmatically

11 Feb 20261 minute to read

The PDF Viewer exposes a openThumbnailPane() API to open the thumbnail pane from application code. Use this API when the UI needs to show the thumbnail pane in response to user actions or programmatic workflows.

Follow these steps to open the thumbnail pane from application code.

Step 1: Create a basic PDF Viewer sample using the getting started guide.

Step 2: Use the code snippet below to open the thumbnail pane.

<button (click)="openThumbnail()">Open Thumbnail Pane</button>
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