914162: Sample on How to Control Annotation Visibility After Downloading

SyncfusionExamples · Dec 19, 2024 · ecd3f9a · ecd3f9a
1 parent 9f0f75d
commit ecd3f9a
Show file tree

Hide file tree

Showing 2 changed files with 294 additions and 0 deletions.
diff --git a/How to/Control Annotation Visibility After Downloading/index.html b/How to/Control Annotation Visibility After Downloading/index.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html><html lang="en"><head>
+  <title>EJ2 PDF Viewer</title>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta name="description" content="Typescript PDF Viewer Control">
+  <meta name="author" content="Syncfusion">
+  <link href="https://cdn.syncfusion.com/ej2/28.1.33/ej2-base/styles/material.css" rel="stylesheet">    
+  <link href="https://cdn.syncfusion.com/ej2/28.1.33/ej2-pdfviewer/styles/material.css" rel="stylesheet">
+  <link href="https://cdn.syncfusion.com/ej2/28.1.33/ej2-buttons/styles/material.css" rel="stylesheet">
+  <link href="https://cdn.syncfusion.com/ej2/28.1.33/ej2-popups/styles/material.css" rel="stylesheet">
+  <link href="https://cdn.syncfusion.com/ej2/28.1.33/ej2-navigations/styles/material.css" rel="stylesheet">
+  <link href="https://cdn.syncfusion.com/ej2/28.1.33/ej2-dropdowns/styles/material.css" rel="stylesheet">
+  <link href="https://cdn.syncfusion.com/ej2/28.1.33/ej2-lists/styles/material.css" rel="stylesheet">
+  <link href="https://cdn.syncfusion.com/ej2/28.1.33/ej2-inputs/styles/material.css" rel="stylesheet">    
+  <link href="https://cdn.syncfusion.com/ej2/28.1.33/ej2-splitbuttons/styles/material.css" rel="stylesheet">
+  <link href="https://cdn.syncfusion.com/ej2/28.1.33/ej2-notifications/styles/material.css" rel="stylesheet">
+
+  <!-- Essential JS 2 PDF Viewer's script --> 
+  <script src="https://cdn.syncfusion.com/ej2/28.1.33/dist/ej2.min.js" type="text/javascript"></script>
+  <script src="https://cdn.syncfusion.com/ej2/syncfusion-helper.js" type ="text/javascript"></script>  
+</head>
+<body>
+
+  <div id="container">
+    <br><br><br>
+      <button id="download">Download</button>
+      <div id="PdfViewer" style="height:500px;width:100%;"></div>        
+  </div>
+
+
+<script>
+var ele = document.getElementById('container');
+if(ele) {
+ele.style.visibility = "visible";
+}   
+</script>
+<script src="index.js" type="text/javascript"></script>
+</body></html>