Merge pull request #2205 from syncfusion-content/1009207-JSand-VueFormsHF

1009207: UG Forms Revamp in Vue Platform HF

Author: AnanthaGokulaRaman

Document-Processing-toc.html

@@ -1160,16 +1160,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>
@@ -1376,7 +1396,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.