diff --git a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/import-export-annotation-object.md b/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/import-export-annotation-object.md
deleted file mode 100644
index 48a1a6d93e..0000000000
--- a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/import-export-annotation-object.md
+++ /dev/null
@@ -1,43 +0,0 @@
----
-layout: post
-title: Import Export Annotation in EJ2 ASP.NET MVC PDF Viewer | Syncfusion
-description: Learn how to Import Export Annotation Object in ASP.NET MVC PDF Viewer component of Syncfusion Essential JS 2 and more.
-platform: ej2-asp-core-mvc
-control: Import Export Annotation Object
-publishingplatform: ej2-asp-core-mvc
-documentation: ug
----
-
-
-# Import and Export annotation as object
-
-The PDF Viewer library allows you to import annotations from objects or streams instead of loading it as a file. To import such annotation objects, the PDF Viewer control must export the PDF annotations as objects using the [**ExportAnnotationsAsObject()**](https://ej2.syncfusion.com/documentation/api/pdfviewer/#exportannotationsasobject) method. Only the annotations objects that are exported from the PDF Viewer can be imported.
-
-The following steps are used to import and export annotation as object.
-
-**Step 1:** Follow the steps provided in the [link](https://ej2.syncfusion.com/aspnetmvc/documentation/pdfviewer/getting-started/) to create a simple PDF Viewer sample.
-
-**Step 2:** Use the following code snippet to perform import and export annotation.
-
-```html
-<button type="button" onclick="exportAnnotation()">Export Annoatation</button>
-<button type="button" onclick="importAnnotation()">Import Annoatation</button>
-
-<script>
-    var exportObject;
-    //Export annotation as object.
-    function exportAnnotation() {
-        var viewer = document.getElementById('pdfViewer').ej2_instances[0];
-        viewer.exportAnnotationsAsObject().then(function (value) {
-            exportObject = value
-        });
-    }
-    //Import annotation that are exported as object.
-    function importAnnotation() {
-        var viewer = document.getElementById('pdfViewer').ej2_instances[0];
-        viewer.importAnnotation(JSON.parse(exportObject));
-    }
-</script>
-```
-
-Find the Sample, [how to import and export annotation as object](https://www.syncfusion.com/downloads/support/directtrac/general/ze/EJ2MvcSample-654457926.zip)
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/import-export-annotation.md b/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/import-export-annotation.md
new file mode 100644
index 0000000000..5a9891a56e
--- /dev/null
+++ b/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.MVC/how-to/import-export-annotation.md
@@ -0,0 +1,55 @@
+---
+layout: post
+title: Import Export Annotation in EJ2 ASP.NET MVC PDF Viewer | Syncfusion
+description: Learn how to Import Export Annotation in ASP.NET MVC PDF Viewer component of Syncfusion Essential JS 2 and more.
+platform: ej2-asp-core-mvc
+control: Import Export Annotation Object
+publishingplatform: ##Platform_Name##
+documentation: ug
+---
+
+
+# Import and Export annotation
+
+The PDF Viewer library allows you to import annotations from objects or streams instead of loading it as a file. To import such annotation objects, the PDF Viewer control must export the PDF annotations as objects using the [**ExportAnnotationsAsObject()**](https://ej2.syncfusion.com/documentation/api/pdfviewer/#exportannotationsasobject) method. Only the annotations objects that are exported from the PDF Viewer can be imported.
+
+The following steps are used to import and export annotations in various formats such as objects, JSON, and XFDF.
+
+**Step 1:** Follow the steps provided in the [link](https://ej2.syncfusion.com/aspnetmvc/documentation/pdfviewer/getting-started/) to create a simple PDF Viewer sample.
+
+**Step 2:** Use the following code snippet to perform import and export annotation.
+
+```html
+    <button type="button" onclick="exportAsJson()">Export Annotation As Json</button>
+    <button type="button" onclick="exportAsXfdf()">Export Annotation As Xfdf</button>
+    <button type="button" onclick="exportAnnotation()">Export Annotation</button>
+    <button type="button" onclick="importAnnotation()">Import Annotation</button>
+
+<script>
+   var exportObject;
+        //Export annotation as Json
+        function exportAsJson() {
+            var viewer = document.getElementById('pdfViewer').ej2_instances[0];
+            viewer.exportAnnotation('Json');
+        }
+        //Export annotation as Xfdf
+        function exportAsXfdf() {
+            var viewer = document.getElementById('pdfViewer').ej2_instances[0];
+            viewer.exportAnnotation('Xfdf');
+        }
+        //Export annotation as object.
+        function exportAnnotation() {
+            var viewer = document.getElementById('pdfViewer').ej2_instances[0];
+            viewer.exportAnnotationsAsObject().then(function (value) {
+                exportObject = value
+            });
+        }
+        //Import annotation that are exported as object.
+        function importAnnotation() {
+            var viewer = document.getElementById('pdfViewer').ej2_instances[0];
+            viewer.importAnnotation(JSON.parse(exportObject));
+        }
+</script>
+```
+
+[View sample in GitHub](https://github.com/SyncfusionExamples/mvc-pdf-viewer-examples/tree/master/How%20to)
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.NETCORE/how-to/import-export-annotation-object.md b/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.NETCORE/how-to/import-export-annotation.md
similarity index 71%
rename from ej2-asp-core-mvc/pdfviewer/EJ2_ASP.NETCORE/how-to/import-export-annotation-object.md
rename to ej2-asp-core-mvc/pdfviewer/EJ2_ASP.NETCORE/how-to/import-export-annotation.md
index b866d47642..99c9ec1624 100644
--- a/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.NETCORE/how-to/import-export-annotation-object.md
+++ b/ej2-asp-core-mvc/pdfviewer/EJ2_ASP.NETCORE/how-to/import-export-annotation.md
@@ -1,6 +1,6 @@
 ---
 layout: post
-title: Import Export Annotation Object in ##Platform_Name## Pdfviewer Component
+title: Import Export Annotation in ##Platform_Name## Pdfviewer Component | Syncfusion
 description: Learn here all about Import Export Annotation Object in Syncfusion ##Platform_Name## Pdfviewer component of Syncfusion Essential JS 2 and more.
 platform: ej2-asp-core-mvc
 control: Import Export Annotation Object
@@ -8,11 +8,11 @@ publishingplatform: ##Platform_Name##
 documentation: ug
 ---
 
-# Import and Export annotation as object
+# Import and Export annotation
 
 The PDF Viewer library allows you to import annotations from objects or streams instead of loading it as a file. To import such annotation objects, the PDF Viewer control must export the PDF annotations as objects using the [**ExportAnnotationsAsObject()**](https://ej2.syncfusion.com/documentation/api/pdfviewer/#exportannotationsasobject) method. Only the annotations objects that are exported from the PDF Viewer can be imported.
 
-The following steps are used to import and export annotation as object.
+The following steps are used to import and export annotations in various formats such as objects, JSON, and XFDF.
 
 **Step 1:** Follow the steps provided in the [link](https://ej2.syncfusion.com/aspnetcore/documentation/pdfviewer/getting-started/) to create a simple PDF Viewer sample.
 
@@ -26,6 +26,8 @@ The following steps are used to import and export annotation as object.
     ViewData["Title"] = "Home page";
 }
 
+<button type="button" onclick="exportAsJson()">Export Annoatation As Json</button>
+<button type="button" onclick="exportAsXfdf()">Export Annoatation As Xfdf</button>
 <button type="button" onclick="exportAnnotation()">Export Annoatation</button>
 <button type="button" onclick="importAnnotation()">Import Annoatation</button>
 
@@ -38,7 +40,17 @@ The following steps are used to import and export annotation as object.
 
 <script type ="text/javascript">
 
-    var exportObject;
+     var exportObject;
+    //Export annotation as Json
+    function exportAsJson(){
+        var viewer = document.getElementById('pdfviewer').ej2_instances[0];
+        viewer.exportAnnotation('Json');
+    }
+    //Export annotation as Xfdf
+    function exportAsXfdf(){
+        var viewer = document.getElementById('pdfviewer').ej2_instances[0];
+        viewer.exportAnnotation('Xfdf');
+    }
     //Export annotation as object.
     function exportAnnotation() {
         var viewer = document.getElementById('pdfviewer').ej2_instances[0];
@@ -62,6 +74,8 @@ The following steps are used to import and export annotation as object.
     ViewData["Title"] = "Home page";
 }
 
+<button type="button" onclick="exportAsJson()">Export Annoatation As Json</button>
+<button type="button" onclick="exportAsXfdf()">Export Annoatation As Xfdf</button>
 <button type="button" onclick="exportAnnotation()">Export Annoatation</button>
 <button type="button" onclick="importAnnotation()">Import Annoatation</button>
 
@@ -75,7 +89,17 @@ The following steps are used to import and export annotation as object.
 
 <script type ="text/javascript">
 
-    var exportObject;
+     var exportObject;
+    //Export annotation as Json
+    function exportAsJson(){
+        var viewer = document.getElementById('pdfviewer').ej2_instances[0];
+        viewer.exportAnnotation('Json');
+    }
+    //Export annotation as Xfdf
+    function exportAsXfdf(){
+        var viewer = document.getElementById('pdfviewer').ej2_instances[0];
+        viewer.exportAnnotation('Xfdf');
+    }
     //Export annotation as object.
     function exportAnnotation() {
         var viewer = document.getElementById('pdfviewer').ej2_instances[0];
diff --git a/ej2-asp-core-toc.html b/ej2-asp-core-toc.html
index f6c4c188a1..43e47f6978 100644
--- a/ej2-asp-core-toc.html
+++ b/ej2-asp-core-toc.html
@@ -1959,7 +1959,7 @@
 		<li><a href="/ej2-asp-core/pdfviewer/how-to/display-document-without-downloading">Display document without downloading</a></li>
 		<li><a href="/ej2-asp-core/pdfviewer/how-to/show-bookmark">Show Bookmark</a></li>
 		<li><a href="/ej2-asp-core/pdfviewer/how-to/load-documents">Load the PDF documents dynamically</a></li>
-		<li><a href="/ej2-asp-core/pdfviewer/how-to/import-export-annotation-object">Import and Export annotation as object</a></li>
+		<li><a href="/ej2-asp-core/pdfviewer/how-to/import-export-annotation">Import and Export annotation</a></li>
 		<li><a href="/ej2-asp-core/pdfviewer/how-to/authorization-token">Include the Authorization token</a></li>		
 		<li><a href="/ej2-asp-core/pdfviewer/how-to/open-thumbnail">Open Thumbnail pane programmatically</a></li>
 		<li><a href="/ej2-asp-core/pdfviewer/how-to/resolve-pdfium-issue">Resolve the Pdfium issue</a></li>
diff --git a/ej2-asp-mvc-toc.html b/ej2-asp-mvc-toc.html
index 2d76abd7c3..63d8215284 100644
--- a/ej2-asp-mvc-toc.html
+++ b/ej2-asp-mvc-toc.html
@@ -1917,7 +1917,7 @@
 		<li><a href="/ej2-asp-mvc/pdfviewer/how-to/load-the-document">Load the PDF document</a></li>
 		<li><a href="/ej2-asp-mvc/pdfviewer/how-to/show-notification-dialog">Show the notification dialog in UI When form fields are empty</a></li>
 		<li><a href="/ej2-asp-mvc/pdfviewer/how-to/load-documents">Load the PDF documents dynamically</a></li>
-		<li><a href="/ej2-asp-mvc/pdfviewer/how-to/import-export-annotation-object">Import and Export annotation as object</a></li>
+		<li><a href="/ej2-asp-mvc/pdfviewer/how-to/import-export-annotation">Import and Export annotation</a></li>
 		<li><a href="/ej2-asp-mvc/pdfviewer/how-to/open-thumbnail">Open Thumbnail pane programmatically</a></li>
 		<li><a href="/ej2-asp-mvc/pdfviewer/how-to/redirect-to-home-page">Redirect to a home page after submitting PDF forms</a></li>
 		<li><a href="/ej2-asp-mvc/pdfviewer/how-to/resolve-pdfium-issue">Resolve the Pdfium issue</a></li>