Merge branch 'development' into EJ2-1008844-validate-ang

Author: BalajiLoganathanSF4826

Document-Processing-toc.html

@@ -1399,7 +1399,7 @@
 								</ul>
 							</li>
 							<li><a href="/document-processing/pdf/pdf-viewer/javascript-es5/interaction-mode">Interaction Mode</a></li>
-							<li>Form Designer
+							<li>Forms
 								<ul>
 									<li><a href="/document-processing/pdf/pdf-viewer/javascript-es5/forms/overview">Overview</a></li>
 									<li><a href="/document-processing/pdf/pdf-viewer/javascript-es5/forms/form-filling">Fill form fields</a></li>

Document-Processing/PDF/PDF-Viewer/angular/organize-pages/overview.md

@@ -14,6 +14,9 @@ The Angular PDF Viewer component provides an Organize Pages panel that helps you
 
 To open the Organize Pages panel, load a document, ensure that the Organize Pages toolbar item is enabled, and choose **Organize Pages** from the left vertical toolbar. The document must allow page-level edits; otherwise, the toolbar item is hidden.
 
+Check out the following video to learn how to organize pages in a PDF document with the React PDF Viewer.
+{% youtube "https://www.youtube.com/watch?v=08kPdR0AZQk" %}
+
 The Organize Pages panel supports the following actions:
 
 * **Rotate pages**: Fix page orientation in 90-degree increments to correct scanned pages.

Document-Processing/PDF/PDF-Viewer/angular/organize-pdf-overview.md

@@ -13,6 +13,9 @@ The Syncfusion PDF Viewer delivers a complete, easy-to-use PDF forms experience.
 
 The viewer also includes smooth import and export support for form data, making integration effortless. Developers benefit from extensive API control, while end users enjoy a clean and simple interface designed for a seamless and stress-free form-filling experience.
 
+Check out the following video to learn how to use the Form Fields in the React PDF Viewer.
+{% youtube "https://www.youtube.com/watch?v=MUWTCg1MoAE" %}
+
 ## Filling PDF Forms
 
 Experience effortless PDF form filling through a clean, intuitive UI or automated workflows using powerful APIs. Flexible form data import and export support ensures smooth and efficient operations when working with PDF forms.

Document-Processing/PDF/PDF-Viewer/react/forms/overview.md

@@ -45,8 +45,9 @@ import {
   BookmarkView, Annotation, ThumbnailView, Print, TextSelection,
   TextSearch, FormFields, FormDesigner, PageOrganizer
 } from '@syncfusion/ej2-vue-pdfviewer';
-import { provide } from 'vue';
+import { provide, ref } from 'vue';
 
+const pdfviewer = ref(null);
 const documentPath = "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf";
 const resourceUrl = 'https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib';
 
@@ -55,7 +56,7 @@ provide('PdfViewer', [Toolbar, Magnification, Navigation, LinkAnnotation, Bookma
 
 const documentLoad = () => {
   document.getElementById('set').addEventListener('click', () => {
-    this.$refs.pdfviewer.ej2Instances.annotation.setAnnotationMode('FreeText');
+    pdfviewer.value.ej2Instances.annotation.setAnnotationMode('FreeText');
   });
 }
 
@@ -125,8 +126,9 @@ import {
   BookmarkView, Annotation, ThumbnailView, Print, TextSelection,
   TextSearch, FormFields, FormDesigner, PageOrganizer
 } from '@syncfusion/ej2-vue-pdfviewer';
-import { provide } from 'vue';
+import { provide, ref } from 'vue';
 
+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";
 
@@ -135,7 +137,7 @@ provide('PdfViewer', [Toolbar, Magnification, Navigation, LinkAnnotation, Bookma
 
 const documentLoad = () => {
   document.getElementById('set').addEventListener('click', () => {
-    this.$refs.pdfviewer.ej2Instances.annotation.setAnnotationMode('FreeText');
+    pdfviewer.value.ej2Instances.annotation.setAnnotationMode('FreeText');
   });
 }
 
@@ -190,7 +192,7 @@ export default {
 
 ## Add a free text annotation programmatically to the PDF document
 
-The PDF Viewer library allows adding a free text annotation programmatically using the [addAnnotation()](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/annotation/#annotation) method.
+The PDF Viewer library allows adding a free text annotation programmatically using the [addAnnotation()](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/annotation#annotation) method.
 
 Here is an example of adding a free text annotation programmatically using addAnnotation():
 

Document-Processing/PDF/PDF-Viewer/vue/annotation/free-text-annotation.md

@@ -55,7 +55,7 @@ The following examples switch to stamp annotation modes.
 import {
   PdfViewerComponent as EjsPdfviewer, Toolbar, Magnification, Navigation, LinkAnnotation,
   BookmarkView, Annotation, ThumbnailView, Print, TextSelection,
-  TextSearch, FormFields, FormDesigner, PageOrganizer
+  TextSearch, FormFields, FormDesigner, PageOrganizer, SignStampItem
 } from '@syncfusion/ej2-vue-pdfviewer';
 import { provide, ref } from 'vue';
 
@@ -91,7 +91,7 @@ const documentLoad = () => {
 import {
   PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation,
   BookmarkView, Annotation, ThumbnailView, Print, TextSelection,
-  TextSearch, FormFields, FormDesigner, PageOrganizer
+  TextSearch, FormFields, FormDesigner, PageOrganizer, SignStampItem
 } from '@syncfusion/ej2-vue-pdfviewer';
 
 export default {
@@ -137,7 +137,7 @@ export default {
 import {
   PdfViewerComponent as EjsPdfviewer, Toolbar, Magnification, Navigation, LinkAnnotation,
   BookmarkView, Annotation, ThumbnailView, Print, TextSelection,
-  TextSearch, FormFields, FormDesigner, PageOrganizer
+  TextSearch, FormFields, FormDesigner, PageOrganizer, SignStampItem
 } from '@syncfusion/ej2-vue-pdfviewer';
 import { provide, ref } from 'vue';
 
@@ -174,7 +174,7 @@ const documentLoad = () => {
 import {
   PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation,
   BookmarkView, Annotation, ThumbnailView, Print, TextSelection,
-  TextSearch, FormFields, FormDesigner, PageOrganizer
+  TextSearch, FormFields, FormDesigner, PageOrganizer, SignStampItem
 } from '@syncfusion/ej2-vue-pdfviewer';
 
 export default {
@@ -208,7 +208,7 @@ export default {
 
 ## 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.
+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:
 

Document-Processing/PDF/PDF-Viewer/vue/annotation/ink-annotation.md

@@ -34,7 +34,7 @@ Annotation comments can be added using the comment panel.
 
 ## Add a sticky note annotation to the PDF document programmatically
 
-The PDF Viewer library allows adding a sticky note annotation programmatically using the [addAnnotation()](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/annotation/#addannotation) method.
+The PDF Viewer library allows adding a sticky note annotation programmatically using the [addAnnotation()](https://ej2.syncfusion.com/vue/documentation/api/pdfviewer/annotation#addannotation) method.
 
 Here is an example showing how to add a sticky note annotation programmatically using addAnnotation():
 
@@ -159,7 +159,7 @@ const addAnnotation = function () {
 </script>
 
 {% endhighlight %}
-{% highlight html tabtitle="Server-Backed" %}
+{% highlight html tabtitle="Options API (Server-Backed)" %}
 
 <template>
   <div id="app">
@@ -254,7 +254,7 @@ const editAnnotation = function () {
 </script>
 
 {% endhighlight %}
-{% highlight html tabtitle="Standalone" %}
+{% highlight html tabtitle="Options API (Standalone)" %}
 
 <template>
   <div id="app">