906190: UGDocumentation

Vincentsf4657 · Vincentsf4657 · commit 9cf82b820d17 · 2024-09-27T13:19:23.000+05:30
diff --git a/How to/Open and Close bookmark pane/src/app/app.ts b/How to/Open and Close bookmark pane/src/app/app.ts
@@ -1,9 +1,18 @@
-import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner, Print} from '@syncfusion/ej2-pdfviewer';
+import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner} from '@syncfusion/ej2-pdfviewer';
 
-PdfViewer.Inject(Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner, Print);
+PdfViewer.Inject(Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner);
 
 let pdfviewer: PdfViewer = new PdfViewer();
 pdfviewer.documentPath = "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf";
-pdfviewer.resourceUrl = "https://cdn.syncfusion.com/ej2/27.1.48/dist/ej2-pdfviewer-lib";
-pdfviewer.printScaleFactor=0.5;
+pdfviewer.resourceUrl = "https://cdn.syncfusion.com/ej2/23.1.43/dist/ej2-pdfviewer-lib";
+
 pdfviewer.appendTo('#PdfViewer');
+document.getElementById('openBookmark').addEventListener('click', () => {
+    // Open Bookmark pane
+    pdfviewer.bookmarkViewModule.openBookmarkPane();
+});
+
+document.getElementById('closeBookmark').addEventListener('click', () => {
+    // close Bookmark pane
+    pdfviewer.bookmarkViewModule.closeBookmarkPane();
+});
diff --git a/How to/Open and Close bookmark pane/src/index.html b/How to/Open and Close bookmark pane/src/index.html
@@ -12,7 +12,8 @@
 </head>
 
 <body>
-    <div style="margin-top: 70px;"></div>
+    <button id="openBookmark">Open Bookmark Pane</button>
+    <button id="closeBookmark">Close Bookmark Pane</button>
     <!--Element which will render as PDF Viewer -->
     <div id="PdfViewer"></div>
 </body>
