1009207: UG Forms Revamp in Vue Platform HF

Document-Processing-toc.html

@@ -1140,16 +1140,36 @@
 								</ul>
 							</li>
 							<li><a href="/document-processing/pdf/pdf-viewer/vue/interaction-mode">Interaction Mode</a></li>
-							<li>Form Designer
+							<li>Forms
 								<ul>
-									<li><a href="/document-processing/pdf/pdf-viewer/vue/form-designer/create-programmatically">Create form fields programmatically</a></li>
-									<li><a href="/document-processing/pdf/pdf-viewer/vue/form-designer/create-with-user-interface-interaction">Create form fields with UI interaction</a></li>
-									<li><a href="/document-processing/pdf/pdf-viewer/vue/toolbar-customization/form-designer-toolbar">Form Designer Toolbar</a></li>
-									<li><a href="/document-processing/pdf/pdf-viewer/vue/form-designer/form-field-events">Form Field events</a></li>
-									<li><a href="/document-processing/pdf/pdf-viewer/vue/how-to/custom-fonts">Custom Fonts</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/vue/forms/overview">Overview</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/vue/forms/form-filling">Fill form fields</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/vue/forms/form-designer">Form Designer and Toolbar</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/vue/forms/overview-create-forms">Create, Edit, Style and Remove Form Fields</a>
+										<ul>
+											<li><a href="/document-processing/pdf/pdf-viewer/vue/forms/manage-form-fields/create-form-fields">Create form fields</a></li>
+											<li><a href="/document-processing/pdf/pdf-viewer/vue/forms/manage-form-fields/modify-form-fields">Modify form fields</a></li>
+											<li><a href="/document-processing/pdf/pdf-viewer/vue/forms/manage-form-fields/customize-form-fields">Customize form fields</a></li>
+											<li><a href="/document-processing/pdf/pdf-viewer/vue/forms/manage-form-fields/move-resize-form-fields">Move and Resize form fields</a></li>
+											<li><a href="/document-processing/pdf/pdf-viewer/vue/forms/manage-form-fields/remove-form-fields">Remove form fields</a></li>
+										</ul>
+									</li>
+									<li>Import/Export form data
+										<ul>
+											<li><a href="/document-processing/pdf/pdf-viewer/vue/forms/import-export-form-fields/import-form-fields">Import form data</a></li>
+											<li><a href="/document-processing/pdf/pdf-viewer/vue/forms/import-export-form-fields/export-form-fields">Export form data</a></li>
+											<li><a href="/document-processing/pdf/pdf-viewer/vue/forms/import-export-form-fields/import-export-events">Import/Export events</a></li>
+										</ul>
+									</li>
+									<li><a href="/document-processing/pdf/pdf-viewer/vue/forms/custom-data">Add custom data in form fields</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/vue/forms/group-form-fields">Grouping form fields</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/vue/forms/form-constrain">Form Field Flags</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/vue/forms/form-validation">Form Validation</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/vue/how-to/custom-fonts">Custom fonts</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/vue/forms/form-field-events">Form Field events</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/vue/forms/form-fields-api">APIs</a></li>
 								</ul>
 							</li>
-							<li><a href="/document-processing/pdf/pdf-viewer/vue/form-filling">Form Filling</a></li>
 							<li><a href="/document-processing/pdf/pdf-viewer/vue/organize-pdf">Organize Pages</a>
 								<ul>
 									<li><a href="/document-processing/pdf/pdf-viewer/vue/organize-pages/overview">Overview</a></li>
@@ -1356,7 +1376,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 the following video to learn how to organize pages in PDF Document in 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-pages/programmatic-support.md

@@ -12,6 +12,9 @@ domainurl: ##DomainURL##
 
 The PDF Viewer provides comprehensive programmatic support for organizing pages, allowing you to integrate and manage PDF functionalities directly within your application. This section details the available APIs to enable, control, and interact with the page organization features.
 
+Check the following video to learn how to organize pages in PDF Document in React PDF Viewer.
+{% youtube "https://www.youtube.com/watch?v=08kPdR0AZQk" %}
+
 ## Enable or disable the page organizer
 
 The page organizer feature can be enabled or disabled using the `enablePageOrganizer` property. By default, this feature is enabled.

Document-Processing/PDF/PDF-Viewer/angular/organize-pages/ui-interactions.md

@@ -12,6 +12,9 @@ domainurl: ##DomainURL##
 
 The PDF Viewer provides an intuitive user interface for managing and organizing pages within a PDF document. This section covers the various UI interactions available in the `Organize Pages` dialog.
 
+Check the following video to learn how to organize pages in PDF Document in React PDF Viewer.
+{% youtube "https://www.youtube.com/watch?v=08kPdR0AZQk" %}
+
 ## Rotating PDF pages
 
 You can adjust the orientation of pages to ensure proper alignment. The rotate icon in the Organize Pages dialog provides the following options:

Document-Processing/PDF/PDF-Viewer/react/forms/form-designer.md

@@ -14,6 +14,9 @@ When **Form Designer mode** is enabled in the Syncfusion [React PDF Viewer](http
 
 Using the Form Designer UI, users can place form fields on the PDF, move and resize them, configure field and widget properties, preview the designed form, and remove fields when required. The Form Designer toolbar can also be shown or hidden and customized to control the available tools based on application requirements, enabling flexible and interactive form design directly within the viewer.
 
+Check the following video to learn how to work with form Designer in React PDF Viewer.
+{% youtube "https://www.youtube.com/watch?v=MUWTCg1MoAE" %}
+
 ## Key Features
 
 **Add Form Fields**

Document-Processing/PDF/PDF-Viewer/react/forms/form-filling.md

@@ -24,6 +24,9 @@ The Syncfusion PDF Viewer supports three types of form-filling:
 
     The PDF Viewer allows you to import form field data into an existing PDF document. This enables pre filled forms using external data sources.
 
+Check the following video to learn how to work with form filling in React PDF Viewer.
+{% youtube "https://www.youtube.com/watch?v=MUWTCg1MoAE" %}
+
 ## Fill PDF forms programmatically 
 
 You can update the values of PDF form fields programmatically using the [updateFormFieldsValue](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/index-default#updateformfieldsvalue) API. This method allows you to set or modify form field values dynamically based on application logic, without user interaction.

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

@@ -12,6 +12,9 @@ documentation: ug
 The [React PDF Viewer](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/react/overview) allows you to create interactive PDF form fields, update their behavior and appearance, and remove them when they are no longer needed.
 All form field operations can be performed using either the [Form Designer user interface (UI)](https://document.syncfusion.com/demos/pdf-viewer/react/#/tailwind3/pdfviewer/form-designer) or [React APIs.](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/overview)
 
+Check the following video to learn how to work with form Designer in React PDF Viewer.
+{% youtube "https://www.youtube.com/watch?v=MUWTCg1MoAE" %}
+
 This section explains how to:
 
 - [Create PDF form fields](./manage-form-fields/create-form-fields)

Document-Processing/PDF/PDF-Viewer/react/forms/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 the following video to learn how to work with form Designer in 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.