845073: Updated sample to client side using resourceUrl

Author: SF4524LogeshKumar

How to/Show and Hide Annotations/ShowHideAnnotations/ShowHideAnnotations/NuGet.Config

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<configuration>
+  <packageSources>
+    <clear />
+    <add key="nuget.org" value="https://api.nuget.org/v3/index.json" />
+    <add key="nexus" value="https://nexus.syncfusioninternal.com/repository/nuget-hosted/" />
+  </packageSources>
+  <disabledPackageSources>
+    <clear />
+  </disabledPackageSources>
+  <fallbackPackageFolders>
+    <clear />
+  </fallbackPackageFolders>
+</configuration>

How to/Show and Hide Annotations/ShowHideAnnotations/ShowHideAnnotations/Pages/Index.cshtml

@@ -1,60 +1,37 @@
-@page "{handler?}"
+@page "{handler?}"
 @using ShowHideAnnotations.Pages
 @model IndexModel
 @{
     ViewData["Title"] = "Home page";
 }
 
 <div class="text-center">
-    <button id="toggleBtn" onclick="toggleAnnotations()">Hide Annotations</button>
-    <ejs-pdfviewer id="pdfviewer" style="height:600px" serviceUrl="/Index" documentPath="">
+    <button id="hideBtn">Hide Annotations</button>
+    <button id="unhideBtn">Show Annotations</button>
+    <ejs-pdfviewer id="pdfviewer" style="height:600px" resourceUrl="https://cdn.syncfusion.com/ej2/30.1.37/dist/ej2-pdfviewer-lib" documentPath="https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf">
     </ejs-pdfviewer>
 </div>
 
 <script type="text/javascript">
     var exportObject = null;
-    var annotationsVisible = true;
 
-    // Function to run when page loads
     document.addEventListener('DOMContentLoaded', function() {
-        // Get viewer instance
-        var viewer = document.getElementById('pdfviewer').ej2_instances[0];
+        var pdfviewer = document.getElementById('pdfviewer').ej2_instances[0];
 
-        // Load the PDF document
-        if (viewer) {
-            viewer.documentPath="Data/Annotations.pdf";
-
-            // You can also add any initialization code here
-            console.log("PDF viewer initialized and document loading started");
-        }
-    });
-
-    function toggleAnnotations() {
-        var viewer = document.getElementById('pdfviewer').ej2_instances[0];
-
-        if (annotationsVisible) {
-            // Hide annotations by exporting and deleting them
-            viewer.exportAnnotationsAsObject().then(function(value) {
+        function HideAnnotations() {
+            pdfviewer.exportAnnotationsAsObject().then(function(value) {
                 exportObject = value;
-
-                var count = viewer.annotationCollection.length;
-                for (var i = 0; i < count; i++) {
-                    // Always delete the first item as the collection shrinks
-                    viewer.annotationModule.deleteAnnotationById(viewer.annotationCollection[0].annotationId);
-                }
-
-                annotationsVisible = false;
-                document.getElementById('toggleBtn').textContent = 'Show Annotations';
+                pdfviewer.deleteAnnotations();
             });
-        } else {
-            // Restore annotations
+        }
+
+        function UnHideAnnotations() {
             if (exportObject) {
-                var exportAnnotObject = JSON.parse(exportObject);
-                viewer.importAnnotation(exportAnnotObject);
+                pdfviewer.importAnnotation(JSON.parse(exportObject));
             }
-
-            annotationsVisible = true;
-            document.getElementById('toggleBtn').textContent = 'Hide Annotations';
         }
-    }
+
+        document.getElementById('hideBtn').addEventListener('click', HideAnnotations);
+        document.getElementById('unhideBtn').addEventListener('click', UnHideAnnotations);
+    });
 </script>

How to/Show and Hide Annotations/ShowHideAnnotations/ShowHideAnnotations/Pages/Shared/_Layout.cshtml

@@ -8,9 +8,9 @@
     <link rel="stylesheet" href="~/css/site.css" asp-append-version="true" />
     <link rel="stylesheet" href="~/PDFViewerSample.styles.css" asp-append-version="true" />
     <!-- Syncfusion ASP.NET Core controls styles -->
-    <link rel="stylesheet" href="https://cdn.syncfusion.com/ej2/29.1.33/fluent.css" />
+    <link rel="stylesheet" href="https://cdn.syncfusion.com/ej2/30.1.37/fluent.css" />
     <!-- Syncfusion ASP.NET Core controls scripts -->
-    <script src="https://cdn.syncfusion.com/ej2/29.1.33/dist/ej2.min.js"></script>
+    <script src="https://cdn.syncfusion.com/ej2/30.1.37/dist/ej2.min.js"></script>
 </head>
 <body>
     <div class="container">

How to/Show and Hide Annotations/ShowHideAnnotations/ShowHideAnnotations/ShowHideAnnotations.csproj

@@ -7,8 +7,8 @@
   </PropertyGroup>
 
   <ItemGroup>
-       <PackageReference Include="Syncfusion.EJ2.AspNet.Core" Version="*" />
-       <PackageReference Include="Syncfusion.EJ2.PdfViewer.AspNet.Core" Version="*" />
+       <PackageReference Include="Syncfusion.EJ2.AspNet.Core" Version="30.1.40" />
+       <PackageReference Include="Syncfusion.EJ2.PdfViewer.AspNet.Core" Version="100.2.100" />
   </ItemGroup>
 
   <ItemGroup>