From 5f36c7a51acf9783692c2aea77baf95264cd567a Mon Sep 17 00:00:00 2001
From: Dhanush Sugumaran <dhanush.sugumaran@syncfusion.com>
Date: Tue, 28 Jul 2026 14:53:42 +0530
Subject: [PATCH 1/3] Task(1043919): Revamped the UG documentation for the
 Annotation samples in the Vue PDF Viewer platform

---
 .../annotation/annotation-comment-filter.md   | 12 ++-
 .../vue/annotation/annotation-event.md        |  4 +-
 .../annotation/annotations-in-mobile-view.md  |  3 +-
 .../PDF/PDF-Viewer/vue/annotation/comments.md |  4 +-
 .../vue/annotation/free-text-annotation.md    |  8 +-
 .../vue/annotation/ink-annotation.md          |  6 +-
 .../PDF-Viewer/vue/annotation/ink-eraser.md   |  2 +-
 .../vue/annotation/line-angle-constraints.md  |  4 +-
 .../vue/annotation/measurement-annotation.md  | 82 +++++++++----------
 .../vue/annotation/shape-annotation.md        |  2 +-
 .../vue/annotation/signature-annotation.md    |  8 +-
 .../vue/annotation/stamp-annotation.md        | 16 ++--
 .../vue/annotation/sticky-notes-annotation.md | 18 ++--
 .../vue/annotation/text-markup-annotation.md  | 38 ++++-----
 14 files changed, 102 insertions(+), 105 deletions(-)

diff --git a/Document-Processing/PDF/PDF-Viewer/vue/annotation/annotation-comment-filter.md b/Document-Processing/PDF/PDF-Viewer/vue/annotation/annotation-comment-filter.md
index bb18c764a8..6513d3854e 100644
--- a/Document-Processing/PDF/PDF-Viewer/vue/annotation/annotation-comment-filter.md
+++ b/Document-Processing/PDF/PDF-Viewer/vue/annotation/annotation-comment-filter.md
@@ -63,7 +63,7 @@ Follow these steps to filter annotations by their type and status:
 
 1. Click the **filter icon** in the comments panel toolbar
 2. In the **Annotation Type** dropdown, select the annotation types you want to view (e.g., Highlight, Underline)
-3. In the **Status** dropdown, select the status you want to filter by (e.g., Accepted, Rejected, Pending)
+3. In the **Status** dropdown, select the status you want to filter by (e.g., Accepted, Rejected)
 4. Click **APPLY** to see only annotations matching your criteria
 5. Use the **CLEAR** button to reset all filters
 
@@ -177,12 +177,10 @@ export default {
         // includereplies: true,
         applyToDocument: true
       });
-    }
-  },
-
-  handleClearFilter() {
-    if (viewerRef.current) {
-      viewerRef.current.annotation.applyCommentFilter(null);
+    },
+    clearFilter() {
+      const pdfViewer = this.$refs.pdfViewer.ej2Instances;
+      pdfViewer.annotation.applyCommentFilter(null);
     }
   },
   provide: {
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/annotation/annotation-event.md b/Document-Processing/PDF/PDF-Viewer/vue/annotation/annotation-event.md
index e1ddf0e701..ac3d060567 100644
--- a/Document-Processing/PDF/PDF-Viewer/vue/annotation/annotation-event.md
+++ b/Document-Processing/PDF/PDF-Viewer/vue/annotation/annotation-event.md
@@ -2,7 +2,7 @@
 layout: post
 title: Annotation Events in Vue PDF Viewer control | Syncfusion
 description: Learn here all about Annotation Events in Syncfusion Vue PDF Viewer component of Syncfusion Essential JS 2 and more.
-control: Annotation Events
+control: PDF Viewer
 platform: document-processing
 documentation: ug
 domainurl: ##DomainURL##
@@ -33,7 +33,7 @@ The annotation events supported by the PDF Viewer control are:
 | [resizeSignature](#resizesignature)                  | Triggers when a signature is resized.                             |
 | [signaturePropertiesChange](#signaturepropertieschange) | Triggers when signature properties change.                        |
 | [signatureSelect](#signatureselect)                  | Triggers when a signature is selected.                            |
-| [signatureUnselect](#signatureunselect)              | Triggers when a signature is unselected.                          |            |
+| [signatureUnselect](#signatureunselect)              | Triggers when a signature is unselected.                          |
 
 ### annotationAdd
 
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/annotation/annotations-in-mobile-view.md b/Document-Processing/PDF/PDF-Viewer/vue/annotation/annotations-in-mobile-view.md
index cac0c5d9f9..5f578835fa 100644
--- a/Document-Processing/PDF/PDF-Viewer/vue/annotation/annotations-in-mobile-view.md
+++ b/Document-Processing/PDF/PDF-Viewer/vue/annotation/annotations-in-mobile-view.md
@@ -7,6 +7,7 @@ control: PDF Viewer
 documentation: ug
 domainurl: ##DomainURL##
 ---
+
 # Annotations in mobile view in Vue PDF Viewer control
 
 This article describes how to use annotation tools in the Syncfusion Vue PDF Viewer on touch-enabled (mobile) devices. It covers enabling the annotation toolbar, adding common annotation types, adjusting annotation properties, using comments, and removing annotations.
@@ -49,7 +50,7 @@ This article describes how to use annotation tools in the Syncfusion Vue PDF Vie
 
 **Step 2:** Choose a shape or measurement type, then draw the annotation on the page using touch gestures.
 
-![Select measurement type](../images/open-radius.png)
+![Select radius measurement type](../images/open-radius.png)
 
 **Step 3:** The shape or measurement annotation is added to the PDF and can be adjusted via its property toolbar.
 
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/annotation/comments.md b/Document-Processing/PDF/PDF-Viewer/vue/annotation/comments.md
index aad161cf08..55b6d48de9 100644
--- a/Document-Processing/PDF/PDF-Viewer/vue/annotation/comments.md
+++ b/Document-Processing/PDF/PDF-Viewer/vue/annotation/comments.md
@@ -2,7 +2,7 @@
 layout: post
 title: Comments in Vue PDF Viewer component | Syncfusion
 description: Learn about comments, replies, and status in the Syncfusion Vue PDF Viewer component of Syncfusion Essential JS 2 and more.
-control: Comments
+control: PDF Viewer
 platform: document-processing
 documentation: ug
 domainurl: ##DomainURL##
@@ -105,7 +105,7 @@ Edit comments and replies in the following ways:
 * Click More options in the comment or reply container.
 * Select Delete from the context menu.
 
-![CommentDelete](../images/commentsdelete.png)
+![Delete a comment from the comment panel](../images/commentsdelete.png)
 
 N> Deleting the root comment from the comment panel also deletes the associated annotation.
 
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/annotation/free-text-annotation.md b/Document-Processing/PDF/PDF-Viewer/vue/annotation/free-text-annotation.md
index bb51d3ef14..be3740f1c8 100644
--- a/Document-Processing/PDF/PDF-Viewer/vue/annotation/free-text-annotation.md
+++ b/Document-Processing/PDF/PDF-Viewer/vue/annotation/free-text-annotation.md
@@ -2,7 +2,7 @@
 layout: post
 title: Free text annotation in Vue PDF viewer component | Syncfusion
 description: Learn about free text annotations in the Syncfusion Vue PDF Viewer (Essential JS 2): add, edit, delete, and default settings.
-control: Free text annotation
+control: PDF Viewer
 platform: document-processing
 documentation: ug
 domainurl: ##DomainURL##
@@ -627,7 +627,7 @@ Select a color from the Font Color palette to change the font color.
 
 Use the Text Align tool to set the annotation text alignment.
 
-![FreeTextAnnotation](../images/textalign.png)
+![Set free text alignment](../images/textalign.png)
 
 ### Font styles
 
@@ -694,7 +694,7 @@ provide('PdfViewer', [Toolbar, Magnification, Navigation, LinkAnnotation, Bookma
 </script>
 
 {% endhighlight %}
-{% highlight html tabtitle="Optiions API (Standalone)" %}
+{% highlight html tabtitle="Options API (Standalone)" %}
 
 <template>
   <div id="app">
@@ -732,7 +732,7 @@ export default {
 </script>
 
 {% endhighlight %}
-{% highlight html tabtitle="Composition API (Server-backed)" %}
+{% highlight html tabtitle="Composition API (Server-Backed)" %}
 
 <template>
   <div id="app">
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/annotation/ink-annotation.md b/Document-Processing/PDF/PDF-Viewer/vue/annotation/ink-annotation.md
index 439912e273..b9ad69bcff 100644
--- a/Document-Processing/PDF/PDF-Viewer/vue/annotation/ink-annotation.md
+++ b/Document-Processing/PDF/PDF-Viewer/vue/annotation/ink-annotation.md
@@ -193,7 +193,7 @@ export default {
 {% endhighlight %}
 {% endtabs %}
 
-## Add an Ink annotation programmatically to the PDF document Programmatically
+## Add an Ink annotation programmatically to the PDF document
 
 The PDF Viewer library allows adding an ink annotation programmatically using the [addAnnotation()](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/annotation#addannotation) method.
 
@@ -547,7 +547,7 @@ import {
 export default {
   name: "App",
   components: {
-    "ejs-pdfviewer": PdfviewerComponent
+    "ejs-pdfviewer": PdfViewerComponent
   },
   data() {
     return {
@@ -607,7 +607,7 @@ Edit opacity using the range slider in the Edit Opacity tool.
 
 Default properties for ink annotations can be set before creating the control using InkAnnotationSettings.
 
-After changing default values, the new defaults are applied to subsequently created ink annotations.. Refer to the following code sample to set the default ink annotation settings.
+After changing default values, the new defaults are applied to subsequently created ink annotations. Refer to the following code sample to set the default ink annotation settings.
 
 {% tabs %}
 {% highlight html tabtitle="Composition API (Standalone)" %}
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/annotation/ink-eraser.md b/Document-Processing/PDF/PDF-Viewer/vue/annotation/ink-eraser.md
index 128e0b8471..4419cf7ea1 100644
--- a/Document-Processing/PDF/PDF-Viewer/vue/annotation/ink-eraser.md
+++ b/Document-Processing/PDF/PDF-Viewer/vue/annotation/ink-eraser.md
@@ -193,7 +193,7 @@ export default {
 
 ### Set eraser size programmatically
 
-Use the `inkEraserSize` property to control the width of the eraser:
+Use the `inkEraserSize` property to control the width of the eraser. The default value is `20` pixels; recommended range is `1`–`20` pixels.
 
 {% tabs %}
 {% highlight html tabtitle="Composition API (~/src/App.vue)" %}
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/annotation/line-angle-constraints.md b/Document-Processing/PDF/PDF-Viewer/vue/annotation/line-angle-constraints.md
index 3fb7cc5110..3d5327fa3f 100644
--- a/Document-Processing/PDF/PDF-Viewer/vue/annotation/line-angle-constraints.md
+++ b/Document-Processing/PDF/PDF-Viewer/vue/annotation/line-angle-constraints.md
@@ -1,7 +1,7 @@
 ---
 layout: post
-title: Line Angle Constraints in Vue PdfViewer | Syncfusion
-description: Discover how to manage text markup annotations like highlight, underline, strikethrough, and squiggly in the Syncfusion Vue PDF Viewer.
+title: Line Angle Constraints in Vue PDF Viewer | Syncfusion
+description: Learn how to enable and configure line angle constraints for line-type annotations in the Syncfusion Vue PDF Viewer.
 platform: document-processing
 control: PDF Viewer
 documentation: ug
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/annotation/measurement-annotation.md b/Document-Processing/PDF/PDF-Viewer/vue/annotation/measurement-annotation.md
index 4bbd28f99e..b91e799b21 100644
--- a/Document-Processing/PDF/PDF-Viewer/vue/annotation/measurement-annotation.md
+++ b/Document-Processing/PDF/PDF-Viewer/vue/annotation/measurement-annotation.md
@@ -211,11 +211,11 @@ Here is an example showing how to add measurement annotations programmatically u
 
 <template>
   <div id="app">
-    <button v-on:click="addDistanceAnnotation">Add Distance Annotation programatically</button>
-    <button v-on:click="addPerimeterAnnotation">Add Perimeter Annotation programatically</button>
-    <button v-on:click="addAreaAnnotation">Add Area Annotation programatically</button>
-    <button v-on:click="addRadiusAnnotation">Add Radius Annotation programatically</button>
-    <button v-on:click="addVolumeAnnotation">Add Volume Annotation programatically</button>
+    <button v-on:click="addDistanceAnnotation">Add Distance Annotation programmatically</button>
+    <button v-on:click="addPerimeterAnnotation">Add Perimeter Annotation programmatically</button>
+    <button v-on:click="addAreaAnnotation">Add Area Annotation programmatically</button>
+    <button v-on:click="addRadiusAnnotation">Add Radius Annotation programmatically</button>
+    <button v-on:click="addVolumeAnnotation">Add Volume Annotation programmatically</button>
     <ejs-pdfviewer id="pdfViewer" ref="pdfviewer" :documentPath="documentPath" :resourceUrl="resourceUrl">
     </ejs-pdfviewer>
   </div>
@@ -283,11 +283,11 @@ const addVolumeAnnotation = function () {
 
 <template>
   <div id="app">
-    <button v-on:click="addDistanceAnnotation">Add Distance Annotation programatically</button>
-    <button v-on:click="addPerimeterAnnotation">Add Perimeter Annotation programatically</button>
-    <button v-on:click="addAreaAnnotation">Add Area Annotation programatically</button>
-    <button v-on:click="addRadiusAnnotation">Add Radius Annotation programatically</button>
-    <button v-on:click="addVolumeAnnotation">Add Volume Annotation programatically</button>
+    <button v-on:click="addDistanceAnnotation">Add Distance Annotation programmatically</button>
+    <button v-on:click="addPerimeterAnnotation">Add Perimeter Annotation programmatically</button>
+    <button v-on:click="addAreaAnnotation">Add Area Annotation programmatically</button>
+    <button v-on:click="addRadiusAnnotation">Add Radius Annotation programmatically</button>
+    <button v-on:click="addVolumeAnnotation">Add Volume Annotation programmatically</button>
     <ejs-pdfviewer id="pdfViewer" ref="pdfviewer" :documentPath="documentPath" :resourceUrl="resourceUrl">
     </ejs-pdfviewer>
   </div>
@@ -362,11 +362,11 @@ export default {
 
 <template>
   <div id="app">
-    <button v-on:click="addDistanceAnnotation">Add Distance Annotation programatically</button>
-    <button v-on:click="addPerimeterAnnotation">Add Perimeter Annotation programatically</button>
-    <button v-on:click="addAreaAnnotation">Add Area Annotation programatically</button>
-    <button v-on:click="addRadiusAnnotation">Add Radius Annotation programatically</button>
-    <button v-on:click="addVolumeAnnotation">Add Volume Annotation programatically</button>
+    <button v-on:click="addDistanceAnnotation">Add Distance Annotation programmatically</button>
+    <button v-on:click="addPerimeterAnnotation">Add Perimeter Annotation programmatically</button>
+    <button v-on:click="addAreaAnnotation">Add Area Annotation programmatically</button>
+    <button v-on:click="addRadiusAnnotation">Add Radius Annotation programmatically</button>
+    <button v-on:click="addVolumeAnnotation">Add Volume Annotation programmatically</button>
     <ejs-pdfviewer id="pdfViewer" ref="pdfviewer" :documentPath="documentPath" :serviceUrl="serviceUrl">
     </ejs-pdfviewer>
   </div>
@@ -434,11 +434,11 @@ const addVolumeAnnotation = function () {
 
 <template>
   <div id="app">
-    <button v-on:click="addDistanceAnnotation">Add Distance Annotation programatically</button>
-    <button v-on:click="addPerimeterAnnotation">Add Perimeter Annotation programatically</button>
-    <button v-on:click="addAreaAnnotation">Add Area Annotation programatically</button>
-    <button v-on:click="addRadiusAnnotation">Add Radius Annotation programatically</button>
-    <button v-on:click="addVolumeAnnotation">Add Volume Annotation programatically</button>
+    <button v-on:click="addDistanceAnnotation">Add Distance Annotation programmatically</button>
+    <button v-on:click="addPerimeterAnnotation">Add Perimeter Annotation programmatically</button>
+    <button v-on:click="addAreaAnnotation">Add Area Annotation programmatically</button>
+    <button v-on:click="addRadiusAnnotation">Add Radius Annotation programmatically</button>
+    <button v-on:click="addVolumeAnnotation">Add Volume Annotation programmatically</button>
     <ejs-pdfviewer id="pdfViewer" ref="pdfviewer" :documentPath="documentPath" :serviceUrl="serviceUrl">
     </ejs-pdfviewer>
   </div>
@@ -521,11 +521,11 @@ Here is an example of using editAnnotation():
 
 <template>
   <div id="app">
-    <button v-on:click="editDistanceAnnotation">Edit Distance Annotation programatically</button>
-    <button v-on:click="editPerimeterAnnotation">Edit Perimeter Annotation programatically</button>
-    <button v-on:click="editAreaAnnotation">Edit Area Annotation programatically</button>
-    <button v-on:click="editRadiusAnnotation">Edit Radius Annotation programatically</button>
-    <button v-on:click="editVolumeAnnotation">Edit Volume Annotation programatically</button>
+    <button v-on:click="editDistanceAnnotation">Edit Distance Annotation programmatically</button>
+    <button v-on:click="editPerimeterAnnotation">Edit Perimeter Annotation programmatically</button>
+    <button v-on:click="editAreaAnnotation">Edit Area Annotation programmatically</button>
+    <button v-on:click="editRadiusAnnotation">Edit Radius Annotation programmatically</button>
+    <button v-on:click="editVolumeAnnotation">Edit Volume Annotation programmatically</button>
     <ejs-pdfviewer id="pdfViewer" ref="pdfviewer" :documentPath="documentPath" :resourceUrl="resourceUrl">
     </ejs-pdfviewer>
   </div>
@@ -613,11 +613,11 @@ const editVolumeAnnotation = function () {
 
 <template>
   <div id="app">
-    <button v-on:click="editDistanceAnnotation">Edit Distance Annotation programatically</button>
-    <button v-on:click="editPerimeterAnnotation">Edit Perimeter Annotation programatically</button>
-    <button v-on:click="editAreaAnnotation">Edit Area Annotation programatically</button>
-    <button v-on:click="editRadiusAnnotation">Edit Radius Annotation programatically</button>
-    <button v-on:click="editVolumeAnnotation">Edit Volume Annotation programatically</button>
+    <button v-on:click="editDistanceAnnotation">Edit Distance Annotation programmatically</button>
+    <button v-on:click="editPerimeterAnnotation">Edit Perimeter Annotation programmatically</button>
+    <button v-on:click="editAreaAnnotation">Edit Area Annotation programmatically</button>
+    <button v-on:click="editRadiusAnnotation">Edit Radius Annotation programmatically</button>
+    <button v-on:click="editVolumeAnnotation">Edit Volume Annotation programmatically</button>
     <ejs-pdfviewer id="pdfViewer" ref="pdfviewer" :documentPath="documentPath" :resourceUrl="resourceUrl">
     </ejs-pdfviewer>
   </div>
@@ -715,11 +715,11 @@ export default {
 
 <template>
   <div id="app">
-    <button v-on:click="editDistanceAnnotation">Edit Distance Annotation programatically</button>
-    <button v-on:click="editPerimeterAnnotation">Edit Perimeter Annotation programatically</button>
-    <button v-on:click="editAreaAnnotation">Edit Area Annotation programatically</button>
-    <button v-on:click="editRadiusAnnotation">Edit Radius Annotation programatically</button>
-    <button v-on:click="editVolumeAnnotation">Edit Volume Annotation programatically</button>
+    <button v-on:click="editDistanceAnnotation">Edit Distance Annotation programmatically</button>
+    <button v-on:click="editPerimeterAnnotation">Edit Perimeter Annotation programmatically</button>
+    <button v-on:click="editAreaAnnotation">Edit Area Annotation programmatically</button>
+    <button v-on:click="editRadiusAnnotation">Edit Radius Annotation programmatically</button>
+    <button v-on:click="editVolumeAnnotation">Edit Volume Annotation programmatically</button>
     <ejs-pdfviewer id="pdfViewer" ref="pdfviewer" :documentPath="documentPath" :serviceUrl="serviceUrl">
     </ejs-pdfviewer>
   </div>
@@ -811,11 +811,11 @@ const editVolumeAnnotation = function () {
 
 <template>
   <div id="app">
-    <button v-on:click="editDistanceAnnotation">Edit Distance Annotation programatically</button>
-    <button v-on:click="editPerimeterAnnotation">Edit Perimeter Annotation programatically</button>
-    <button v-on:click="editAreaAnnotation">Edit Area Annotation programatically</button>
-    <button v-on:click="editRadiusAnnotation">Edit Radius Annotation programatically</button>
-    <button v-on:click="editVolumeAnnotation">Edit Volume Annotation programatically</button>
+    <button v-on:click="editDistanceAnnotation">Edit Distance Annotation programmatically</button>
+    <button v-on:click="editPerimeterAnnotation">Edit Perimeter Annotation programmatically</button>
+    <button v-on:click="editAreaAnnotation">Edit Area Annotation programmatically</button>
+    <button v-on:click="editRadiusAnnotation">Edit Radius Annotation programmatically</button>
+    <button v-on:click="editVolumeAnnotation">Edit Volume Annotation programmatically</button>
     <ejs-pdfviewer id="pdfViewer" ref="pdfviewer" :documentPath="documentPath" :serviceUrl="serviceUrl">
     </ejs-pdfviewer>
   </div>
@@ -1123,7 +1123,7 @@ The PDF Viewer supports the following measurement units:
 
 ## Setting default scale ratio settings during control initialization
 
-The properties of scale ratio for measurement annotation can be set before creating the control using ScaleRatioSettings as shown in the following code snippet,
+The properties of scale ratio for measurement annotation can be set before creating the control using ScaleRatioSettings as shown in the following code snippet.
 
 
 {% tabs %}
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/annotation/shape-annotation.md b/Document-Processing/PDF/PDF-Viewer/vue/annotation/shape-annotation.md
index 2b4fb2b7a4..cb425a4a1d 100644
--- a/Document-Processing/PDF/PDF-Viewer/vue/annotation/shape-annotation.md
+++ b/Document-Processing/PDF/PDF-Viewer/vue/annotation/shape-annotation.md
@@ -1,7 +1,7 @@
 ---
 layout: post
 title: Shape annotation in Vue PDF Viewer component | Syncfusion
-description: Learn here all about Shape annotation in Syncfusion Vue PDF Viewer control of Syncfusion Essential JS 2 and more.
+description: Learn how to add, edit, and customize shape annotations in the Syncfusion Vue PDF Viewer.
 control: PDF Viewer
 platform: document-processing
 documentation: ug
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/annotation/signature-annotation.md b/Document-Processing/PDF/PDF-Viewer/vue/annotation/signature-annotation.md
index 092aa0b4cd..1f8dde0928 100644
--- a/Document-Processing/PDF/PDF-Viewer/vue/annotation/signature-annotation.md
+++ b/Document-Processing/PDF/PDF-Viewer/vue/annotation/signature-annotation.md
@@ -8,7 +8,7 @@ documentation: ug
 domainurl: ##DomainURL##
 ---
 
-# Handwritten signature Vue PDF Viewer control
+# Handwritten signature in Vue PDF Viewer control
 
 The PDF Viewer control supports adding handwritten signatures to a PDF document. Handwritten signatures reduce paperwork and enable digital verification.
 
@@ -29,7 +29,7 @@ Add a handwritten signature using the annotation toolbar.
 
 ![Place the handwritten signature on the page](../images/create_sign.png)
 
-## Adding a handwritten signature to the PDF document Programmatically
+## Adding a handwritten signature to the PDF document programmatically
 
 With the PDF Viewer library, you can programmatically add a handwritten signature to the PDF Viewer control using the [addAnnotation()](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/annotation#addannotation) method.
 
@@ -299,7 +299,7 @@ Here is an example of adding a handwritten signature programmatically using addA
 <script setup>
 import {
   PdfViewerComponent as EjsPdfviewer, Toolbar, Magnification, Navigation, LinkAnnotation,
-  BookmarkView, Annotation, ThumbnailView, Print, TextSelection, DisplayMode
+  BookmarkView, Annotation, ThumbnailView, Print, TextSelection, DisplayMode,
   TextSearch, FormFields, FormDesigner, PageOrganizer
 } from '@syncfusion/ej2-vue-pdfviewer';
 import { provide, ref } from 'vue';
@@ -447,7 +447,7 @@ export default {
 <script setup>
 import {
   PdfViewerComponent as EjsPdfviewer, Toolbar, Magnification, Navigation, LinkAnnotation,
-  BookmarkView, Annotation, ThumbnailView, Print, TextSelection, DisplayMode
+  BookmarkView, Annotation, ThumbnailView, Print, TextSelection, DisplayMode,
   TextSearch, FormFields, FormDesigner, PageOrganizer
 } from '@syncfusion/ej2-vue-pdfviewer';
 import { provide, ref } from 'vue';
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/annotation/stamp-annotation.md b/Document-Processing/PDF/PDF-Viewer/vue/annotation/stamp-annotation.md
index 88916d3fbc..5c65c5b4cf 100644
--- a/Document-Processing/PDF/PDF-Viewer/vue/annotation/stamp-annotation.md
+++ b/Document-Processing/PDF/PDF-Viewer/vue/annotation/stamp-annotation.md
@@ -2,7 +2,7 @@
 layout: post
 title: Stamp annotation in Vue PDF Viewer control | Syncfusion
 description: Learn about stamp annotations in the Syncfusion Vue PDF Viewer (Essential JS 2): dynamic, sign here, standard business, and custom stamps.
-control: Stamp annotation
+control: PDF Viewer
 platform: document-processing
 documentation: ug
 domainurl: ##DomainURL##
@@ -206,11 +206,11 @@ export default {
 {% endhighlight %}
 {% endtabs %}
 
-## Adding a Stamp annotation to the PDF document Programmatically
+## Adding a Stamp annotation to the PDF document programmatically
 
 With the PDF Viewer library, you can add a Stamp annotation to the PDF Viewer control programmatically using the [**addAnnotation()**](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/annotation#addannotation) method.
 
-Here's a example of how you can utilize the **addAnnotation()** method to include a Stamp annotation programmatically:
+Here's an example of how you can utilize the **addAnnotation()** method to include a Stamp annotation programmatically:
 
 {% tabs %}
 {% highlight html tabtitle="Composition API (Standalone)" %}
@@ -537,7 +537,7 @@ Here is an example of using editAnnotation():
 
 <template>
   <div id="app">
-    <button v-on:click="editAnnotation">Edit Annotation programatically</button>
+    <button v-on:click="editAnnotation">Edit Annotation programmatically</button>
     <ejs-pdfviewer id="pdfViewer" ref="pdfviewer" :documentPath="documentPath" :resourceUrl="resourceUrl">
     </ejs-pdfviewer>
   </div>
@@ -578,7 +578,7 @@ const editAnnotation = function () {
 
 <template>
   <div id="app">
-    <button v-on:click="editAnnotation">Edit Annotation programatically</button>
+    <button v-on:click="editAnnotation">Edit Annotation programmatically</button>
     <ejs-pdfviewer id="pdfViewer" ref="pdfviewer" :documentPath="documentPath" :resourceUrl="resourceUrl">
     </ejs-pdfviewer>
   </div>
@@ -628,7 +628,7 @@ export default {
 
 <template>
   <div id="app">
-    <button v-on:click="editAnnotation">Edit Annotation programatically</button>
+    <button v-on:click="editAnnotation">Edit Annotation programmatically</button>
     <ejs-pdfviewer id="pdfViewer" ref="pdfviewer" :documentPath="documentPath" :serviceUrl="serviceUrl">
     </ejs-pdfviewer>
   </div>
@@ -660,8 +660,6 @@ const editAnnotation = function () {
       viewer.annotation.editAnnotation(viewer.annotationCollection[i]);
     }
   }
-}
-  }
 }
 </script>
 
@@ -670,7 +668,7 @@ const editAnnotation = function () {
 
 <template>
   <div id="app">
-    <button v-on:click="editAnnotation">Edit Annotation programatically</button>
+    <button v-on:click="editAnnotation">Edit Annotation programmatically</button>
     <ejs-pdfviewer id="pdfViewer" ref="pdfviewer" :documentPath="documentPath" :serviceUrl="serviceUrl">
     </ejs-pdfviewer>
   </div>
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/annotation/sticky-notes-annotation.md b/Document-Processing/PDF/PDF-Viewer/vue/annotation/sticky-notes-annotation.md
index ba0520df11..03f0f33bad 100644
--- a/Document-Processing/PDF/PDF-Viewer/vue/annotation/sticky-notes-annotation.md
+++ b/Document-Processing/PDF/PDF-Viewer/vue/annotation/sticky-notes-annotation.md
@@ -8,7 +8,7 @@ documentation: ug
 domainurl: ##DomainURL##
 ---
 
-# Sticky notes annotation in Vue PDF Viewer control
+# Sticky note annotation in Vue PDF Viewer control
 
 The PDF Viewer control provides options to add, edit, and delete sticky note annotations in the PDF document.
 
@@ -43,7 +43,7 @@ The following example shows how to add a sticky note annotation programmatically
 
 <template>
   <div id="app">
-    <button v-on:click="addAnnotation">Add Annotation programatically</button>
+    <button v-on:click="addAnnotation">Add Annotation programmatically</button>
     <ejs-pdfviewer id="pdfViewer" ref="pdfviewer" :documentPath="documentPath" :resourceUrl="resourceUrl">
     </ejs-pdfviewer>
   </div>
@@ -80,7 +80,7 @@ const addAnnotation = function () {
 
 <template>
   <div id="app">
-    <button v-on:click="addAnnotation">Add Annotation programatically</button>
+    <button v-on:click="addAnnotation">Add Annotation programmatically</button>
     <ejs-pdfviewer id="pdfViewer" ref="pdfviewer" :documentPath="documentPath" :resourceUrl="resourceUrl">
     </ejs-pdfviewer>
   </div>
@@ -126,7 +126,7 @@ export default {
 
 <template>
   <div id="app">
-    <button v-on:click="addAnnotation">Add Annotation programatically</button>
+    <button v-on:click="addAnnotation">Add Annotation programmatically</button>
     <ejs-pdfviewer id="pdfViewer" ref="pdfviewer" :documentPath="documentPath" :serviceUrl="serviceUrl">
     </ejs-pdfviewer>
   </div>
@@ -163,7 +163,7 @@ const addAnnotation = function () {
 
 <template>
   <div id="app">
-    <button v-on:click="addAnnotation">Add Annotation programatically</button>
+    <button v-on:click="addAnnotation">Add Annotation programmatically</button>
     <ejs-pdfviewer id="pdfViewer" ref="pdfviewer" :documentPath="documentPath" :serviceUrl="serviceUrl">
     </ejs-pdfviewer>
   </div>
@@ -218,7 +218,7 @@ The following example shows how to modify an existing sticky note annotation usi
 
 <template>
   <div id="app">
-    <button v-on:click="editAnnotation">Edit Annotation programatically</button>
+    <button v-on:click="editAnnotation">Edit Annotation programmatically</button>
     <ejs-pdfviewer id="pdfViewer" ref="pdfviewer" :documentPath="documentPath" :resourceUrl="resourceUrl">
     </ejs-pdfviewer>
   </div>
@@ -258,7 +258,7 @@ const editAnnotation = function () {
 
 <template>
   <div id="app">
-    <button v-on:click="editAnnotation">Edit Annotation programatically</button>
+    <button v-on:click="editAnnotation">Edit Annotation programmatically</button>
     <ejs-pdfviewer id="pdfViewer" ref="pdfviewer" :documentPath="documentPath" :resourceUrl="resourceUrl">
     </ejs-pdfviewer>
   </div>
@@ -307,7 +307,7 @@ export default {
 
 <template>
   <div id="app">
-    <button v-on:click="editAnnotation">Edit Annotation programatically</button>
+    <button v-on:click="editAnnotation">Edit Annotation programmatically</button>
     <ejs-pdfviewer id="pdfViewer" ref="pdfviewer" :documentPath="documentPath" :serviceUrl="serviceUrl">
     </ejs-pdfviewer>
   </div>
@@ -347,7 +347,7 @@ const editAnnotation = function () {
 
 <template>
   <div id="app">
-    <button v-on:click="editAnnotation">Edit Annotation programatically</button>
+    <button v-on:click="editAnnotation">Edit Annotation programmatically</button>
     <ejs-pdfviewer id="pdfViewer" ref="pdfviewer" :documentPath="documentPath" :serviceUrl="serviceUrl">
     </ejs-pdfviewer>
   </div>
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/annotation/text-markup-annotation.md b/Document-Processing/PDF/PDF-Viewer/vue/annotation/text-markup-annotation.md
index 007147ad07..d34d482f28 100644
--- a/Document-Processing/PDF/PDF-Viewer/vue/annotation/text-markup-annotation.md
+++ b/Document-Processing/PDF/PDF-Viewer/vue/annotation/text-markup-annotation.md
@@ -404,7 +404,7 @@ Example:
 
 <template>
   <div id="app">
-    <button v-on:click="addAnnotation">Add Annotation programatically</button>
+    <button v-on:click="addAnnotation">Add Annotation programmatically</button>
     <ejs-pdfviewer id="pdfViewer" ref="pdfviewer" :documentPath="documentPath" :resourceUrl="resourceUrl">
     </ejs-pdfviewer>
   </div>
@@ -439,7 +439,7 @@ const addAnnotation = function () {
 
 <template>
   <div id="app">
-    <button v-on:click="addAnnotation">Add Annotation programatically</button>
+    <button v-on:click="addAnnotation">Add Annotation programmatically</button>
     <ejs-pdfviewer id="pdfViewer" ref="pdfviewer" :documentPath="documentPath" :resourceUrl="resourceUrl">
     </ejs-pdfviewer>
   </div>
@@ -484,7 +484,7 @@ export default {
 
 <template>
   <div id="app">
-    <button v-on:click="addAnnotation">Add Annotation programatically</button>
+    <button v-on:click="addAnnotation">Add Annotation programmatically</button>
     <ejs-pdfviewer id="pdfViewer" ref="pdfviewer" :documentPath="documentPath" :serviceUrl="serviceUrl">
     </ejs-pdfviewer>
   </div>
@@ -520,7 +520,7 @@ const addAnnotation = function () {
 
 <template>
   <div id="app">
-    <button v-on:click="addAnnotation">Add Annotation programatically</button>
+    <button v-on:click="addAnnotation">Add Annotation programmatically</button>
     <ejs-pdfviewer id="pdfViewer" ref="pdfviewer" :documentPath="documentPath" :serviceUrl="serviceUrl">
     </ejs-pdfviewer>
   </div>
@@ -582,7 +582,7 @@ There are two ways to underline text:
 
   ![Underline button in the annotation toolbar](../images/underline_button.png)
 
-In the pan mode, if the underline mode is entered, the PDF Viewer control will switch to text select mode to enable the text selection for underlining the text.
+In pan mode, if the underline mode is entered, the PDF Viewer control will switch to text select mode to enable the text selection for underlining the text.
 
 Refer to the following code snippet to switch to underline mode.
 
@@ -708,7 +708,7 @@ const documentLoad = () => {
 </script>
 
 {% endhighlight %}
-{% highlight html tabtitle="Server-Backed" %}
+{% highlight html tabtitle="Options API (Server-Backed)" %}
 
 <template>
   <div id="app">
@@ -873,7 +873,7 @@ const pdfviewer = ref(null);
 const serviceUrl = "https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer";
 const documentPath = "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf";
 
-provide('PdfViewer'[Toolbar, Magnification, Navigation, LinkAnnotation, BookmarkView, ThumbnailView,
+provide('PdfViewer', [Toolbar, Magnification, Navigation, LinkAnnotation, BookmarkView, ThumbnailView,
   Print, TextSelection, TextSearch, Annotation, FormFields, FormDesigner, PageOrganizer])
 
 const documentLoad = () => {
@@ -951,7 +951,7 @@ Example:
 
 <template>
   <div id="app">
-    <button v-on:click="addAnnotation">Add Annotation programatically</button>
+    <button v-on:click="addAnnotation">Add Annotation programmatically</button>
     <ejs-pdfviewer id="pdfViewer" ref="pdfviewer" :documentPath="documentPath" :resourceUrl="resourceUrl">
     </ejs-pdfviewer>
   </div>
@@ -987,7 +987,7 @@ const addAnnotation = function () {
 
 <template>
   <div id="app">
-    <button v-on:click="addAnnotation">Add Annotation programatically</button>
+    <button v-on:click="addAnnotation">Add Annotation programmatically</button>
     <ejs-pdfviewer id="pdfViewer" ref="pdfviewer" :documentPath="documentPath" :resourceUrl="resourceUrl">
     </ejs-pdfviewer>
   </div>
@@ -1032,7 +1032,7 @@ export default {
 
 <template>
   <div id="app">
-    <button v-on:click="addAnnotation">Add Annotation programatically</button>
+    <button v-on:click="addAnnotation">Add Annotation programmatically</button>
     <ejs-pdfviewer id="pdfViewer" ref="pdfviewer" :documentPath="documentPath" :serviceUrl="serviceUrl">
     </ejs-pdfviewer>
   </div>
@@ -1068,7 +1068,7 @@ const addAnnotation = function () {
 
 <template>
   <div id="app">
-    <button v-on:click="addAnnotation">Add Annotation programatically</button>
+    <button v-on:click="addAnnotation">Add Annotation programmatically</button>
     <ejs-pdfviewer id="pdfViewer" ref="pdfviewer" :documentPath="documentPath" :serviceUrl="serviceUrl">
     </ejs-pdfviewer>
   </div>
@@ -1500,7 +1500,7 @@ Here's an example of how you can use the **addAnnotation()** method to apply Str
 
 <template>
   <div id="app">
-    <button v-on:click="addAnnotation">Add Annotation programatically</button>
+    <button v-on:click="addAnnotation">Add Annotation programmatically</button>
     <ejs-pdfviewer id="pdfViewer" ref="pdfviewer" :documentPath="documentPath" :resourceUrl="resourceUrl">
     </ejs-pdfviewer>
   </div>
@@ -1537,7 +1537,7 @@ const addAnnotation = function () {
 
 <template>
   <div id="app">
-    <button v-on:click="addAnnotation">Add Annotation programatically</button>
+    <button v-on:click="addAnnotation">Add Annotation programmatically</button>
     <ejs-pdfviewer id="pdfViewer" ref="pdfviewer" :documentPath="documentPath" :resourceUrl="resourceUrl">
     </ejs-pdfviewer>
   </div>
@@ -1583,7 +1583,7 @@ export default {
 
 <template>
   <div id="app">
-    <button v-on:click="addAnnotation">Add Annotation programatically</button>
+    <button v-on:click="addAnnotation">Add Annotation programmatically</button>
     <ejs-pdfviewer id="pdfViewer" ref="pdfviewer" :documentPath="documentPath" :serviceUrl="serviceUrl">
     </ejs-pdfviewer>
   </div>
@@ -1619,7 +1619,7 @@ const addAnnotation = function () {
 
 <template>
   <div id="app">
-    <button v-on:click="addAnnotation">Add Annotation programatically</button>
+    <button v-on:click="addAnnotation">Add Annotation programmatically</button>
     <ejs-pdfviewer id="pdfViewer" ref="pdfviewer" :documentPath="documentPath" :serviceUrl="serviceUrl">
     </ejs-pdfviewer>
   </div>
@@ -2051,7 +2051,7 @@ Here's an example of how you can use the **addAnnotation()** method to apply Squ
 
 <template>
   <div id="app">
-    <button v-on:click="addAnnotation">Add Annotation programatically</button>
+    <button v-on:click="addAnnotation">Add Annotation programmatically</button>
     <ejs-pdfviewer id="pdfViewer" ref="pdfviewer" :documentPath="documentPath" :resourceUrl="resourceUrl">
     </ejs-pdfviewer>
   </div>
@@ -2088,7 +2088,7 @@ const addAnnotation = function () {
 
 <template>
   <div id="app">
-    <button v-on:click="addAnnotation">Add Annotation programatically</button>
+    <button v-on:click="addAnnotation">Add Annotation programmatically</button>
     <ejs-pdfviewer id="pdfViewer" ref="pdfviewer" :documentPath="documentPath" :resourceUrl="resourceUrl">
     </ejs-pdfviewer>
   </div>
@@ -2134,7 +2134,7 @@ export default {
 
 <template>
   <div id="app">
-    <button v-on:click="addAnnotation">Add Annotation programatically</button>
+    <button v-on:click="addAnnotation">Add Annotation programmatically</button>
     <ejs-pdfviewer id="pdfViewer" ref="pdfviewer" :documentPath="documentPath" :serviceUrl="serviceUrl">
     </ejs-pdfviewer>
   </div>
@@ -2170,7 +2170,7 @@ const addAnnotation = function () {
 
 <template>
   <div id="app">
-    <button v-on:click="addAnnotation">Add Annotation programatically</button>
+    <button v-on:click="addAnnotation">Add Annotation programmatically</button>
     <ejs-pdfviewer id="pdfViewer" ref="pdfviewer" :documentPath="documentPath" :serviceUrl="serviceUrl">
     </ejs-pdfviewer>
   </div>

From 71eed7845e4d3547b841f35c1bf63666d9bc384c Mon Sep 17 00:00:00 2001
From: Dhanush Sugumaran <dhanush.sugumaran@syncfusion.com>
Date: Tue, 28 Jul 2026 20:38:08 +0530
Subject: [PATCH 2/3] Task(1043919): Revamped the UG documentation for the
 Forms, Manage Form Fields, and Import-Export Form Fields samples in the Vue
 PDF Viewer platform

---
 .../PDF/PDF-Viewer/vue/forms/custom-data.md   |  4 ++--
 .../PDF-Viewer/vue/forms/form-constrain.md    |  4 ++--
 .../PDF/PDF-Viewer/vue/forms/form-designer.md |  8 +++----
 .../PDF-Viewer/vue/forms/form-field-events.md |  4 ++--
 .../PDF-Viewer/vue/forms/form-fields-api.md   | 11 +++++++--
 .../PDF/PDF-Viewer/vue/forms/form-filling.md  |  6 ++---
 .../PDF-Viewer/vue/forms/form-validation.md   | 13 +++++-----
 .../PDF-Viewer/vue/forms/group-form-fields.md | 10 ++++----
 .../export-form-fields.md                     |  4 ++--
 .../import-export-events.md                   |  5 ++--
 .../import-form-fields.md                     |  4 ++--
 .../manage-form-fields/create-form-fields.md  | 10 ++++----
 .../customize-form-fields.md                  |  4 ++--
 .../manage-form-fields/modify-form-fields.md  | 24 +++++++++----------
 .../move-resize-form-fields.md                |  6 ++---
 .../manage-form-fields/remove-form-fields.md  |  4 ++--
 .../vue/forms/overview-create-forms.md        |  2 +-
 .../PDF/PDF-Viewer/vue/forms/overview.md      | 12 +++++-----
 18 files changed, 70 insertions(+), 65 deletions(-)

diff --git a/Document-Processing/PDF/PDF-Viewer/vue/forms/custom-data.md b/Document-Processing/PDF/PDF-Viewer/vue/forms/custom-data.md
index 7e5a834fd3..4042ac3e8c 100644
--- a/Document-Processing/PDF/PDF-Viewer/vue/forms/custom-data.md
+++ b/Document-Processing/PDF/PDF-Viewer/vue/forms/custom-data.md
@@ -27,7 +27,7 @@ This page explains how to:
 
 ## Add Custom Data While Creating PDF Form Fields
 
-You can attach custom data at the time of field creation by passing a `customData` object in the settings parameter of `addFormField()`.
+You can attach custom data at the time of field creation by passing a `customData` object in the settings parameter of [addFormField()](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/index-default#addformfields).
 
 {% tabs %}
 {% highlight html tabtitle="Composition API (~/src/App.vue)" %}
@@ -193,7 +193,7 @@ export default {
 {% endtabs %}
 
 **Tip:**
-Merge new values with the existing customData object before calling [updateFormField()](https://ej2.syncfusion.com/documentation/api/pdfviewer/index-default#updateformfields) to avoid overwriting previously stored data.
+Merge new values with the existing customData object before calling [updateFormField()](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/index-default#updateformfields) to avoid overwriting previously stored data.
 
 ## Read Custom Data from PDF Form Fields
 
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/forms/form-constrain.md b/Document-Processing/PDF/PDF-Viewer/vue/forms/form-constrain.md
index 396a74c8d8..9c49a8a940 100644
--- a/Document-Processing/PDF/PDF-Viewer/vue/forms/form-constrain.md
+++ b/Document-Processing/PDF/PDF-Viewer/vue/forms/form-constrain.md
@@ -34,7 +34,7 @@ The following flags are supported in the PDF Viewer:
 ## Key Actions
 
 ### Make Fields Read Only
-Use the **isReadOnly** property to prevent users from modifying a form field through the UI. This is useful for displaying pre filled or calculated values that should not be changed by the user.
+Use the **isReadOnly** property to prevent users from modifying a form field through the UI. This is useful for displaying prefilled or calculated values that should not be changed by the user.
 
 {% tabs %}
 {% highlight html tabtitle="Composition API (~/src/App.vue)" %}
@@ -299,7 +299,7 @@ export default {
 {% endhighlight %}
 {% endtabs %}
 
-### Update flags on Existing Fields programmatically
+### Update flags on existing fields programmatically
 Use the [updateFormField()](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/index-default#updateformfields) method to modify constraint values on existing form fields.
 
 {% tabs %}
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/forms/form-designer.md b/Document-Processing/PDF/PDF-Viewer/vue/forms/form-designer.md
index 7708e8bfcb..6be72f015a 100644
--- a/Document-Processing/PDF/PDF-Viewer/vue/forms/form-designer.md
+++ b/Document-Processing/PDF/PDF-Viewer/vue/forms/form-designer.md
@@ -32,10 +32,10 @@ You can add the following form fields to the PDF:
 You can move, resize, align, distribute, copy, paste, and undo or redo changes to form fields.
 
 **Set Field Properties**
-You can configure field properties such as name, value, font, color, border, alignment, visibility, tab order, and required or read only state.
+You can configure field properties such as name, value, font, color, border, alignment, visibility, tab order, and required or read-only state.
 
 **Control Field Behavior**
-You can enable or disable read only mode, show or hide fields, and control whether fields appear when printing the document.
+You can enable or disable read-only mode, show or hide fields, and control whether fields appear when printing the document.
 
 **Manage Form Fields**
 You can select, group or ungroup, reorder, and delete form fields as needed.
@@ -122,7 +122,7 @@ For more information about creating and editing form fields in the PDF Viewer, r
 
 ## Show or Hide the Built-in Form Designer Toolbar
 
-You can control the visibility of the Form Designer toolbar using the [isFormDesignerToolbarVisible()](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/index-default#isformdesignertoolbarvisible) property. This allows the application to display or hide the Form Designer tools in the PDF Viewer based on user or workflow requirements.
+You can control the visibility of the Form Designer toolbar using the [isFormDesignerToolbarVisible](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/index-default#isformdesignertoolbarvisible) property. This allows the application to display or hide the Form Designer tools in the PDF Viewer based on user or workflow requirements.
 
 **Use this property to:**
 - Show the Form Designer toolbar when form design is required
@@ -256,7 +256,7 @@ You can remove a form field from the PDF document by selecting the field and usi
 - Press the `Delete key` on the keyboard after selecting the form field.
 
 The selected form field and its associated widget annotation are permanently removed from the page.
-For more information, see  [Deleting Form Fields](./manage-form-fields/remove-form-fields)
+For more information, see [Deleting Form Fields](./manage-form-fields/remove-form-fields)
 
 ## See Also
 
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/forms/form-field-events.md b/Document-Processing/PDF/PDF-Viewer/vue/forms/form-field-events.md
index 713915881b..bf377ed699 100644
--- a/Document-Processing/PDF/PDF-Viewer/vue/forms/form-field-events.md
+++ b/Document-Processing/PDF/PDF-Viewer/vue/forms/form-field-events.md
@@ -22,7 +22,7 @@ The following table lists all supported form field events and their descriptions
 |---|---|
 | [formFieldAdd](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/formFieldAddArgs) | Triggered when a new form field is added, either through the Form Designer UI or programmatically. |
 | [formFieldClick](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/formFieldClickArgs) | Fired when a form field is clicked in the viewer. |
-| [formFieldDoubleClick](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/formFieldDoubleClickArgs) | Fired when a form field is double clicked. |
+| [formFieldDoubleClick](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/formFieldDoubleClickArgs) | Fired when a form field is double-clicked. |
 | [formFieldFocusOut](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/formFieldFocusOutEventArgs) | Triggered when a form field loses focus after editing. |
 | [formFieldMouseLeave](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/formFieldMouseLeaveArgs) | Fired when the mouse pointer leaves a form field. |
 | [formFieldMouseOver](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/formFieldMouseoverArgs) | Fired when the mouse pointer moves over a form field. |
@@ -125,7 +125,7 @@ export default {
 **Event Behavior Notes**
 
 - Events triggered through the UI and programmatic APIs use the same event handlers.
-- Property related events are raised immediately when changes occur.
+- Property-related events are raised immediately when changes occur.
 - Validation events are triggered only during print or download operations.
 
 [View Sample on GitHub](https://github.com/SyncfusionExamples/vue-pdf-viewer-examples)
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/forms/form-fields-api.md b/Document-Processing/PDF/PDF-Viewer/vue/forms/form-fields-api.md
index 6e65bd94ea..bcbb2a1f0e 100644
--- a/Document-Processing/PDF/PDF-Viewer/vue/forms/form-fields-api.md
+++ b/Document-Processing/PDF/PDF-Viewer/vue/forms/form-fields-api.md
@@ -1,7 +1,7 @@
 ---
 layout: post
 title: Form Fields API in Vue PDF Viewer | Syncfusion
-description:  Learn How to use Form Fields API to enable, update, retrieve and clear in the Syncfusion Vue PDF Viewer.
+description: Learn How to use Form Fields API to enable, update, retrieve and clear in the Syncfusion Vue PDF Viewer.
 platform: document-processing
 control: PDF Viewer
 documentation: ug
@@ -561,7 +561,7 @@ export default {
 
 ## isFormDesignerToolbarVisible
 
-Opens the Form Designer toolbar and returns its visibility status.
+Gets whether the Form Designer toolbar is currently visible.
 
 {% tabs %}
 {% highlight html tabtitle="Composition API (~/src/App.vue)" %}
@@ -666,6 +666,13 @@ Enables or disables built-in validation for required and constrained fields.
 
 {% tabs %}
 {% highlight html tabtitle="Composition API (~/src/App.vue)" %}
+<template>
+  <div>
+    <button id="updateFormFields">updateFormFields</button>
+    <ejs-pdfviewer id="pdfViewer" ref="pdfviewer" :documentPath="documentPath" :resourceUrl="resourceUrl" style="height:640px" />
+  </div>
+</template>
+
 <script>
 import {
   PdfViewerComponent,
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/forms/form-filling.md b/Document-Processing/PDF/PDF-Viewer/vue/forms/form-filling.md
index 151fb0d88d..a64b4e70b2 100644
--- a/Document-Processing/PDF/PDF-Viewer/vue/forms/form-filling.md
+++ b/Document-Processing/PDF/PDF-Viewer/vue/forms/form-filling.md
@@ -1,7 +1,7 @@
 ---
 layout: post
 title: Form filling in Vue PDF Viewer Control | Syncfusion
-description: Learn to view, fill, export, and import PDF form fields in Syncfusion Vue PDF Viewer, including disabling interaction and handling signatures.
+description: Learn to fill, import, export, and validate PDF form fields in the Syncfusion Vue PDF Viewer.
 platform: document-processing
 control: PDF Viewer
 documentation: ug
@@ -24,7 +24,7 @@ The PDF Viewer supports three form-filling approaches:
 
     The PDF Viewer can import form field data into an existing PDF document to pre-fill fields from external data sources.
 
-## Fill PDF forms programmatically 
+## Fill PDF forms programmatically
 
 Form field values can be updated programmatically using the [updateFormFieldsValue](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/index-default#updateformfieldsvalue) API. This method allows applications to set or modify form field values dynamically without end-user interaction.
 
@@ -94,7 +94,7 @@ The PDF Viewer supports common form fields such as text boxes, check boxes, radi
 
 {% previewsample "/document-processing/code-snippet/pdfviewer/vue/prefilledforms-cs1" %}
 
-## Fill PDF forms through Import Data 
+## Fill PDF forms through Import Data
 
 The PDF Viewer can import form field data into an existing PDF document using the [importFormFields](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/index-default#importformfields) API. This enables pre-filling fields from external data sources without manual entry.
 
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/forms/form-validation.md b/Document-Processing/PDF/PDF-Viewer/vue/forms/form-validation.md
index efaa25c009..fba11f1550 100644
--- a/Document-Processing/PDF/PDF-Viewer/vue/forms/form-validation.md
+++ b/Document-Processing/PDF/PDF-Viewer/vue/forms/form-validation.md
@@ -14,12 +14,11 @@ The Syncfusion **Vue PDF Viewer** provides built-in support for **validating for
 ## How PDF Form Validation Works
 
 Form field validation follows this flow:
- - Enable validation using the [enableFormFieldsValidation](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/index-default#enableformfieldsvalidation) property.
- - Handle the [validateFormFields](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/index-default#validateformfields) event to determine which required fields are not filled.
- - When validation is enabled and an end user attempts to print, download, or submit the document:
- - The [validateFormFields](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/index-default#validateformfields) event is triggered.
- - Unfilled required fields are listed in `args.nonFillableFields`.
- - The application can cancel the action, display an error message, or move focus to an invalid field.
+- Enable validation using the [enableFormFieldsValidation](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/index-default#enableformfieldsvalidation) property.
+- Handle the [validateFormFields](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/index-default#validateformfields) event to determine which required fields are not filled.
+- When validation is enabled and an end user attempts to print, download, or submit the document, the [validateFormFields](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/index-default#validateformfields) event is triggered.
+- Unfilled required fields are listed in `args.nonFillableFields`.
+- The application can cancel the action, display an error message, or move focus to an invalid field.
 
 ## Enable PDF Form Field Validation
 
@@ -82,7 +81,7 @@ export default {
     onDocumentLoad() {
       const pdfviewer = this.$refs.pdfviewer.ej2Instances;
 
-      // 1) Default for new Textbox fields
+      // 1) Default for new textbox fields
       pdfviewer.textFieldSettings = { isRequired: true };
 
       // 2) Validation wiring
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/forms/group-form-fields.md b/Document-Processing/PDF/PDF-Viewer/vue/forms/group-form-fields.md
index 689677a8d7..4bb0f7fa51 100644
--- a/Document-Processing/PDF/PDF-Viewer/vue/forms/group-form-fields.md
+++ b/Document-Processing/PDF/PDF-Viewer/vue/forms/group-form-fields.md
@@ -9,7 +9,7 @@ documentation: ug
 
 # Group form fields in Vue PDF Viewer
 
-The Syncfusion **Vue PDF Viewer** allows you to **group multiple form fields into a single logical field** by assigning the **same Name** to them. Grouped form fields share their values and states automatically based on the field type. Group form fields using the **Form Designer UI** or programmatically via APIs to keep related fields synchronized across a PDF document.
+The Syncfusion **Vue PDF Viewer** allows you to **group multiple form fields into a single logical field** by assigning the **same name** to them. Grouped form fields share their values and states automatically based on the field type. Group form fields using the **Form Designer UI** or programmatically via APIs to keep related fields synchronized across a PDF document.
 
 This page covers:
 - [How form field grouping works](#how-grouping-works)
@@ -51,9 +51,9 @@ N> Form field grouping is controlled by the **Name** property. The position of e
 You can also group form fields during creation by assigning the same **Name** through code.
 
 ### Example Scenarios
-- Two textboxes named **EmployeeId** share the same value.
-- A radio button group named **Gender** allows single selection.
-- Two checkboxes named **Subscribe** share the checked state.
+- Two textboxes named **EmployeeId** share the same value across both widgets.
+- A radio button group named **Gender** allows a single selection across the group.
+- Two checkboxes named **Subscribe** share the same checked state.
 
 {% tabs %}
 {% highlight html tabtitle="Composition API (~/src/App.vue)" %}
@@ -91,13 +91,11 @@ export default {
   },
   data() {
     return {
-      // ❗ Remove the leading space
       documentPath: 'https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf',
       resourceUrl: 'https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib',
     };
   },
   provide: {
-    // ✅ Keep the key name exactly as 'PdfViewer'
     PdfViewer: [
       Toolbar,
       Magnification,
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/forms/import-export-form-fields/export-form-fields.md b/Document-Processing/PDF/PDF-Viewer/vue/forms/import-export-form-fields/export-form-fields.md
index c66f0f8b0f..8a1677580f 100644
--- a/Document-Processing/PDF/PDF-Viewer/vue/forms/import-export-form-fields/export-form-fields.md
+++ b/Document-Processing/PDF/PDF-Viewer/vue/forms/import-export-form-fields/export-form-fields.md
@@ -65,7 +65,7 @@ export default {
   methods: {
     exportFdf() {
       const pdfviewer = this.$refs.pdfviewer.ej2Instances;
-      // Destination is optional; if omitted the browser will prompt.
+      // Destination is optional; if omitted, the browser prompts the user to save the file.
       pdfviewer.exportFormFields('FormData', FormFieldDataFormat.Fdf);
     }
   }
@@ -220,7 +220,7 @@ export default {
 {% endhighlight %}
 {% endtabs %}
 
-## Common Use Cases
+## Common use cases
 
 - Save user-entered data to your server without altering the original PDF.
 - Export as JSON for REST API integration.
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/forms/import-export-form-fields/import-export-events.md b/Document-Processing/PDF/PDF-Viewer/vue/forms/import-export-form-fields/import-export-events.md
index 70f2b8eab8..d5f747e17c 100644
--- a/Document-Processing/PDF/PDF-Viewer/vue/forms/import-export-form-fields/import-export-events.md
+++ b/Document-Processing/PDF/PDF-Viewer/vue/forms/import-export-form-fields/import-export-events.md
@@ -9,7 +9,7 @@ documentation: ug
 
 # PDF Form Import and Export Events in Vue
 
-Import/Export events let you **track and customize the entire life cycle** of form data being imported into or exported from the PDF Viewer.
+Import/Export events let you **track the entire life cycle and respond to it** for form data being imported into or exported from the PDF Viewer.
 Use these events to:
 - Validate inputs before processing.
 - Show progress indicators.
@@ -156,7 +156,7 @@ export default {
 
 ## See also
 
-- [Form Designer overview](../overview)
+- [Form fields overview](../overview)
 - [Form Designer Toolbar](../../toolbar-customization/form-designer-toolbar)
 - [Create form fields](../overview-create-forms)
 - [Group form fields](../group-form-fields)
@@ -165,5 +165,4 @@ export default {
 - [Import form fields](./import-form-fields)
 - [Export form fields](./export-form-fields)
 - [Form validation](../form-validation)
-- [Form fields API](../form-fields-api)
 - [Form fields API](../form-fields-api)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/forms/import-export-form-fields/import-form-fields.md b/Document-Processing/PDF/PDF-Viewer/vue/forms/import-export-form-fields/import-form-fields.md
index 12d474fe0a..0f577946a2 100644
--- a/Document-Processing/PDF/PDF-Viewer/vue/forms/import-export-form-fields/import-form-fields.md
+++ b/Document-Processing/PDF/PDF-Viewer/vue/forms/import-export-form-fields/import-form-fields.md
@@ -167,7 +167,7 @@ export default {
 {% endhighlight %}
 {% endtabs %}
 
-## Common Use Cases
+## Common use cases
 
 - Pre-fill application forms from a database using JSON.
 - Migrate data from other PDF tools using FDF/XFDF.
@@ -182,7 +182,7 @@ export default {
 - [Form Designer Toolbar](../../toolbar-customization/form-designer-toolbar)
 - [Export form fields](./export-form-fields)
 - [Import Export Events](./import-export-events)
-- [Create Edit form fields](../overview-create-forms)
+- [Create and edit form fields](../overview-create-forms)
 - [Group form fields](../group-form-fields)
 - [Form validation](../form-validation)
 - [Add custom data to form fields](../custom-data)
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/forms/manage-form-fields/create-form-fields.md b/Document-Processing/PDF/PDF-Viewer/vue/forms/manage-form-fields/create-form-fields.md
index 3c1cef8290..ca96c2eb4d 100644
--- a/Document-Processing/PDF/PDF-Viewer/vue/forms/manage-form-fields/create-form-fields.md
+++ b/Document-Processing/PDF/PDF-Viewer/vue/forms/manage-form-fields/create-form-fields.md
@@ -14,6 +14,8 @@ You can create or add new form fields either visually using the [Form Designer U
 ## Create Form Fields Using the Form Designer UI 
 Use this approach when you want to design forms manually without writing code.
 
+Before you begin, ensure the `FormDesigner` module is included in the `provide` block of the PDF Viewer component.
+
 **Steps:**
 
 1. Enable [Form Designer](../form-designer) mode in the PDF Viewer.
@@ -299,13 +301,13 @@ export default {
       pdfviewer.formDesignerModule.addFormField('RadioButton', {
         name: 'Gender',
         value: 'Male',
-        pageNumber: 0,
+        pageNumber: 1,
         bounds: { X: 100, Y: 270, Width: 16, Height: 16 }
       });
       pdfviewer.formDesignerModule.addFormField('RadioButton', {
         name: 'Gender',
         value: 'Female',
-        pageNumber: 0,
+        pageNumber: 1,
         bounds: { X: 160, Y: 270, Width: 16, Height: 16 }
       });
     },
@@ -626,8 +628,8 @@ export default {
 - [Form Designer overview](../overview)
 - [Form Designer Toolbar](../../toolbar-customization/form-designer-toolbar)
 - [Modify form fields](./modify-form-fields)
-- [Style form fields](./style-form-fields)
+- [Style form fields](./customize-form-fields)
 - [Remove form fields](./remove-form-fields)
 - [Group form fields](../group-form-fields)
 - [Form validation](../form-validation)
-- [Form Fields API](../form-fields-api)
\ No newline at end of file
+- [Form fields API](../form-fields-api)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/forms/manage-form-fields/customize-form-fields.md b/Document-Processing/PDF/PDF-Viewer/vue/forms/manage-form-fields/customize-form-fields.md
index 42d6c965be..2deea2ba4d 100644
--- a/Document-Processing/PDF/PDF-Viewer/vue/forms/manage-form-fields/customize-form-fields.md
+++ b/Document-Processing/PDF/PDF-Viewer/vue/forms/manage-form-fields/customize-form-fields.md
@@ -18,7 +18,7 @@ Use the **Properties** panel to adjust:
 - Background color
 ![Textbox style from UI](../../../javascript-es6/images/ui-textbox-style.png)
 
-## Customize appearance Form Fields Programmatically
+## Customize Appearance of Form Fields Programmatically
 Use [updateFormField()](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/index-default#updateformfields) to apply styles.
 
 {% tabs %}
@@ -147,7 +147,7 @@ export default {
 
 [View Sample on GitHub](https://github.com/SyncfusionExamples/vue-pdf-viewer-examples)
 
-## See also
+## See Also
 
 - [Form Designer overview](../overview)
 - [Form Designer Toolbar](../../toolbar-customization/form-designer-toolbar)
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/forms/manage-form-fields/modify-form-fields.md b/Document-Processing/PDF/PDF-Viewer/vue/forms/manage-form-fields/modify-form-fields.md
index dad4fcd2e1..a801804911 100644
--- a/Document-Processing/PDF/PDF-Viewer/vue/forms/manage-form-fields/modify-form-fields.md
+++ b/Document-Processing/PDF/PDF-Viewer/vue/forms/manage-form-fields/modify-form-fields.md
@@ -270,9 +270,9 @@ export default {
 {% endtabs %}
 
 ### RadioButton
-•	UI: Set selected item in a group (same Name).
+- UI: Set selected item in a group (same Name).
 ![RadioButton edited from UI](../../../javascript-es6/images/ui-radiobutton-edit.png)
-•	API: [updateFormField()](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/index-default#updateformfields) to set selected value and border appearance.
+- API: [updateFormField()](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/index-default#updateformfields) to set selected value and border appearance.
 {% tabs %}
 {% highlight html tabtitle="Composition API (~/src/App.vue)" %}
 <template>
@@ -322,9 +322,9 @@ export default {
 {% endtabs %}
 
 ### ListBox
-•	UI: Add/remove items, set selection, adjust fonts/colors.
+- UI: Add/remove items, set selection, adjust fonts/colors.
 ![ListBox edited from UI](../../../javascript-es6/images/ui-listbox-edit.png)
-•	API: [updateFormField()](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/index-default#updateformfields) for items, selection, borders.
+- API: [updateFormField()](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/index-default#updateformfields) for items, selection, borders.
 {% tabs %}
 {% highlight html tabtitle="Composition API (~/src/App.vue)" %}
 <template>
@@ -385,9 +385,9 @@ export default {
 {% endtabs %}
 
 ### DropDown
-•	UI: Add/remove items, default value, appearance.
+- UI: Add/remove items, default value, appearance.
 ![DropDown edited from UI](../../../javascript-es6/images/ui-dropdown-edit.png)
-•	API: [updateFormField()](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/index-default#updateformfields) for items, value, borders.
+- API: [updateFormField()](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/index-default#updateformfields) for items, value, borders.
 {% tabs %}
 {% highlight html tabtitle="Composition API (~/src/App.vue)" %}
 <template>
@@ -448,9 +448,9 @@ export default {
 {% endtabs %}
 
 ### Signature Field
-•	UI: Tooltip, thickness, indicator text, required/visibility.
+- UI: Tooltip, thickness, indicator text, required/visibility.
 ![Signature field edited from UI](../../../javascript-es6/images/ui-signature-edit.png)
-•	API: [updateFormField()](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/index-default#updateformfields) for tooltip, required, colors, borders.
+- API: [updateFormField()](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/index-default#updateformfields) for tooltip, required, colors, borders.
 {% tabs %}
 {% highlight html tabtitle="Composition API (~/src/App.vue)" %}
 <template>
@@ -506,9 +506,9 @@ export default {
 {% endtabs %}
 
 ### Initial Field
-•	UI: Tooltip, indicator text, thickness, required/visibility.
+- UI: Tooltip, indicator text, thickness, required/visibility.
 ![Initial field edited from UI](../../../javascript-es6/images/ui-initial-edit.png)
-•	API: [updateFormField()](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/index-default#updateformfields) for tooltip, required, colors, borders.
+- API: [updateFormField()](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/index-default#updateformfields) for tooltip, required, colors, borders.
 {% tabs %}
 {% highlight html tabtitle="Composition API (~/src/App.vue)" %}
 <template>
@@ -565,12 +565,12 @@ export default {
 
 [View Sample on GitHub](https://github.com/SyncfusionExamples/vue-pdf-viewer-examples)
 
-## See also
+## See Also
 
 - [Form Designer overview](../overview)
 - [Form Designer Toolbar](../../toolbar-customization/form-designer-toolbar)
 - [Create form fields](./create-form-fields)
-- [Remove form Fields](./remove-form-fields)
+- [Remove form fields](./remove-form-fields)
 - [Style form fields](./customize-form-fields)
 - [Group form fields](../group-form-fields)
 - [Form validation](../form-validation)
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/forms/manage-form-fields/move-resize-form-fields.md b/Document-Processing/PDF/PDF-Viewer/vue/forms/manage-form-fields/move-resize-form-fields.md
index 74391d64b7..dec7617d39 100644
--- a/Document-Processing/PDF/PDF-Viewer/vue/forms/manage-form-fields/move-resize-form-fields.md
+++ b/Document-Processing/PDF/PDF-Viewer/vue/forms/manage-form-fields/move-resize-form-fields.md
@@ -11,7 +11,7 @@ documentation: ug
 - **Move**: Drag the form field to reposition it.
 - **Resize**: Use the resize handles to change width and height.
 
-![Moveing and Resizing a form field](../../../javascript-es6/images/move-resize-forms.gif)
+![Moving and Resizing a form field](../../../javascript-es6/images/move-resize-forms.gif)
 
 ## Move and Resize Fields Programmatically (API)
 You can set absolute bounds or move fields by a delta.
@@ -70,12 +70,12 @@ export default {
 {% endhighlight %}
 {% endtabs %}
 
-## See also
+## See Also
 
 - [Form Designer overview](../overview)
 - [Form Designer Toolbar](../../toolbar-customization/form-designer-toolbar)
 - [Create form fields](./create-form-fields)
-- [Remove form Fields](./remove-form-fields)
+- [Remove form fields](./remove-form-fields)
 - [Customize form fields](./customize-form-fields)
 - [Group form fields](../group-form-fields)
 - [Form validation](../form-validation)
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/forms/manage-form-fields/remove-form-fields.md b/Document-Processing/PDF/PDF-Viewer/vue/forms/manage-form-fields/remove-form-fields.md
index 636819bb44..83b7614004 100644
--- a/Document-Processing/PDF/PDF-Viewer/vue/forms/manage-form-fields/remove-form-fields.md
+++ b/Document-Processing/PDF/PDF-Viewer/vue/forms/manage-form-fields/remove-form-fields.md
@@ -17,7 +17,7 @@ documentation: ug
 ![Form Designer toolbar with Delete icon](../../../javascript-es6/images/ui-del-formfields.png)
 
 ## Remove Form Fields Programmatically
-Use **deleteFormField()** with a field reference or ID.
+Use [deleteFormField()](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/formdesigner#deleteformfield) with a field reference or ID.
 
 {% tabs %}
 {% highlight html tabtitle="Composition API (~/src/App.vue)" %}
@@ -75,7 +75,7 @@ export default {
 
 [View Sample on GitHub](https://github.com/SyncfusionExamples/vue-pdf-viewer-examples)
 
-## See also
+## See Also
 
 - [Form Designer overview](../overview)
 - [Form Designer Toolbar](../../toolbar-customization/form-designer-toolbar)
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/forms/overview-create-forms.md b/Document-Processing/PDF/PDF-Viewer/vue/forms/overview-create-forms.md
index 9c92ef76e1..3e3975c63d 100644
--- a/Document-Processing/PDF/PDF-Viewer/vue/forms/overview-create-forms.md
+++ b/Document-Processing/PDF/PDF-Viewer/vue/forms/overview-create-forms.md
@@ -1,7 +1,7 @@
 ---
 layout: post
 title: Overview of Create form fields in Vue PDF Viewer | Syncfusion
-description: Learn how to create edit each form field using the PDF Viewer UI and how to create them programmatically in the Syncfusion Vue PDF Viewer.
+description: Learn how to create and edit each form field using the PDF Viewer UI and how to create them programmatically in the Syncfusion Vue PDF Viewer.
 platform: document-processing
 control: PDF Viewer
 documentation: ug
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/forms/overview.md b/Document-Processing/PDF/PDF-Viewer/vue/forms/overview.md
index e238296d6b..138de65cb5 100644
--- a/Document-Processing/PDF/PDF-Viewer/vue/forms/overview.md
+++ b/Document-Processing/PDF/PDF-Viewer/vue/forms/overview.md
@@ -1,7 +1,7 @@
 ---
 layout: post
 title: Overview of Forms in Vue PDF Viewer Control | Syncfusion
-description: Learn what the Form Designer in Syncfusion Vue PDF Viewer offers, supported field types, and how the topics are organized.
+description: Learn what the Form Filling and Form Designer capabilities in Syncfusion Vue PDF Viewer offer, supported field types, and how the topics are organized.
 platform: document-processing
 control: PDF Viewer
 documentation: ug
@@ -19,7 +19,7 @@ Use the viewer UI or APIs to fill PDF forms, import/export form data, or integra
 
 See the [Filling PDF Forms](./form-filling) page for full details.
 
-Use the following code-snippet to enable form-filling by injecting the `FormFields` module.
+Use the following code snippet to enable form-filling by injecting the `FormFields` module.
 
 {% tabs %}
 {% highlight html tabtitle="Composition API (~/src/App.vue)" %}
@@ -81,9 +81,9 @@ export default {
 
 ![FormFilling](../../javascript-es6/images/FormFields.gif)
 
-1. [Programmatically Form fill](./form-filling#fill-pdf-forms-programmatically)
-2. [Form Fill Using UI](./form-filling#fill-pdf-forms-through-the-user-interface)
-3. [Import the Form data](./form-filling#fill-pdf-forms-through-import-data)
+1. [Programmatically fill forms](./form-filling#fill-pdf-forms-programmatically)
+2. [Fill forms through the user interface](./form-filling#fill-pdf-forms-through-the-user-interface)
+3. [Import form data](./form-filling#fill-pdf-forms-through-import-data)
 
 ## Form Designer
 
@@ -91,7 +91,7 @@ A built-in Form Designer enables creating, positioning, and editing form fields
 
 See the [Form Designer](./form-designer) page for full details.
 
-Use the following Code-snippet to enable Form Designer by injecting `FormDesigner` Module.
+Use the following code snippet to enable Form Designer by injecting the `FormDesigner` module.
 
 {% tabs %}
 {% highlight html tabtitle="Composition API (~/src/App.vue)" %}

From 6b8bfa96cd0b95854917f22e02ce596a3c013bce Mon Sep 17 00:00:00 2001
From: Dhanush Sugumaran <dhanush.sugumaran@syncfusion.com>
Date: Tue, 28 Jul 2026 20:57:29 +0530
Subject: [PATCH 3/3] Task(1043919): Resolved the CI failure

---
 .../PDF/PDF-Viewer/vue/annotation/shape-annotation.md           | 2 +-
 Document-Processing/PDF/PDF-Viewer/vue/forms/form-filling.md    | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/Document-Processing/PDF/PDF-Viewer/vue/annotation/shape-annotation.md b/Document-Processing/PDF/PDF-Viewer/vue/annotation/shape-annotation.md
index cb425a4a1d..2497bbc6ab 100644
--- a/Document-Processing/PDF/PDF-Viewer/vue/annotation/shape-annotation.md
+++ b/Document-Processing/PDF/PDF-Viewer/vue/annotation/shape-annotation.md
@@ -1,7 +1,7 @@
 ---
 layout: post
 title: Shape annotation in Vue PDF Viewer component | Syncfusion
-description: Learn how to add, edit, and customize shape annotations in the Syncfusion Vue PDF Viewer.
+description: Learn how to add, edit, and customize shape annotations like line, arrow, rectangle, circle, and polygon in the Vue PDF Viewer.
 control: PDF Viewer
 platform: document-processing
 documentation: ug
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/forms/form-filling.md b/Document-Processing/PDF/PDF-Viewer/vue/forms/form-filling.md
index a64b4e70b2..b9c500baef 100644
--- a/Document-Processing/PDF/PDF-Viewer/vue/forms/form-filling.md
+++ b/Document-Processing/PDF/PDF-Viewer/vue/forms/form-filling.md
@@ -1,7 +1,7 @@
 ---
 layout: post
 title: Form filling in Vue PDF Viewer Control | Syncfusion
-description: Learn to fill, import, export, and validate PDF form fields in the Syncfusion Vue PDF Viewer.
+description: Learn to fill, import, export, and validate PDF form fields in the Syncfusion Vue PDF Viewer with built-in support.
 platform: document-processing
 control: PDF Viewer
 documentation: ug