SyncfusionExamples · SF4524LogeshKumar · May 27, 2025
diff --git a/How to/Show and Hide Annotation/Client/index.html b/How to/Show and Hide Annotation/Client/index.html
@@ -0,0 +1,37 @@
+<!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/27.2.5/ej2-base/styles/material.css" rel="stylesheet">    
+    <link href="https://cdn.syncfusion.com/ej2/27.2.5/ej2-pdfviewer/styles/material.css" rel="stylesheet">
+    <link href="https://cdn.syncfusion.com/ej2/27.2.5/ej2-buttons/styles/material.css" rel="stylesheet">
+    <link href="https://cdn.syncfusion.com/ej2/27.2.5/ej2-popups/styles/material.css" rel="stylesheet">
+    <link href="https://cdn.syncfusion.com/ej2/27.2.5/ej2-navigations/styles/material.css" rel="stylesheet">
+    <link href="https://cdn.syncfusion.com/ej2/27.2.5/ej2-dropdowns/styles/material.css" rel="stylesheet">
+    <link href="https://cdn.syncfusion.com/ej2/27.2.5/ej2-lists/styles/material.css" rel="stylesheet">
+    <link href="https://cdn.syncfusion.com/ej2/27.2.5/ej2-inputs/styles/material.css" rel="stylesheet">    
+    <link href="https://cdn.syncfusion.com/ej2/27.2.5/ej2-splitbuttons/styles/material.css" rel="stylesheet">
+    <link href="https://cdn.syncfusion.com/ej2/27.2.5/ej2-notifications/styles/material.css" rel="stylesheet">
+
+    <!-- Essential JS 2 PDF Viewer's script --> 
+    <script src="https://cdn.syncfusion.com/ej2/29.1.33/dist/ej2.min.js" type="text/javascript"></script>
+    <script src="https://cdn.syncfusion.com/ej2/syncfusion-helper.js" type ="text/javascript"></script>
+
+<script src="https://cdn.syncfusion.com/ej2/syncfusion-helper.js" type ="text/javascript"></script>
+</head>
+<body>
+    <div id="container">
+        <button id="toggleBtn">Hide Annotation</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>
diff --git a/How to/Show and Hide Annotation/Client/index.js b/How to/Show and Hide Annotation/Client/index.js
@@ -0,0 +1,35 @@
+let exportObject = null;
+let annotationsVisible = true; 
+
+var pdfviewer = new ej.pdfviewer.PdfViewer({
+  serviceUrl: 'https://localhost:44309/pdfviewer',
+  documentPath: 'Annotations.pdf',
+});
+ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
+  ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
+  pdfviewer.appendTo('#PdfViewer');
+
+// Toggle logic
+document.getElementById('toggleBtn').addEventListener('click', () => {
+  const button = document.getElementById('toggleBtn');
+
+  if (annotationsVisible) {
+    // Export and delete annotations
+    pdfviewer.exportAnnotationsAsObject().then((value) => {
+      exportObject = value;
+      const count = pdfviewer.annotationCollection.length;
+      for (let i = 0; i < count; i++) {
+        pdfviewer.deleteAnnotations(pdfviewer.annotationCollection[0]);
+      }
+      button.innerText = 'Show Annotation';
+      annotationsVisible = false;
+    });
+  } else {
+    // Restore annotations
+    if (exportObject) {
+      pdfviewer.importAnnotation(JSON.parse(exportObject));
+    }
+    button.innerText = 'Hide Annotation';
+    annotationsVisible = true;
+  }
+});
diff --git a/How to/Show and Hide Annotation/ControllerPractice/ControllerPractice.sln b/How to/Show and Hide Annotation/ControllerPractice/ControllerPractice.sln
@@ -0,0 +1,28 @@
+
+Microsoft Visual Studio Solution File, Format Version 12.00
+# Visual Studio Version 17
+VisualStudioVersion = 17.3.32901.215
+MinimumVisualStudioVersion = 10.0.40219.1
+Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "ControllerPractice", "ControllerPractice\ControllerPractice.csproj", "{14100176-83DC-4CB1-87D4-4D71C9E8F177}"
+EndProject
+Global
+	GlobalSection(SolutionConfigurationPlatforms) = preSolution
+		Debug|Any CPU = Debug|Any CPU
+		Release|Any CPU = Release|Any CPU
+		Release-Xml|Any CPU = Release-Xml|Any CPU
+	EndGlobalSection
+	GlobalSection(ProjectConfigurationPlatforms) = postSolution
+		{14100176-83DC-4CB1-87D4-4D71C9E8F177}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+		{14100176-83DC-4CB1-87D4-4D71C9E8F177}.Debug|Any CPU.Build.0 = Debug|Any CPU
+		{14100176-83DC-4CB1-87D4-4D71C9E8F177}.Release|Any CPU.ActiveCfg = Release|Any CPU
+		{14100176-83DC-4CB1-87D4-4D71C9E8F177}.Release|Any CPU.Build.0 = Release|Any CPU
+		{14100176-83DC-4CB1-87D4-4D71C9E8F177}.Release-Xml|Any CPU.ActiveCfg = Release|Any CPU
+		{14100176-83DC-4CB1-87D4-4D71C9E8F177}.Release-Xml|Any CPU.Build.0 = Release|Any CPU
+	EndGlobalSection
+	GlobalSection(SolutionProperties) = preSolution
+		HideSolutionNode = FALSE
+	EndGlobalSection
+	GlobalSection(ExtensibilityGlobals) = postSolution
+		SolutionGuid = {676A0D7F-7DC9-4AC1-B66A-956820E0B388}
+	EndGlobalSection
+EndGlobal
diff --git a/.../Show and Hide Annotation/ControllerPractice/ControllerPractice/ControllerPractice.csproj b/.../Show and Hide Annotation/ControllerPractice/ControllerPractice/ControllerPractice.csproj
@@ -0,0 +1,13 @@
+<Project Sdk="Microsoft.NET.Sdk.Web">
+
+  <PropertyGroup>
+    <TargetFramework>net6.0</TargetFramework>
+  </PropertyGroup>
+
+  <ItemGroup>
+    <PackageReference Include="Microsoft.AspNetCore.Mvc.NewtonsoftJson" Version="6.0.13" />
+    <PackageReference Include="Syncfusion.EJ2.AspNet.Core" Version="22.2.10" />
+    <PackageReference Include="Syncfusion.EJ2.PdfViewer.AspNet.Core.Windows" Version="22.2.10" />
+  </ItemGroup>
+
+</Project>
diff --git a/... and Hide Annotation/ControllerPractice/ControllerPractice/ControllerPractice.csproj.user b/... and Hide Annotation/ControllerPractice/ControllerPractice/ControllerPractice.csproj.user
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<Project ToolsVersion="Current" xmlns="http://schemas.microsoft.com/developer/msbuild/2003">
+  <PropertyGroup>
+    <Controller_SelectedScaffolderID>MvcControllerEmptyScaffolder</Controller_SelectedScaffolderID>
+    <Controller_SelectedScaffolderCategoryPath>root/Common/MVC/Controller</Controller_SelectedScaffolderCategoryPath>
+  </PropertyGroup>
+</Project>
diff --git a/...w and Hide Annotation/ControllerPractice/ControllerPractice/Controllers/HomeController.cs b/...w and Hide Annotation/ControllerPractice/ControllerPractice/Controllers/HomeController.cs
@@ -0,0 +1,37 @@
+using ControllerPractice.Models;
+using Microsoft.AspNetCore.Mvc;
+using Microsoft.Extensions.Logging;
+using System;
+using System.Collections.Generic;
+using System.Diagnostics;
+using System.Linq;
+using System.Threading.Tasks;
+
+namespace ControllerPractice.Controllers
+{
+    public class HomeController : Controller
+    {
+        private readonly ILogger<HomeController> _logger;
+
+        public HomeController(ILogger<HomeController> logger)
+        {
+            _logger = logger;
+        }
+
+        public IActionResult Index()
+        {
+            return View();
+        }
+
+        public IActionResult Privacy()
+        {
+            return View();
+        }
+
+        [ResponseCache(Duration = 0, Location = ResponseCacheLocation.None, NoStore = true)]
+        public IActionResult Error()
+        {
+            return View(new ErrorViewModel { RequestId = Activity.Current?.Id ?? HttpContext.TraceIdentifier });
+        }
+    }
+}