diff --git a/Document-Processing-toc.html b/Document-Processing-toc.html
index b8283b097..23195a984 100644
--- a/Document-Processing-toc.html
+++ b/Document-Processing-toc.html
@@ -175,6 +175,16 @@
 									<li><a href="/document-processing/pdf/pdf-viewer/asp-net-core/annotation/annotations-in-mobile-view">Annotations in Mobile view</a></li>
 								</ul>
 							</li>
+							<li>Redaction
+								<ul>
+									<li><a href="/document-processing/pdf/pdf-viewer/asp-net-core/Redaction/overview">Overview</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/asp-net-core/Redaction/ui-interaction">UI Interactions</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/asp-net-core/Redaction/programmatic-support">Programmatic Support</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/asp-net-core/Redaction/toolbar">Toolbar</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/asp-net-core/Redaction/mobile-view">Mobile View</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/asp-net-core/Redaction/search-redact">Search Text and Redact</a></li>
+								</ul>
+							</li>
 							<li><a href="/document-processing/pdf/pdf-viewer/asp-net-core/interaction-mode">Interaction Mode</a></li>
 							<li>Form Designer
 								<ul>
@@ -192,6 +202,7 @@
 									<li><a href="/document-processing/pdf/pdf-viewer/asp-net-core/organize-pages/programmatic-support">Programmatic Support for Organize Page</a></li>
 									<li><a href="/document-processing/pdf/pdf-viewer/asp-net-core/organize-pages/ui-interactions">UI Interactions in Organize Page</a></li>
 									<li><a href="/document-processing/pdf/pdf-viewer/asp-net-core/organize-pages/toolbar">Toolbar</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/asp-net-core/organize-pages/extract-pages">Extract Pages</a></li>
 									<li><a href="/document-processing/pdf/pdf-viewer/asp-net-core/organize-pages/mobile-view">Organize Page in Mobile View</a></li>
 									<li><a href="/document-processing/pdf/pdf-viewer/asp-net-core/organize-pages/events">Events in Organize Page</a></li>
 								</ul>
@@ -258,6 +269,7 @@
 									<li><a href="/document-processing/pdf/pdf-viewer/asp-net-core/how-to/print-document">Print the PDF document Programmatically</a></li>
 									<li><a href="/document-processing/pdf/pdf-viewer/asp-net-core/how-to/select-multi-page-annotations">Select multi-page TextMarkup annotation as single annotation</a></li>
 									<li><a href="/document-processing/pdf/pdf-viewer/asp-net-core/how-to/add-save-button">Add a Save button in the built-in Toolbar</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/asp-net-core/how-to/load-document-after-resources-loaded">Load document after resources loaded</a></li>
 								</ul>
 							</li>
 							<li>Troubleshooting
@@ -339,6 +351,16 @@
 									<li><a href="/document-processing/pdf/pdf-viewer/asp-net-mvc/annotation/annotations-in-mobile-view">Annotations in Mobile view</a></li>
 								</ul>
 							</li>
+							<li>Redaction
+								<ul>
+									<li><a href="/document-processing/pdf/pdf-viewer/asp-net-mvc/Redaction/overview">Overview</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/asp-net-mvc/Redaction/ui-interaction">UI Interactions</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/asp-net-mvc/Redaction/programmatic-support">Programmatic Support</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/asp-net-mvc/Redaction/toolbar">Toolbar</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/asp-net-mvc/Redaction/mobile-view">Mobile View</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/asp-net-mvc/Redaction/search-redact">Search Text and Redact</a></li>
+								</ul>
+							</li>
 							<li><a href="/document-processing/pdf/pdf-viewer/asp-net-mvc/interaction-mode">Interaction Mode</a></li>
 							<li>Form Designer
 								<ul>
@@ -356,6 +378,7 @@
 									<li><a href="/document-processing/pdf/pdf-viewer/asp-net-mvc/organize-pages/programmatic-support">Programmatic Support</a></li>
 									<li><a href="/document-processing/pdf/pdf-viewer/asp-net-mvc/organize-pages/ui-interactions">UI Interactions</a></li>
 									<li><a href="/document-processing/pdf/pdf-viewer/asp-net-mvc/organize-pages/toolbar">Toolbar</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/asp-net-mvc/organize-pages/extract-pages">Extract Pages</a></li>
 									<li><a href="/document-processing/pdf/pdf-viewer/asp-net-mvc/organize-pages/mobile-view">Mobile View</a></li>
 									<li><a href="/document-processing/pdf/pdf-viewer/asp-net-mvc/organize-pages/events">Events</a></li>
 								</ul>
@@ -428,6 +451,7 @@
 									<li><a href="/document-processing/pdf/pdf-viewer/asp-net-mvc/how-to/select-multi-page-annotations">Select multi-page TextMarkup annotation as single annotation</a></li>
 									<li><a href="/document-processing/pdf/pdf-viewer/asp-net-mvc/how-to/show-bookmark">Show Bookmark</a></li>
 									<li><a href="/document-processing/pdf/pdf-viewer/asp-net-mvc/how-to/add-save-button">Add a Save button in the built-in Toolbar</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/asp-net-mvc/how-to/load-document-after-resources-loaded">Load document after resources loaded</a></li>
 								</ul>
 							</li>
 							<li>Troubleshooting
@@ -513,6 +537,16 @@
 									<li><a href="/document-processing/pdf/pdf-viewer/angular/annotation/annotations-in-mobile-view">Annotations in Mobile view</a></li>
 								</ul>
 							</li>
+							<li>Redaction
+								<ul>
+									<li><a href="/document-processing/pdf/pdf-viewer/angular/Redaction/overview">Overview</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/angular/Redaction/ui-interaction">UI Interactions</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/angular/Redaction/programmatic-support">Programmatic Support</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/angular/Redaction/toolbar">Toolbar</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/angular/Redaction/mobile-view">Mobile View</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/angular/Redaction/search-redact">Search Text and Redact</a></li>
+								</ul>
+							</li>
 							<li><a href="/document-processing/pdf/pdf-viewer/angular/interaction-mode">Interaction Mode</a></li>
 							<li>Form Designer
 								<ul>
@@ -530,6 +564,7 @@
 									<li><a href="/document-processing/pdf/pdf-viewer/angular/organize-pages/programmatic-support">Programmatic Support</a></li>
 									<li><a href="/document-processing/pdf/pdf-viewer/angular/organize-pages/ui-interactions">UI Interactions</a></li>
 									<li><a href="/document-processing/pdf/pdf-viewer/angular/organize-pages/toolbar">Toolbar</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/angular/organize-pages/extract-pages">Extract Pages</a></li>
 									<li><a href="/document-processing/pdf/pdf-viewer/angular/organize-pages/mobile-view">Mobile View</a></li>
 									<li><a href="/document-processing/pdf/pdf-viewer/angular/organize-pages/events">Events</a></li>
 								</ul>
@@ -591,6 +626,7 @@
 									<li><a href="/document-processing/pdf/pdf-viewer/angular/how-to/extract-text">Extract Text</a></li>
 									<li><a href="/document-processing/pdf/pdf-viewer/angular/how-to/enable-text-selection">Dynamically Enable or Disable Text Selection</a></li>
 									<li><a href="/document-processing/pdf/pdf-viewer/angular/how-to/show-hide-annotation">Show and Hide Annotations</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/angular/how-to/load-document-after-resources-loaded">Load document after resources loaded</a></li>
 								</ul>
 							</li>
 							<li>Troubleshooting
@@ -837,6 +873,16 @@
 									<li><a href="/document-processing/pdf/pdf-viewer/react/annotation/annotations-in-mobile-view">Annotations in Mobile view</a></li>
 								</ul>
 							</li>
+							<li>Redaction
+								<ul>
+									<li><a href="/document-processing/pdf/pdf-viewer/react/Redaction/overview">Overview</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/react/Redaction/ui-interaction">UI Interactions</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/react/Redaction/programmatic-support">Programmatic Support</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/react/Redaction/toolbar">Toolbar</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/react/Redaction/mobile-view">Mobile View</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/react/Redaction/search-redact">Search Text and Redact</a></li>
+								</ul>
+							</li>
 							<li><a href="/document-processing/pdf/pdf-viewer/react/interaction-mode">Interaction Mode</a></li>
 							<li>Form Designer
 								<ul>
@@ -854,6 +900,7 @@
 									<li><a href="/document-processing/pdf/pdf-viewer/react/organize-pages/programmatic-support">Programmatic Support</a></li>
 									<li><a href="/document-processing/pdf/pdf-viewer/react/organize-pages/ui-interactions">UI Interactions</a></li>
 									<li><a href="/document-processing/pdf/pdf-viewer/react/organize-pages/toolbar">Toolbar</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/react/organize-pages/extract-pages">Extract Pages</a></li>
 									<li><a href="/document-processing/pdf/pdf-viewer/react/organize-pages/mobile-view">Mobile View</a></li>
 									<li><a href="/document-processing/pdf/pdf-viewer/react/organize-pages/events">Events</a></li>
 								</ul>
@@ -911,6 +958,7 @@
 									<li><a href="/document-processing/pdf/pdf-viewer/react/how-to/extract-text">Extract Text</a></li>
 									<li><a href="/document-processing/pdf/pdf-viewer/react/how-to/show-hide-annotation">Show and Hide Annotation</a></li>
 									<li><a href="/document-processing/pdf/pdf-viewer/react/how-to/enable-text-selection">Dynamically Enable or Disable Text Selection</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/react/how-to/load-document-after-resources-loaded">Load document after resources loaded</a></li>
 								</ul>
 							</li>
 							<li>Troubleshooting
@@ -997,6 +1045,16 @@
 									<li><a href="/document-processing/pdf/pdf-viewer/vue/annotation/comments">Comments</a></li>
 								</ul>
 							</li>
+							<li>Redaction
+								<ul>
+									<li><a href="/document-processing/pdf/pdf-viewer/vue/Redaction/overview">Overview</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/vue/Redaction/ui-interaction">UI Interactions</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/vue/Redaction/programmatic-support">Programmatic Support</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/vue/Redaction/toolbar">Toolbar</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/vue/Redaction/mobile-view">Mobile View</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/vue/Redaction/search-redact">Search Text and Redact</a></li>
+								</ul>
+							</li>
 							<li><a href="/document-processing/pdf/pdf-viewer/vue/interaction-mode">Interaction Mode</a></li>
 							<li>Form Designer
 								<ul>
@@ -1014,6 +1072,7 @@
 									<li><a href="/document-processing/pdf/pdf-viewer/vue/organize-pages/programmatic-support">Programmatic Support</a></li>
 									<li><a href="/document-processing/pdf/pdf-viewer/vue/organize-pages/ui-interactions">UI Interactions</a></li>
 									<li><a href="/document-processing/pdf/pdf-viewer/vue/organize-pages/toolbar">Toolbar</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/vue/organize-pages/extract-pages">Extract Pages</a></li>
 									<li><a href="/document-processing/pdf/pdf-viewer/vue/organize-pages/mobile-view">Mobile View</a></li>
 									<li><a href="/document-processing/pdf/pdf-viewer/vue/organize-pages/events">Events</a></li>
 								</ul>
@@ -1076,6 +1135,7 @@
 									<li><a href="/document-processing/pdf/pdf-viewer/vue/how-to/highlight-underline-strikeout-text">Highlight Underline Strikeout Text</a></li>
 									<li><a href="/document-processing/pdf/pdf-viewer/vue/how-to/import-annotations">Import Annotations</a></li>
 									<li><a href="/document-processing/pdf/pdf-viewer/vue/how-to/overlapped-annotation">Overlapped Annotation</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/vue/how-to/load-document-after-resources-loaded">Load document after resources loaded</a></li>
 								</ul>
 							</li>
 							<li>Troubleshooting
@@ -1160,6 +1220,16 @@
 									<li><a href="/document-processing/pdf/pdf-viewer/javascript-es5/annotations/annotation-event">Annotations Events</a></li>
 								</ul>
 							</li>
+							<li>Redaction
+								<ul>
+									<li><a href="/document-processing/pdf/pdf-viewer/javascript-es5/Redaction/overview">Overview</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/javascript-es5/Redaction/ui-interaction">UI-Interaction</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/javascript-es5/Redaction/programmatic-support">Programmatic Support</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/javascript-es5/Redaction/toolbar">Toolbar</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/javascript-es5/Redaction/mobile-view">Mobile View</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/javascript-es5/Redaction/search-redact">Search Text and Redact</a></li>
+								</ul>
+							</li>
 							<li><a href="/document-processing/pdf/pdf-viewer/javascript-es5/interaction-mode">Interaction Mode</a></li>
 							<li>Form Designer
 								<ul>
@@ -1177,6 +1247,7 @@
 									<li><a href="/document-processing/pdf/pdf-viewer/javascript-es5/organize-pages/programmatic-support">Programmatic Support</a></li>
 									<li><a href="/document-processing/pdf/pdf-viewer/javascript-es5/organize-pages/ui-interactions">UI Interactions</a></li>
 									<li><a href="/document-processing/pdf/pdf-viewer/javascript-es5/organize-pages/toolbar">Toolbar</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/javascript-es5/organize-pages/extract-pages">Extract Pages</a></li>
 									<li><a href="/document-processing/pdf/pdf-viewer/javascript-es5/organize-pages/mobile-view">Mobile View</a></li>
 									<li><a href="/document-processing/pdf/pdf-viewer/javascript-es5/organize-pages/events">Events</a></li>
 								</ul>
@@ -1250,6 +1321,7 @@
 									<li><a href="/document-processing/pdf/pdf-viewer/javascript-es5/how-to/focus-on-a-form-field-after-loading">Focus on a form field on document load</a></li>
 									<li><a href="/document-processing/pdf/pdf-viewer/javascript-es5/how-to/use-local-script-and-style-references">Use local script and style references</a></li>
 									<li><a href="/document-processing/pdf/pdf-viewer/javascript-es5/how-to/add-new-page-to-the-pdf-document">Add new page to PDF document</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/javascript-es5/how-to/load-document-after-resources-loaded">Load document after resources Loaded</a></li>
 								</ul>
 							</li>
 							<li>Troubleshooting
@@ -1340,23 +1412,53 @@
 									<li><a href="/document-processing/pdf/pdf-viewer/javascript-es6/annotations/annotations-in-mobile-view">Annotations in Mobile view</a></li>
 								</ul>
 							</li>
+							<li>Redaction
+								<ul>
+									<li><a href="/document-processing/pdf/pdf-viewer/javascript-es6/Redaction/overview">Overview</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/javascript-es6/Redaction/ui-interaction">UI Interaction</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/javascript-es6/Redaction/programmatic-support">Programmatic Support</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/javascript-es6/Redaction/toolbar">Toolbar</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/javascript-es6/Redaction/mobile-view">Mobile View</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/javascript-es6/Redaction/search-redact">Search Text and Redact</a></li>
+								</ul>
+							</li>
 							<li><a href="/document-processing/pdf/pdf-viewer/javascript-es6/interaction-mode">Interaction Mode</a></li>
-							<li>Form Designer
+							<li>Forms
 								<ul>
-									<li><a href="/document-processing/pdf/pdf-viewer/javascript-es6/form-designer/create-programmatically">Create form fields programmatically</a></li>
-									<li><a href="/document-processing/pdf/pdf-viewer/javascript-es6/form-designer/create-with-user-interface-interaction">Create form fields with UI interaction</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/javascript-es6/form-designer/overview">Overview</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/javascript-es6/form-designer/form-filling">Fill form fields</a></li>
 									<li><a href="/document-processing/pdf/pdf-viewer/javascript-es6/toolbar-customization/form-designer-toolbar">Form Designer Toolbar</a></li>
-									<li><a href="/document-processing/pdf/pdf-viewer/javascript-es6/form-designer/form-field-events">Form Field events</a></li>
+									<li>Create, Edit, Style and Remove Form Fields
+										<ul>
+											<li><a href="/document-processing/pdf/pdf-viewer/javascript-es6/form-designer/Create-edit-Style-del-formFields/create-formfields">Create form fields</a></li>
+											<li><a href="/document-processing/pdf/pdf-viewer/javascript-es6/form-designer/Create-edit-Style-del-formFields/edit-formfields">Edit form fields</a></li>
+											<li><a href="/document-processing/pdf/pdf-viewer/javascript-es6/form-designer/Create-edit-Style-del-formFields/style-formfields">Style form fields</a></li>
+											<li><a href="/document-processing/pdf/pdf-viewer/javascript-es6/form-designer/Create-edit-Style-del-formFields/remove-formfields">Remove form fields</a></li>
+										</ul>
+									</li>
+									<li>Import/Export form data
+										<ul>
+											<li><a href="/document-processing/pdf/pdf-viewer/javascript-es6/form-designer/import-export-formfields/import-formfields">Import form data</a></li>
+											<li><a href="/document-processing/pdf/pdf-viewer/javascript-es6/form-designer/import-export-formfields/export-formfields">Export form data</a></li>
+											<li><a href="/document-processing/pdf/pdf-viewer/javascript-es6/form-designer/import-export-formfields/import-export-events">Import/Export events</a></li>
+										</ul>
+									</li>
+									<li><a href="/document-processing/pdf/pdf-viewer/javascript-es6/form-designer/custom-data">Add custom data in form fields</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/javascript-es6/form-designer/group-formfields">Grouping form fields</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/javascript-es6/form-designer/form-constrain">Form constrains</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/javascript-es6/form-designer/form-validation">Form Validation</a></li>
 									<li><a href="/document-processing/pdf/pdf-viewer/javascript-es6/how-to/custom-fonts-ts">Custom fonts</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/javascript-es6/form-designer/form-field-events">Form Field events</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/javascript-es6/form-designer/formfields-api">APIs</a></li>
 								</ul>
 							</li>
-							<li><a href="/document-processing/pdf/pdf-viewer/javascript-es6/form-filling">Form Filling</a></li>
 								<li><a href="/document-processing/pdf/pdf-viewer/javascript-es6/organize-pdf">Organize Pages</a>
 								<ul>
 									<li><a href="/document-processing/pdf/pdf-viewer/javascript-es6/organize-pages/overview">Overview</a></li>
 									<li><a href="/document-processing/pdf/pdf-viewer/javascript-es6/organize-pages/programmatic-support">Programmatic Support</a></li>
 									<li><a href="/document-processing/pdf/pdf-viewer/javascript-es6/organize-pages/ui-interactions">UI Interactions</a></li>
 									<li><a href="/document-processing/pdf/pdf-viewer/javascript-es6/organize-pages/toolbar">Toolbar</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/javascript-es6/organize-pages/extract-pages">Extract Pages</a></li>
 									<li><a href="/document-processing/pdf/pdf-viewer/javascript-es6/organize-pages/mobile-view">Mobile View</a></li>
 									<li><a href="/document-processing/pdf/pdf-viewer/javascript-es6/organize-pages/events">Events</a></li>
 								</ul>
@@ -1425,6 +1527,7 @@
 									<li><a href="/document-processing/pdf/pdf-viewer/javascript-es6/how-to/extract-text-ts">Extract Text</a></li>
 									<li><a href="/document-processing/pdf/pdf-viewer/javascript-es6/how-to/enable-text-selection-ts">Dynamically Enable or Disable Text Selection</a></li>
 									<li><a href="/document-processing/pdf/pdf-viewer/javascript-es6/how-to/show-hide-annotation-ts">Show and Hide Annotations</a></li>
+									<li><a href="/document-processing/pdf/pdf-viewer/javascript-es6/how-to/load-document-after-resources-loaded">Load document after resources loaded</a></li>
 								</ul>
 							</li>
 							<li>Troubleshooting
@@ -2413,9 +2516,6 @@
 							<li>
 								<a href="/document-processing/pdf/pdf-library/net/working-with-JavaScript">Working with JavaScript</a>
 							</li>
-							<li>
-								<a href="/document-processing/pdf/pdf-library/net/Performance-Metrics">Performance Metrics</a>
-							</li>
 							<li>
 								FAQ
 								<ul>
@@ -2441,6 +2541,41 @@
 							</li>
 						</ul>
 					</li>
+					<li>
+						<a href="/document-processing/pdf/pdf-library/javascript/Overview">JavaScript</a>
+						<ul>
+							<li><a href="/document-processing/pdf/pdf-library/javascript/Overview">Overview</a></li>
+							<li>Getting Started
+								<ul>
+									<li><a href="/document-processing/pdf/pdf-library/javascript/Create-PDF-document-asp-net-core">ASP.NET Core</a></li>
+									<li><a href="/document-processing/pdf/pdf-library/javascript/Create-PDF-document-asp-net-mvc">ASP.NET MVC</a></li>
+									<li><a href="/document-processing/pdf/pdf-library/javascript/Create-PDF-document-angular">Angular</a></li>
+									<li><a href="/document-processing/pdf/pdf-library/javascript/Create-PDF-document-react">React</a></li>
+									<li><a href="/document-processing/pdf/pdf-library/javascript/Create-PDF-document-vue">Vue</a></li>
+									<li><a href="/document-processing/pdf/pdf-library/javascript/Create-PDF-document-javascript">JavaScript</a></li>
+									<li><a href="/document-processing/pdf/pdf-library/javascript/Create-PDF-document-typescript">TypeScript</a></li>
+								</ul>
+							</li>	
+							<li><a href="/document-processing/pdf/pdf-library/javascript/Open-and-save-PDF-files">Loading and Saving</a></li>
+							<li><a href="/document-processing/pdf/pdf-library/javascript/PDF-document">PDF Document</a></li>
+							<li><a href="/document-processing/pdf/pdf-library/javascript/PDF-pages">PDF Pages</a></li>
+							<li><a href="/document-processing/pdf/pdf-library/javascript/Text">Text</a></li>
+							<li><a href="/document-processing/pdf/pdf-library/javascript/Lists">Lists</a></li>
+							<li><a href="/document-processing/pdf/pdf-library/javascript/Images">Images</a></li>
+							<li><a href="/document-processing/pdf/pdf-library/javascript/Templates">Templates</a></li>
+							<li><a href="/document-processing/pdf/pdf-library/javascript/Shapes">Shapes</a></li>
+							<li><a href="/document-processing/pdf/pdf-library/javascript/Annotations">Annotations</a></li>
+							<li><a href="/document-processing/pdf/pdf-library/javascript/FormFields">Form Fields</a></li>
+							<li><a href="/document-processing/pdf/pdf-library/javascript/DigitalSignature">Digital Signature</a></li>
+							<li><a href="/document-processing/pdf/pdf-library/javascript/Bookmarks">Bookmarks</a></li>
+							<li><a href="/document-processing/pdf/pdf-library/javascript/HyperLinks">Hyperlinks</a></li>
+							<li><a href="/document-processing/pdf/pdf-library/javascript/Layers">Layers</a></li>
+							<li><a href="/document-processing/pdf/pdf-library/javascript/Text-Extraction">Text Extraction</a></li>
+							<li><a href="/document-processing/pdf/pdf-library/javascript/Redaction">Redaction</a></li>
+							<li><a href="/document-processing/pdf/pdf-library/javascript/Supported-and-Unsupported-Features">Supported and Unsupported Features</a></li>
+						</ul>
+
+					</li>
 					<li>
 						<a href="/document-processing/pdf/pdf-library/flutter/overview">Flutter</a>
 						<ul>
@@ -2610,9 +2745,6 @@
 									<li>
 										<a href="/document-processing/pdf/conversions/html-to-pdf/net/features">Features</a>
 									</li>
-									<li>
-										<a href="/document-processing/pdf/conversions/html-to-pdf/net/Performance-Metrics">Performance Metrics</a>
-									</li>
 									<li>
 										<a href="/document-processing/pdf/conversions/html-to-pdf/net/advanced-installation">Advanced Installation</a>
 									</li>
@@ -3745,9 +3877,6 @@
 									<li>
 										<a href="/document-processing/word/word-library/net/Create-Word-document-in-Console-application">Console</a>
 									</li>
-									<li>
-										<a href="/document-processing/word/word-library/net/Create-Word-Document-in-ASP-NET-Core-WEB-API">ASP.NET Core Web API</a>
-									</li>
 									<li>
 										<a href="/document-processing/word/word-library/net/Create-Word-Document-in-Azure">Azure</a>
 										<ul>
@@ -3874,9 +4003,6 @@
 									<li>
 										<a href="/document-processing/word/word-library/net/Open-and-save-Word-document-in-Console-application">Console</a>
 									</li>
-									<li>
-										<a href="/document-processing/word/word-library/net/Open-and-Save-Word-Document-in-ASP-NET-Core-WEB-API">ASP.NET Core Web API</a>
-									</li>
 									<li>
 										<a href="/document-processing/word/word-library/net/Open-and-save-Word-document-in-Azure">Azure</a>
 										<ul>
@@ -4133,9 +4259,6 @@
 											<li>
 												<a href="/document-processing/word/conversions/word-to-pdf/net/Convert-Word-document-to-PDF-in-Console-application">Console</a>
 											</li>
-											<li>
-												<a href="/document-processing/word/conversions/word-to-pdf/net/Convert-Word-Document-to-PDF-in-ASP-NET-Core-WEB-API">ASP.NET Core Web API</a>
-											</li>
 											<li>
 												<a href="/document-processing/word/conversions/word-to-pdf/net/Convert-Word-Document-to-PDF-in-Azure">Azure</a>
 												<ul>
@@ -4219,9 +4342,6 @@
 											<li>
 												<a href="/document-processing/word/conversions/word-to-image/net/Convert-Word-document-to-Image-in-Console-application">Console</a>
 											</li>
-											<li>
-												<a href="/document-processing/word/conversions/word-to-image/net/Convert-Word-Document-to-Image-in-ASP-NET-Core-WEB-API">ASP.NET Core Web API</a>
-											</li>
 											<li>
 												<a href="/document-processing/word/conversions/word-to-image/net/Convert-Word-Document-to-Image-Azure">Azure</a>
 												<ul>
@@ -4289,12 +4409,6 @@
 							<li>
 								<a href="/document-processing/word/word-library/net/Support-File-Formats">Supported File Formats</a>
 							</li>
-							<li>
-								<a href="/document-processing/word/word-library/net/Feature-Matrix">Feature Matrix</a>
-							</li>
-							<li>
-						        <a href="/document-processing/word/word-library/net/Performance-metrics">Performance Metrics</a>
-					        </li>
 							<li>
 								<a href="/document-processing/word/word-library/net/FAQ">FAQs</a>
 								<ul>
@@ -4384,9 +4498,6 @@
 											<li>
 												<a href="/document-processing/word/conversions/word-to-pdf/net/Convert-Word-document-to-PDF-in-Console-application">Console</a>
 											</li>
-											<li>
-												<a href="/document-processing/word/conversions/word-to-pdf/net/Convert-Word-Document-to-PDF-in-ASP-NET-Core-WEB-API">ASP.NET Core Web API</a>
-											</li>
 											<li>
 												<a href="/document-processing/word/conversions/word-to-pdf/net/Convert-Word-Document-to-PDF-in-Azure">Azure</a>
 												<ul>
@@ -4440,9 +4551,6 @@
 									<li>
 							            <a href="/document-processing/word/conversions/word-to-pdf/net/Unsupported-elements-word-to-pdf">Unsupported Features</a>
 									</li>
-									<li>
-										<a href="/document-processing/word/conversions/word-to-pdf/net/Performance-metrics">Performance Metrics</a>
-									</li>
 									<li>
 									    <a href="/document-processing/word/conversions/word-to-pdf/net/Faqs-word-to-pdf">FAQs</a>
 										<ul>
@@ -4510,9 +4618,6 @@
 											<li>
 												<a href="/document-processing/word/conversions/word-to-image/net/Convert-Word-document-to-Image-in-Console-application">Console</a>
 											</li>
-											<li>
-												<a href="/document-processing/word/conversions/word-to-image/net/Convert-Word-Document-to-Image-in-ASP-NET-Core-WEB-API">ASP.NET Core Web API</a>
-											</li>
 											<li>
 												<a href="/document-processing/word/conversions/word-to-image/net/Convert-Word-Document-to-Image-Azure">Azure</a>
 												<ul>
@@ -4560,9 +4665,6 @@
 									<li>
 							            <a href="/document-processing/word/conversions/word-to-image/net/Unsupported-elements-word-to-image">Unsupported Features</a>
 									</li>
-									<li>
-										<a href="/document-processing/word/conversions/word-to-image/net/Performance-metrics">Performance Metrics</a>
-									</li>
 									<li>
 										<a href="/document-processing/word/conversions/word-to-image/net/Faqs-word-to-image">FAQs</a>
 										<ul>
@@ -5121,49 +5223,48 @@
 									</li>
 								</ul>
 							</li>
-							<li>Installation
+							<li>Installation<ul>
+								<li>Web Installer
 								<ul>
-									<li>Web Installer
-										<ul>
-											<li>
-												<a href="/document-processing/excel/excel-library/net/installation/web-installer/how-to-download">How to Download?</a>
-											</li>
-											<li>
-												<a href="/document-processing/excel/excel-library/net/installation/web-installer/how-to-install">How to Install?</a>
-											</li>
-										</ul>
+									<li>
+										<a href="/document-processing/excel/excel-library/net/installation/web-installer/how-to-download">How to Download?</a>
 									</li>
-									<li>Offline Installer
-										<ul>
-											<li>
-												<a href="/document-processing/excel/excel-library/net/installation/offline-installer/how-to-download">How to Download?</a>
-											</li>
-											<li>
-												<a href="/document-processing/excel/excel-library/net/installation/offline-installer/how-to-install">How to Install?</a>
-											</li>
-										</ul>
+									<li>
+										<a href="/document-processing/excel/excel-library/net/installation/web-installer/how-to-install">How to Install?</a>
 									</li>
-									<li>Mac Installer
-										<ul>
-											<li>
-												<a href="/document-processing/excel/excel-library/net/installation/mac-installer/how-to-download">How to Download?</a>
-											</li>
-											<li>
-												<a href="/document-processing/excel/excel-library/net/installation/mac-installer/how-to-install">How to Install?</a>
-											</li>
-										</ul>
+								</ul>
+								</li>
+								<li>Offline Installer
+								<ul>
+									<li>
+										<a href="/document-processing/excel/excel-library/net/installation/offline-installer/how-to-download">How to Download?</a>
 									</li>
-									<li>Linux Installer
-										<ul>
-											<li>
-												<a href="/document-processing/excel/excel-library/net/installation/linux-installer/how-to-download">How to Download?</a>
-											</li>
-											<li>
-												<a href="/document-processing/excel/excel-library/net/installation/linux-installer/how-to-install">How to Install?</a>
-											</li>
-										</ul>
+									<li>
+										<a href="/document-processing/excel/excel-library/net/installation/offline-installer/how-to-install">How to Install?</a>
 									</li>
 								</ul>
+								</li>
+								<li>Mac Installer
+								<ul>
+									<li>
+										<a href="/document-processing/excel/excel-library/net/installation/mac-installer/how-to-download">How to Download?</a>
+									</li>
+									<li>
+										<a href="/document-processing/excel/excel-library/net/installation/mac-installer/how-to-install">How to Install?</a>
+									</li>
+								</ul>
+								</li>
+								<li>Linux Installer
+								<ul>
+									<li>
+										<a href="/document-processing/excel/excel-library/net/installation/linux-installer/how-to-download">How to Download?</a>
+									</li>
+									<li>
+										<a href="/document-processing/excel/excel-library/net/installation/linux-installer/how-to-install">How to Install?</a>
+									</li>
+								</ul>
+								</li>
+								</ul>
 							</li>
 							<li>
 								<a href="/document-processing/excel/excel-library/net/document-object-model">Document Object Model</a>
@@ -5444,9 +5545,6 @@
 							<li>
 								<a href="/document-processing/excel/excel-library/net/Performance-Metrics">Performance Metrics</a>
 							</li>
-							<li>  
-								<a href="/document-processing/excel/excel-library/net/Linux">Linux</a>
-							</li>
 							<li>
 								<a href="/document-processing/excel/excel-library/net/faq">FAQ</a>
 								<ul>
@@ -5801,96 +5899,6 @@
 									<li>
 										<a href="/document-processing/excel/excel-library/net/faqs/how-to-avoid-conflicts-when-using-multiple-versions-of-Syncfusion-libraries">How to avoid conflicts when using multiple versions of Syncfusion libraries?</a>
 									</li>
-									<li>
-										<a href="/document-processing/excel/excel-library/net/faqs/does-xlsio-support-converting-an-xlsb-file-to-xlsx">Does XlsIO support converting an XLSB file to XLSX?</a>
-									</li>
-									<li>
-										<a href="/document-processing/excel/excel-library/net/faqs/can-xlsio-determine-PDF-page-count-before-Excel-to-PDF-conversion">Can XlsIO determine PDF page count before Excel to PDF conversion?</a>
-									</li>
-									<li>
-										<a href="/document-processing/excel/excel-library/net/faqs/how-many-hyperlinks-can-a-single-cell-contain-in-Excel">How many hyperlinks can a single cell contain in Excel?</a>
-									</li>
-									<li>
-										<a href="/document-processing/excel/excel-library/net/faqs/how-to-apply-custom-filtering-to-string-data-types-using-XlsIO">How to apply custom filtering to string data types using XlsIO?</a>
-									</li>
-									<li>
-										<a href="/document-processing/excel/excel-library/net/faqs/how-to-get-RGB-values-of-a-cells-background-color">How to get RGB values of a cell's background color?</a>
-									</li>
-									<li>
-										<a href="/document-processing/excel/excel-library/net/faqs/does-xlsio-support-opacity-or-transparency-for-cell-background-colors-in-Excel">Does XlsIO support opacity or transparency for cell background colors in Excel?</a>
-									</li>
-									<li>
-										<a href="/document-processing/excel/excel-library/net/faqs/does-xlsio-support-internal-links-when-converting-Excel-to-PDF">Does XlsIO support internal links when converting Excel to PDF?</a>
-									</li>
-									<li>
-										<a href="/document-processing/excel/excel-library/net/faqs/what-ExcelKnownColors-are-available-in-syncfusion-xlsio">What ExcelKnownColors are available in Syncfusion XlsIO?</a>
-									</li>
-									<li>
-										<a href="/document-processing/excel/excel-library/net/faqs/does-xlsio-support-autofit-for-merged-cells">Does XlsIO support autofit for merged cells?</a>
-									</li>
-									<li>
-										<a href="/document-processing/excel/excel-library/net/faqs/does-xlsio-support-multiple-markers-in-a-single-Excel-cell">Does XlsIO support multiple markers in a single Excel cell?</a>
-									</li>
-									<li>
-										<a href="/document-processing/excel/excel-library/net/faqs/does-xlsio-support-setting-row-height-for-individual-cells-in-Excel">Does XlsIO support setting row height for individual cells in Excel?</a>
-									</li>
-									<li>
-										<a href="/document-processing/excel/excel-library/net/faqs/how-to-access-the-built-in-properties-of-Excel-documents">How to access the built-in properties of Excel documents?</a>
-									</li>
-									<li>
-										<a href="/document-processing/excel/excel-library/net/faqs/how-to-get-the-column-width-and-row-height-in-pixels">How to get the column width and row height in pixels?</a>
-									</li>
-									<li>
-										<a href="/document-processing/excel/excel-library/net/faqs/does-xlsio-support-sensititivity-labels">Does XlsIO support sensitivity labels?</a>
-									</li>
-									<li>
-										<a href="/document-processing/excel/excel-library/net/faqs/how-to-set-hex-color-value-to-the-cell">How to set a hex color value for a cell?</a>
-									</li>
-									<li>
-										<a href="/document-processing/excel/excel-library/net/faqs/in-which-situation-we-use-EnablePartialTrustCode-property">When should use EnablePartialTrustCode property?</a>
-									</li>
-									<li>
-										<a href="/document-processing/excel/excel-library/net/faqs/does-xlsio-support-reading-Excel-from-azure-blob-storage">Does XlsIO support reading Excel from Azure Blob Storage?</a>
-									</li>
-									<li>
-										<a href="/document-processing/excel/excel-library/net/faqs/does-xlsio-support-auto-correcting formulas">Does XlsIO support auto-correcting formulas?</a>
-									</li>
-									<li>  
-										<a href="/document-processing/excel/excel-library/net/faqs/how-are-spaces-in-cell-values-handled-by-xlsio-during-calculation">How are spaces in cell values handled by XlsIO during calculation?</a>
-									</li>
-									<li>  
-										<a href="/document-processing/excel/excel-library/net/faqs/what-is-the-maximum-text-length-for-hyperlink-screentip-in-excel">What is the maximum text length for hyperlink ScreenTip in Excel?</a>
-									</li>
-									<li>  
-										<a href="/document-processing/excel/excel-library/net/faqs/does-xlsio-autofit-row-and-column-sizes-based-on-images">Does XlsIO autofit row and column sizes based on images?</a>
-									</li>
-									<li> 
-										<a href="/document-processing/excel/excel-library/net/faqs/does-xlsio-auto-adjust-chart-axis-minimum-and-maximum-values">Does XlsIO auto-adjust chart axis minimum and maximum values?</a>
-									</li>
-									<li>  
-										<a href="/document-processing/excel/excel-library/net/faqs/does-xlsio-prefix-pivot-table-calculated-field-headers-with-sum-of">Does XlsIO prefix PivotTable calculated field headers with Sum of?</a>
-									</li>
-									<li> 
-										<a href="/document-processing/excel/excel-library/net/faqs/can-pivot-tables-share-calculate-field-names">Can PivotTables share calculated field names?</a>
-									</li>
-									<li> 
-										<a href="/document-processing/excel/excel-library/net/faqs/what-are-the-naming-rules-for-named-ranges-in-Excel">What are the naming rules for named ranges in Excel?</a>
-									</li>
-									<li>
-										<a href="/document-processing/excel/excel-library/net/faqs/what-is-the-unit-of-row-height-and-column-width-in-Excel">What is the unit of row height and column width in Excel?</a>
-									</li>
-									<li>
-										<a href="/document-processing/excel/excel-library/net/faqs/how-to-apply-the-formatting-for-a-particular-column-while-importing-data-from-collection-objects">How to apply formatting to a specific column while importing data?</a>
-									</li>
-									<li>
-										<a href="/document-processing/excel/excel-library/net/faqs/how-to-align-the-image-inside-the-cell">How to align a picture inside a cell in an Excel worksheet?</a>
-									</li>
-									<li>
-										<a href="/document-processing/excel/excel-library/net/faqs/how-to-resolve-the-cannot-open-Pivot-table-source-file-error">How to resolve the cannot open pivot table source file error?</a>
-									</li>
-									<li>
-										<a href="/document-processing/excel/excel-library/net/faqs/how-to-extract-embedded-OLE-files-from-an-Excel-workbook-as-streams">How to extract embedded OLE files from an Excel workbook as streams?</a>
-									</li>
 								</ul>
 							</li>
 						</ul>
@@ -5922,7 +5930,7 @@
 										<a href="/document-processing/excel/conversions/excel-to-pdf/net/NuGet-Packages-Required-for-Excel-to-PDF">NuGet Packages Required</a>
 									</li>
 									<li>Getting Started
-										<ul>
+								<ul>
 											<li>
 												<a href="/document-processing/excel/conversions/excel-to-pdf/net/convert-excel-to-pdf-in-asp-net-core">ASP.NET Core</a>
 											</li>
@@ -6006,9 +6014,6 @@
 									<li>
 										<a href="/document-processing/excel/conversions/excel-to-pdf/net/Excel-to-PDF-Converter-Settings">Excel to PDF Converter Settings</a>
 									</li>
-									<li>
-										<a href="/document-processing/excel/conversions/excel-to-pdf/net/Performance-Metrics">Performance Metrics</a>
-									</li>
 									<li>
 										<a href="/document-processing/excel/conversions/excel-to-pdf/net/faq">FAQ</a>
 										<ul>
@@ -6018,7 +6023,7 @@
 											<li>
 												<a href="/document-processing/excel/conversions/excel-to-pdf/net/faqs/is-it-possible-to-use-skiasharp-version-different-than-xlsiorenderer">Is it possible to use skiasharp version different than XlsIORenderer?</a>
 											</li>
-											<li>
+                      									<li>
 												<a href="/document-processing/excel/conversions/excel-to-pdf/net/faqs/does-xlsio-support-background-image-preserved-in-excel-to-pdf-conversion">Does XlsIO support background image in Excel to PDF conversion?</a>
 											</li>
 										</ul>
@@ -6240,9 +6245,6 @@
 							<li>
 								<a href="/document-processing/powerpoint/powerpoint-library/net/Create-PowerPoint-in-Console-application">Console</a>
 							</li>
-							<li>
-								<a href="/document-processing/powerpoint/powerpoint-library/net/Create-PowerPoint-Presentation-in-ASP-NET-Core-WEB-API">ASP.NET Web API</a>
-							</li>
 							<li>
 								<a href="/document-processing/powerpoint/powerpoint-library/net/Create-PowerPoint-Presentation-in-Azure">Azure</a>
 								<ul>
@@ -6366,9 +6368,6 @@
 							<li>
 								<a href="/document-processing/powerpoint/powerpoint-library/net/Open-and-Save-PowerPoint-in-Console-application">Console</a>
 							</li>
-							<li>
-								<a href="/document-processing/powerpoint/powerpoint-library/net/Open-and-Save-PowerPoint-Presentation-in-ASP-NET-Core-WEB-API">ASP.NET Core Web API</a>
-							</li>
 							<li>
 								<a href="/document-processing/powerpoint/powerpoint-library/net/Open-and-Save-PowerPoint-Presentation-in-Azure">Azure</a>
 								<ul>
@@ -6557,9 +6556,6 @@
 							<li>
 								<a href="/document-processing/powerpoint/conversions/powerpoint-to-image/net/Convert-PowerPoint-to-Image-in-Console-application">Console</a>
 							</li>
-							<li>
-								<a href="/document-processing/powerpoint/conversions/powerpoint-to-image/net/Convert-PowerPoint-to-Image-in-ASP-NET-Core-Web-API">ASP.NET Core Web API</a>
-							</li>
 							<li>
 								<a href="/document-processing/powerpoint/conversions/powerpoint-to-image/net/Convert-PowerPoint-to-Image-in-Azure">Azure</a>
 								<ul>
@@ -6643,9 +6639,6 @@
 							<li>
 								<a href="/document-processing/powerpoint/conversions/powerpoint-to-pdf/net/Convert-PowerPoint-to-PDF-in-Console-application">Console</a>
 							</li>
-							<li>
-								<a href="/document-processing/powerpoint/conversions/powerpoint-to-pdf/net/Convert-PowerPoint-to-PDF-in-ASP-NET-Core-Web-API">ASP.NET Core Web API</a>
-							</li>
 							<li>
 								<a href="/document-processing/powerpoint/conversions/powerpoint-to-pdf/net/Convert-PowerPoint-to-PDF-in-Azure">Azure</a>
 								<ul>
@@ -6690,9 +6683,6 @@
 					<li>
 						<a href="/document-processing/powerpoint/powerpoint-library/net/Supported-and-Unsupported-Features">Supported and Unsupported Features</a>
 					</li>
-					<li>
-						<a href="/document-processing/powerpoint/powerpoint-library/net/Feature-Matrix">Feature Matrix</a>
-					</li>
 					<li>
 						<a href="/document-processing/powerpoint/powerpoint-library/net/FAQ">FAQs</a>
 						<ul>
@@ -6765,9 +6755,6 @@
 											<li>
 												<a href="/document-processing/powerpoint/conversions/powerpoint-to-pdf/net/Convert-PowerPoint-to-PDF-in-Console-application">Console</a>
 											</li>
-											<li>
-								                <a href="/document-processing/powerpoint/conversions/powerpoint-to-pdf/net/Convert-PowerPoint-to-PDF-in-ASP-NET-Core-Web-API">ASP.NET Core Web API</a>
-							                </li>
 											<li>
 												<a href="/document-processing/powerpoint/conversions/powerpoint-to-pdf/net/Convert-PowerPoint-to-PDF-in-Azure">Azure</a>
 												<ul>
@@ -6883,9 +6870,6 @@
 											<li>
 												<a href="/document-processing/powerpoint/conversions/powerpoint-to-image/net/Convert-PowerPoint-to-Image-in-Console-application">Console</a>
 											</li>
-											<li>
-												<a href="/document-processing/powerpoint/conversions/powerpoint-to-image/net/Convert-PowerPoint-to-Image-in-ASP-NET-Core-Web-API">ASP.NET Core Web API</a>
-											</li>
 											<li>
 												<a href="/document-processing/powerpoint/conversions/powerpoint-to-image/net/Convert-PowerPoint-to-Image-in-Azure">Azure</a>
 												<ul>
@@ -7039,13 +7023,7 @@
 		<ul>
 		    <li>
 				Weekly Nuget Release
-				<ul><li><a href="/document-processing/release-notes/v31.2.18">v31.2.18</a></li>
-					<li><a href="/document-processing/release-notes/v31.2.16">v31.2.16</a></li>
-				    <li><a href="/document-processing/release-notes/v31.2.15">v31.2.15</a></li>
-					<li><a href="/document-processing/release-notes/v31.2.10">v31.2.10</a></li>
-				    <li><a href="/document-processing/release-notes/v31.2.5">v31.2.5</a></li>
-					<li><a href="/document-processing/release-notes/v31.2.4">v31.2.4</a></li>
-					<li><a href="/document-processing/release-notes/v31.2.3">v31.2.3</a></li>
+				<ul>
 					<li><a href="/document-processing/release-notes/v31.1.23">v31.1.23</a></li>
 					<li><a href="/document-processing/release-notes/v31.1.22">v31.1.22</a></li>
 					<li><a href="/document-processing/release-notes/v31.1.21">v31.1.21</a></li>
diff --git a/Document-Processing/Excel/Conversions/Chart-to-Image/NET/Chart-to-Image-Conversion.md b/Document-Processing/Excel/Conversions/Chart-to-Image/NET/Chart-to-Image-Conversion.md
index 7e188b160..3a7e086e3 100644
--- a/Document-Processing/Excel/Conversions/Chart-to-Image/NET/Chart-to-Image-Conversion.md
+++ b/Document-Processing/Excel/Conversions/Chart-to-Image/NET/Chart-to-Image-Conversion.md
@@ -19,36 +19,30 @@ The following code snippet shows how to convert an Excel chart to an image using
 {% highlight c# tabtitle="C# [Cross-platform]" playgroundButtonLink="https://raw.githubusercontent.com/SyncfusionExamples/XlsIO-Examples/master/Chart%20to%20Image/Chart%20to%20Image/.NET/Chart%20to%20Image/Chart%20to%20Image/Program.cs,180" %}
 using (ExcelEngine excelEngine = new ExcelEngine())
 {
-  //Initialize application
-  IApplication application = excelEngine.Excel;
-
-  //Set the default version as Xlsx
-  application.DefaultVersion = ExcelVersion.Xlsx;
+	IApplication application = excelEngine.Excel;
+	application.DefaultVersion = ExcelVersion.Xlsx;
 
-  //Initialize XlsIORenderer
-  application.XlsIORenderer = new XlsIORenderer();
+	// Initialize XlsIORenderer
+	application.XlsIORenderer = new XlsIORenderer();
 
-  //Set converter chart image format to PNG or JPEG
-  application.XlsIORenderer.ChartRenderingOptions.ImageFormat = ExportImageFormat.Png;
+	//Set converter chart image format to PNG
+	application.XlsIORenderer.ChartRenderingOptions.ImageFormat = ExportImageFormat.Png;
 
-  //Set the chart image quality to best
-  application.XlsIORenderer.ChartRenderingOptions.ScalingMode = ScalingMode.Best;
+	FileStream inputStream = new FileStream(Path.GetFullPath(@"Data/InputTemplate.xlsx"), FileMode.Open, FileAccess.Read);
+	IWorkbook workbook = application.Workbooks.Open(inputStream);
+	IWorksheet worksheet = workbook.Worksheets[0];
 
-  //Open existing workbook with chart
-  IWorkbook workbook = application.Workbooks.Open(Path.GetFullPath(@"Data/InputTemplate.xlsx"));
-  IWorksheet worksheet = workbook.Worksheets[0];
-
-  //Access the chart from the worksheet
-  IChart chart = worksheet.Charts[0];
+	IChart chart = worksheet.Charts[0];
 
-  #region Save
-  //Exporting the chart as image
-  FileStream outputStream = new FileStream(Path.GetFullPath("Output/Image.png"), FileMode.Create, FileAccess.Write);
-  chart.SaveAsImage(outputStream);
-  #endregion
+	#region Save
+	//Saving the workbook
+	FileStream outputStream = new FileStream(Path.GetFullPath("Output/Image.png"), FileMode.Create, FileAccess.Write);
+	chart.SaveAsImage(outputStream);
+	#endregion
 
-  //Dispose streams
-  outputStream.Dispose();
+	//Dispose streams
+	outputStream.Dispose();
+	inputStream.Dispose();
 }
 {% endhighlight %}
 
diff --git a/Document-Processing/Excel/Conversions/Excel-to-PDF/NET/Performance-Metrics.md b/Document-Processing/Excel/Conversions/Excel-to-PDF/NET/Performance-Metrics.md
deleted file mode 100644
index 5a0d2a076..000000000
--- a/Document-Processing/Excel/Conversions/Excel-to-PDF/NET/Performance-Metrics.md
+++ /dev/null
@@ -1,46 +0,0 @@
----
-title: Performance Metrics for the Syncfusion Excel to PDF conversion
-description: This section provides benchmark results and performance metrics for converting Excel files to PDF using the Syncfusion Excel (XlsIO) library.
-platform: document-processing
-control: XlsIO
-documentation: UG
----
-
-# Performance Metrics for Excel to PDF Conversion
-
-The following benchmark demonstrates the performance of the Syncfusion Excel (XlsIO) library when converting a large Excel workbook—containing 100,000 rows and 50 columns with distinct data types such as text, date and time, numbers, booleans, and formulas—into a PDF.
-
-<table>
-  <tr>
-    <th>Data type</th>
-    <th>Time Taken (sec)</th>
-    <th>Sample Link</th>
-  </tr>
-  <tr>
-    <td>Text</td>
-    <td>121</td>    
-	<td><a href="https://github.com/SyncfusionExamples/XlsIO-Examples/tree/master/Performance%20Metrics/Excel%20to%20PDF/String%20Data%20Type/.NET/String%20Data%20Type">GitHub page</a></td>
-  </tr>
-  <tr>
-    <td>DateTime</td>
-    <td>112</td>
-	<td><a href="https://github.com/SyncfusionExamples/XlsIO-Examples/tree/master/Performance%20Metrics/Excel%20to%20PDF/DateTime%20Data%20Type/.NET/DateTime%20Data%20Type">GitHub page</a></td>
-  </tr>
-  <tr>
-    <td>Number</td>
-    <td>107</td>     
-	<td><a href="https://github.com/SyncfusionExamples/XlsIO-Examples/tree/master/Performance%20Metrics/Excel%20to%20PDF/Number%20Data%20Type/.NET/Number%20Data%20Type">GitHub page</a></td>
-  </tr>
-  <tr>
-    <td>Boolean</td>
-    <td>83</td>   
-    <td><a href="https://github.com/SyncfusionExamples/XlsIO-Examples/tree/master/Performance%20Metrics/Excel%20to%20PDF/Boolean%20Data%20Type/.NET/Boolean%20Data%20Type">GitHub page</a></td>
-  </tr>
-  <tr>
-    <td>Formula</td>
-    <td>104</td>        
-    <td><a href="https://github.com/SyncfusionExamples/XlsIO-Examples/tree/master/Performance%20Metrics/Excel%20to%20PDF/Formula%20Data%20Type/.NET/Formula%20Data%20Type">GitHub page</a></td>
-  </tr>
-</table>            
-
-You can find the sample used for Excel to PDF conversion performance evaluation on <a href="https://github.com/SyncfusionExamples/XlsIO-Examples/tree/master/Performance%20Metrics/Excel%20to%20PDF">this GitHub page</a>.
diff --git a/Document-Processing/Excel/Excel-Library/NET/Performance-Metrics.md b/Document-Processing/Excel/Excel-Library/NET/Performance-Metrics.md
index 70c829cc3..2e251a196 100644
--- a/Document-Processing/Excel/Excel-Library/NET/Performance-Metrics.md
+++ b/Document-Processing/Excel/Excel-Library/NET/Performance-Metrics.md
@@ -1,6 +1,6 @@
 ---
-title: Performance Metrics for Syncfusion Excel (XlsIO) Library
-description: This section provides benchmark results and insights into the performance capabilities of the Syncfusion Excel (XlsIO) library across various operations.
+title: Performance Metrics of the Syncfusion Excel (XlsIO) Library
+description: This section provides an overview of the performance capabilities of the Syncfusion Excel (XlsIO) Library.
 platform: document-processing
 control: XlsIO
 documentation: UG
@@ -8,79 +8,180 @@ documentation: UG
 
 # Performance Metrics in Excel (XlsIO) Library
 
-This section evaluates the performance of the Syncfusion Excel (XlsIO) library when handling text, date and time, number, boolean, and formula data types during operations such as reading and creating Excel documents.
+This section evaluates the performance of the Syncfusion XlsIO library when handling String, DateTime, Number, Boolean, and Formula data types during operations such as opening, reading, creating, and saving Excel files. It provides insights into the efficiency and capabilities of XlsIO for processing these data types across various platforms.
+
+## Open and Read
+
+The table below illustrates the performance of data types for open operations.
+
+<table>
+  <tr>
+    <th>Data types</th>
+    <th>Test case Matrix (Open)</th>
+    <th>XlsIO (ms)</th>
+    <th>Sample</th>
+  </tr>
+  <tr>
+    <td>String</td>
+    <td>150 rows * 10000 columns</td>
+    <td>2213</td>    
+    <td><a href="https://github.com/SyncfusionExamples/XlsIO-Examples/tree/master/Performance%20Metrics/Open/String%20Data%20Type/.NET/String%20Data%20Type">GitHub page</a></td>
+  </tr>
+  <tr>
+    <td>DateTime</td>
+    <td>150 rows * 10000 columns</td>
+    <td>1369</td>
+    <td><a href="https://github.com/SyncfusionExamples/XlsIO-Examples/tree/master/Performance%20Metrics/Open/DateTime%20Data%20Type/.NET/DateTime%20Data%20Type">GitHub page</a></td>
+  </tr>
+  <tr>
+    <td>Number</td>
+    <td>150 rows * 10000 columns</td>
+    <td>1151</td>     
+    <td><a href="https://github.com/SyncfusionExamples/XlsIO-Examples/tree/master/Performance%20Metrics/Open/Number%20Data%20Type/.NET/Number%20Data%20Type">GitHub page</a></td>
+  </tr>
+  <tr>
+    <td>Boolean</td>
+    <td>150 rows * 10000 columns</td>
+    <td>1173</td>   
+    <td><a href="https://github.com/SyncfusionExamples/XlsIO-Examples/tree/master/Performance%20Metrics/Open/Boolean%20Data%20Type/.NET/Boolean%20Data%20Type">GitHub page</a></td>
+  </tr>
+  <tr>
+    <td>Formula</td>
+    <td>150 rows * 10000 columns</td>
+    <td>1545</td>        
+    <td><a href="https://github.com/SyncfusionExamples/XlsIO-Examples/tree/master/Performance%20Metrics/Open/Formula%20Data%20Type/.NET/Formula%20Data%20Type">GitHub page</a></td>
+  </tr>
+</table>            
+
+You can find the sample used for open operation performance evaluation on <a href="https://github.com/SyncfusionExamples/XlsIO-Examples/tree/master/Performance%20Metrics/Open">this GitHub page</a>.
+
+The table below illustrates the performance of data types for read operations.
+
+<table>
+  <tr>
+    <th>Data types</th>
+    <th>Test case Matrix (Read)</th>
+    <th>XlsIO (ms)</th>
+    <th>Sample</th>
+  </tr>
+  <tr>
+    <td>String</td>
+    <td>150 rows * 10000 columns</td>
+    <td>139</td>    
+    <td><a href="https://github.com/SyncfusionExamples/XlsIO-Examples/tree/master/Performance%20Metrics/Read/String%20Data%20Type/.NET/String%20Data%20Type">GitHub page</a></td>
+  </tr>
+  <tr>
+    <td>DateTime</td>
+    <td>150 rows * 10000 columns</td>
+    <td>506</td>    
+    <td><a href="https://github.com/SyncfusionExamples/XlsIO-Examples/tree/master/Performance%20Metrics/Read/DateTime%20Data%20Type/.NET/DateTime%20Data%20Type">GitHub page</a></td>
+  </tr>
+  <tr>
+    <td>Number</td>
+    <td>150 rows * 10000 columns</td>
+    <td>294</td>   
+    <td><a href="https://github.com/SyncfusionExamples/XlsIO-Examples/tree/master/Performance%20Metrics/Read/Number%20Data%20Type/.NET/Number%20Data%20Type">GitHub page</a></td>
+  </tr>
+  <tr>
+    <td>Boolean</td>
+    <td>150 rows * 10000 columns</td>
+    <td>99</td>    
+    <td><a href="https://github.com/SyncfusionExamples/XlsIO-Examples/tree/master/Performance%20Metrics/Read/Boolean%20Data%20Type/.NET/Boolean%20Data%20Type">GitHub page</a></td>
+  </tr>
+  <tr>
+    <td>Formula</td>
+    <td>150 rows * 10000 columns</td>
+    <td>165</td>    
+    <td><a href="https://github.com/SyncfusionExamples/XlsIO-Examples/tree/master/Performance%20Metrics/Read/Formula%20Data%20Type/.NET/Formula%20Data%20Type">GitHub page</a></td>
+  </tr>
+</table>
+           
+You can find the sample used for read operation performance evaluation on <a href="https://github.com/SyncfusionExamples/XlsIO-Examples/tree/master/Performance%20Metrics/Read">this GitHub page</a>.
 
 ## Create and Save
 
-The table below illustrates the performance of creating and saving an Excel document containing 100,000 rows and 50 columns for different data types.
+The table below illustrates the performance of data types for create operations.
 
-<table> 
+<table>
   <tr>
-    <th>Data type</th>
-    <th>Time Taken (sec)</th>
-    <th>Sample Link</th>
+    <th>Data types</th>
+    <th>Test case Matrix (Create)</th>
+    <th>XlsIO (ms)</th>
+    <th>Sample</th>
   </tr>
   <tr>
-    <td>Text</td>
-    <td>13</td>   
+    <td>String</td>
+    <td>150 rows * 10000 columns</td>
+    <td>1177</td>   
     <td><a href="https://github.com/SyncfusionExamples/XlsIO-Examples/tree/master/Performance%20Metrics/Create/String%20Data%20Type/.NET/String%20Data%20Type">GitHub page</a></td>
   </tr>
   <tr>
     <td>DateTime</td>
-    <td>15</td>  
+    <td>150 rows * 10000 columns</td>
+    <td>2301</td>  
     <td><a href="https://github.com/SyncfusionExamples/XlsIO-Examples/tree/master/Performance%20Metrics/Create/DateTime%20Data%20Type/.NET/DateTime%20Data%20Type">GitHub page</a></td>
   </tr>
   <tr>
     <td>Number</td>
-    <td>5</td>    
+    <td>150 rows * 10000 columns</td>
+    <td>436</td>    
     <td><a href="https://github.com/SyncfusionExamples/XlsIO-Examples/tree/master/Performance%20Metrics/Create/Number%20Data%20Type/.NET/Number%20Data%20Type">GitHub page</a></td>
   </tr>
   <tr>
     <td>Boolean</td>
-    <td>5</td>     
+    <td>150 rows * 10000 columns</td>
+    <td>422</td>     
     <td><a href="https://github.com/SyncfusionExamples/XlsIO-Examples/tree/master/Performance%20Metrics/Create/Boolean%20Data%20Type/.NET/Boolean%20Data%20Type">GitHub page</a></td>
   </tr>
   <tr>
     <td>Formula</td>
-    <td>35</td>    
+    <td>150 rows * 10000 columns</td>
+    <td>4089</td>    
     <td><a href="https://github.com/SyncfusionExamples/XlsIO-Examples/tree/master/Performance%20Metrics/Create/Formula%20Data%20Type/.NET/Formula%20Data%20Type">GitHub page</a></td>
   </tr>
 </table>
+                
+You can find the sample used for create operation performance evaluation on <a href="https://github.com/SyncfusionExamples/XlsIO-Examples/tree/master/Performance%20Metrics/Create">this GitHub page</a>.
 
-## Load and Read
-
-The table below illustrates the performance of loading and reading cell values from an Excel document with 100,000 rows and 50 columns for different data types.
+The table below illustrates the performance of data types for save operations.
 
 <table>
   <tr>
-    <th>Data type</th>
-    <th>Time Taken (sec)</th>
-    <th>Sample Link</th>
+    <th>Data types</th>
+    <th>Test case Matrix (Save)</th>
+    <th>XlsIO (ms)</th>
+    <th>Sample</th>
   </tr>
   <tr>
-    <td>Text</td>
-    <td>9</td>    
-    <td><a href="https://github.com/SyncfusionExamples/XlsIO-Examples/tree/master/Performance%20Metrics/Open/String%20Data%20Type/.NET/String%20Data%20Type">GitHub page</a></td>
+    <td>String</td>
+    <td>150 rows * 10000 columns</td>
+    <td>1422</td>    
+    <td><a href="https://github.com/SyncfusionExamples/XlsIO-Examples/tree/master/Performance%20Metrics/Save/String%20Data%20Type/.NET/String%20Data%20Type">GitHub page</a></td>
   </tr>
   <tr>
     <td>DateTime</td>
-    <td>5</td>
-    <td><a href="https://github.com/SyncfusionExamples/XlsIO-Examples/tree/master/Performance%20Metrics/Open/DateTime%20Data%20Type/.NET/DateTime%20Data%20Type">GitHub page</a></td>
+    <td>150 rows * 10000 columns</td>
+    <td>1270</td>   
+    <td><a href="https://github.com/SyncfusionExamples/XlsIO-Examples/tree/master/Performance%20Metrics/Save/DateTime%20Data%20Type/.NET/DateTime%20Data%20Type">GitHub page</a></td>
   </tr>
   <tr>
     <td>Number</td>
-    <td>6</td>     
-    <td><a href="https://github.com/SyncfusionExamples/XlsIO-Examples/tree/master/Performance%20Metrics/Open/Number%20Data%20Type/.NET/Number%20Data%20Type">GitHub page</a></td>
+    <td>150 rows * 10000 columns</td>
+    <td>916</td>     
+    <td><a href="https://github.com/SyncfusionExamples/XlsIO-Examples/tree/master/Performance%20Metrics/Save/Number%20Data%20Type/.NET/Number%20Data%20Type">GitHub page</a></td>
   </tr>
   <tr>
     <td>Boolean</td>
-    <td>4</td>   
-    <td><a href="https://github.com/SyncfusionExamples/XlsIO-Examples/tree/master/Performance%20Metrics/Open/Boolean%20Data%20Type/.NET/Boolean%20Data%20Type">GitHub page</a></td>
+    <td>150 rows * 10000 columns</td>
+    <td>781</td>     
+    <td><a href="https://github.com/SyncfusionExamples/XlsIO-Examples/tree/master/Performance%20Metrics/Save/Boolean%20Data%20Type/.NET/Boolean%20Data%20Type">GitHub page</a></td>
   </tr>
   <tr>
     <td>Formula</td>
-    <td>9</td>        
-    <td><a href="https://github.com/SyncfusionExamples/XlsIO-Examples/tree/master/Performance%20Metrics/Open/Formula%20Data%20Type/.NET/Formula%20Data%20Type">GitHub page</a></td>
+    <td>150 rows * 10000 columns</td>
+    <td>1222</td>    
+    <td><a href="https://github.com/SyncfusionExamples/XlsIO-Examples/tree/master/Performance%20Metrics/Save/Formula%20Data%20Type/.NET/Formula%20Data%20Type">GitHub page</a></td>
   </tr>
-</table>            
-
+</table>
+                
+You can find the sample used for save operation performance evaluation on <a href="https://github.com/SyncfusionExamples/XlsIO-Examples/tree/master/Performance%20Metrics/Save">this GitHub page</a>.
\ No newline at end of file
diff --git a/Document-Processing/Excel/Excel-Library/NET/Slicer.md b/Document-Processing/Excel/Excel-Library/NET/Slicer.md
index b6e94db29..9b76a0334 100644
--- a/Document-Processing/Excel/Excel-Library/NET/Slicer.md
+++ b/Document-Processing/Excel/Excel-Library/NET/Slicer.md
@@ -255,102 +255,6 @@ slicer.SlicerStyle = ExcelSlicerStyle.SlicerStyleDark2
 {% endhighlight %}
 {% endtabs %}
 
-### Select a Slicer Item
-
-The following example shows how to select items in a slicer.
-
-{% tabs %}
-{% highlight c# tabtitle="C# [Cross-platform]" %}
-ISlicer slicer = sheet.Slicers[0];
-ISlicerCache cache = slicer.SlicerCache;
-cache.SlicerCacheItems[0].IsSelected = true;
-{% endhighlight %}
-
-{% highlight c# tabtitle="C# [Windows-specific]" %}
-ISlicer slicer = sheet.Slicers[0];
-ISlicerCache cache = slicer.SlicerCache;
-cache.SlicerCacheItems[0].IsSelected = true;
-{% endhighlight %}
-
-{% highlight vb.net tabtitle="VB.NET [Windows-specific]" %}
-Dim slicer As ISlicer = sheet.Slicers(0)
-Dim cache As ISlicerCache = slicer.SlicerCache
-cache.SlicerCacheItems(0).IsSelected = True
-{% endhighlight %}
-{% endtabs %}
-
-### Select slicer filter type
-
-The following example shows how to select the slicer filter type.
-
-{% tabs %}
-{% highlight c# tabtitle="C# [Cross-platform]" %}
-ISlicer slicer = sheet.Slicers[0];
-ISlicerCache cache = slicer.SlicerCache;
-cache.CrossFilterType = SlicerCrossFilterType.ShowItemsWithDataAtTop;
-{% endhighlight %}
-
-{% highlight c# tabtitle="C# [Windows-specific]" %}
-ISlicer slicer = sheet.Slicers[0];
-ISlicerCache cache = slicer.SlicerCache;
-cache.CrossFilterType = SlicerCrossFilterType.ShowItemsWithDataAtTop;
-{% endhighlight %}
-
-{% highlight vb.net tabtitle="VB.NET [Windows-specific]" %}
-Dim slicer As ISlicer = sheet.Slicers(0)
-Dim cache As ISlicerCache = slicer.SlicerCache
-cache.CrossFilterType = SlicerCrossFilterType.ShowItemsWithDataAtTop
-{% endhighlight %}
-{% endtabs %}
-
-### Sort the slicer items
-
-The following example shows how to sort the slicer items.
-
-{% tabs %}
-{% highlight c# tabtitle="C# [Cross-platform]" %}
-ISlicer slicer = sheet.Slicers[0];
-ISlicerCache cache = slicer.SlicerCache;
-cache.IsAscending = true;
-{% endhighlight %}
-
-{% highlight c# tabtitle="C# [Windows-specific]" %}
-ISlicer slicer = sheet.Slicers[0];
-ISlicerCache cache = slicer.SlicerCache;
-cache.IsAscending = true;
-{% endhighlight %}
-
-{% highlight vb.net tabtitle="VB.NET [Windows-specific]" %}
-Dim slicer As ISlicer = sheet.Slicers(0)
-Dim cache As ISlicerCache = slicer.SlicerCache
-cache.IsAscending = True
-{% endhighlight %}
-{% endtabs %}
-
-### Sort the slicer items using Custom list sorting option
-
-The following example shows how to sort the slicer items using Custom list sorting option
-
-{% tabs %}
-{% highlight c# tabtitle="C# [Cross-platform]" %}
-ISlicer slicer = sheet.Slicers[0];
-ISlicerCache cache = slicer.SlicerCache;
-cache.UseCustomListSorting = true;
-{% endhighlight %}
-
-{% highlight c# tabtitle="C# [Windows-specific]" %}
-ISlicer slicer = sheet.Slicers[0];
-ISlicerCache cache = slicer.SlicerCache;
-cache.UseCustomListSorting = true;
-{% endhighlight %}
-
-{% highlight vb.net tabtitle="VB.NET [Windows-specific]" %}
-Dim slicer As ISlicer = sheet.Slicers(0)
-Dim cache As ISlicerCache = slicer.SlicerCache
-cache.UseCustomListSorting = True
-{% endhighlight %}
-{% endtabs %}
-
 The following code snippet illustrates how to format an existing slicer with all the above discussed properties. 
 
 {% tabs %}
@@ -397,19 +301,6 @@ using (ExcelEngine excelEngine = new ExcelEngine())
 
   //Slicer style
   slicer.SlicerStyle = ExcelSlicerStyle.SlicerStyleDark2;
-  
-  //Select the slicer item
-  ISlicerCache cache = slicer.SlicerCache;
-  cache.SlicerCacheItems[0].IsSelected = true;
-
-  //Set the slicer filter type
-  cache.CrossFilterType = SlicerCrossFilterType.ShowItemsWithDataAtTop;
-
-  //Sort the slicer items in ascending order
-  cache.IsAscending = true;
-
-  //Custom list sorting
-  cache.UseCustomListSorting = true;
 
   workbook.SaveAs("Output.xlsx");
 }
@@ -458,19 +349,6 @@ using (ExcelEngine excelEngine = new ExcelEngine())
 
   //Slicer style
   slicer.SlicerStyle = ExcelSlicerStyle.SlicerStyleDark2;
-  
-  //Select the slicer item
-  ISlicerCache cache = slicer.SlicerCache;
-  cache.SlicerCacheItems[0].IsSelected = true;
-
-  //Set the slicer filter type
-  cache.CrossFilterType = SlicerCrossFilterType.ShowItemsWithDataAtTop;
-
-  //Sort the slicer items in ascending order
-  cache.IsAscending = true;
-
-  //Custom list sorting
-  cache.UseCustomListSorting = true;
 
   workbook.SaveAs("Output.xlsx");
 }
@@ -518,19 +396,6 @@ Using excelEngine As ExcelEngine = New ExcelEngine
 
   'Slicer style
   slicer.SlicerStyle = ExcelSlicerStyle.SlicerStyleDark2
-  
-  'Select the slicer item
-  Dim cache As ISlicerCache = slicer.SlicerCache
-  cache.SlicerCacheItems(0).IsSelected = True
-
-  'Set the slicer filter type
-  cache.CrossFilterType = SlicerCrossFilterType.ShowItemsWithDataAtTop
-
-  'Sort the slicer items in ascending order
-  cache.IsAscending = True
-
-  'Custom list sorting
-  cache.UseCustomListSorting = True
 
   workbook.SaveAs("Output.xlsx")
 End Using
diff --git a/Document-Processing/Excel/Excel-Library/NET/Working-with-Cell-or-Range-Formatting.md b/Document-Processing/Excel/Excel-Library/NET/Working-with-Cell-or-Range-Formatting.md
index 4c0e33bea..89a094af2 100644
--- a/Document-Processing/Excel/Excel-Library/NET/Working-with-Cell-or-Range-Formatting.md
+++ b/Document-Processing/Excel/Excel-Library/NET/Working-with-Cell-or-Range-Formatting.md
@@ -919,52 +919,6 @@ workbook.DetectDateTimeInValue = False
 {% endhighlight %}
 {% endtabs %}  
 
-N> To display the **$** symbol, apply a currency or accounting number format. Using a number format without any currency symbol does not show any currency symbol in the value.
-
-{% tabs %}
-{% highlight c# tabtitle="C# [Cross-platform]" %}
-//Plain number format
-sheet.Range["A1"].Number = 100;
-sheet.Range["A1"].NumberFormat = "0.00";  //shows 100.00
-
-//Currency format
-sheet.Range["A2"].Number = 1234.56;
-sheet.Range["A2"].NumberFormat = "$#,##0.00";  //shows $1,234.56
-
-//Accounting format
-sheet.Range["A3"].Number = 234;
-sheet.Range["A3"].NumberFormat = "_($* #,##0.00_)";  //shows $   234.00
-{% endhighlight %}
-
-{% highlight c# tabtitle="C# [Windows-specific]" %}
-//Plain number format
-sheet.Range["A1"].Number = 100;
-sheet.Range["A1"].NumberFormat = "0.00";  //shows 100.00
-
-//Currency format
-sheet.Range["A2"].Number = 1234.56;
-sheet.Range["A2"].NumberFormat = "$#,##0.00";  //shows $1,234.56
-
-//Accounting format
-sheet.Range["A3"].Number = 234;
-sheet.Range["A3"].NumberFormat = "_($* #,##0.00_)";  //shows $   234.00
-{% endhighlight %}
-
-{% highlight vb.net tabtitle="VB.NET [Windows-specific]" %}
-'Plain Number format
-sheet.Range("A1").Number = 100
-sheet.Range("A1").NumberFormat = "0.00"   'shows 100.00
-
-'Currency format
-sheet.Range("A2").Number = 1234.56
-sheet.Range("A2").NumberFormat = "$#,##0.00"   'shows $1,234.56
-
-'Accounting format
-sheet.Range("A3").Number = 234
-sheet.Range("A3").NumberFormat = "_($* #,##0.00_)"   'shows $   234.00
-{% endhighlight %}
-{% endtabs %}
-
 ##  Number Format Detection Behavior Based on System Culture
 
 In Microsoft Excel, when a value is inserted, the system's culture settings determine whether the value is interpreted as a [Text](https://help.syncfusion.com/cr/document-processing/Syncfusion.XlsIO.IRange.html#Syncfusion_XlsIO_IRange_Text) or [Number](https://help.syncfusion.com/cr/document-processing/Syncfusion.XlsIO.IRange.html#Syncfusion_XlsIO_IRange_Number). If it is a valid number according to the current culture, Excel automatically detects and applies a corresponding number format.
@@ -2172,4 +2126,4 @@ A complete working example to apply rich text formatting in C# is present on [th
 
 The output of the previous code is shown as follows:
 
-![Excel document with rich-text formatting](Working-with-Cell-or-Range-Formatting_images/Working-with-Cell-or-Range-Formatting_img6.jpeg)
+![Excel document with rich-text formatting](Working-with-Cell-or-Range-Formatting_images/Working-with-Cell-or-Range-Formatting_img6.jpeg)
\ No newline at end of file
diff --git a/Document-Processing/Excel/Excel-Library/NET/Working-with-Conditional-Formatting.md b/Document-Processing/Excel/Excel-Library/NET/Working-with-Conditional-Formatting.md
index 1edddb8bd..acf8c522a 100644
--- a/Document-Processing/Excel/Excel-Library/NET/Working-with-Conditional-Formatting.md
+++ b/Document-Processing/Excel/Excel-Library/NET/Working-with-Conditional-Formatting.md
@@ -10,9 +10,6 @@ documentation: UG
 
 Conditional formatting allows to format the contents of a cell dynamically. This can be defined and applied in XlsIO through the [IConditionalFormat](https://help.syncfusion.com/cr/document-processing/Syncfusion.XlsIO.IConditionalFormat.html) interface.
 
-To quickly learn How to Apply Conditional Formatting in Excel Using .NET Excel Library, check out this video:
-{% youtube "https://www.youtube.com/watch?v=S1lkNLV70hc" %}
-
 ## Create a Conditional Format 
 
 The [IConditionalFormats](https://help.syncfusion.com/cr/document-processing/Syncfusion.XlsIO.IConditionalFormats.html) represents a collection of conditional formats for a single [IRange](https://help.syncfusion.com/cr/document-processing/Syncfusion.XlsIO.IRange.html). One or more conditional formats can be added to the range as follows.
diff --git a/Document-Processing/Excel/Excel-Library/NET/Working-with-Formulas.md b/Document-Processing/Excel/Excel-Library/NET/Working-with-Formulas.md
index 44c1a0a09..58e5472b1 100644
--- a/Document-Processing/Excel/Excel-Library/NET/Working-with-Formulas.md
+++ b/Document-Processing/Excel/Excel-Library/NET/Working-with-Formulas.md
@@ -10,9 +10,6 @@ keywords: c#, vb.net, excel, read excel, edit excel, edit excel cell, excel form
 
 [Formulas](https://support.microsoft.com/en-gb/office/overview-of-formulas-in-excel-ecfdc708-9162-49e8-b993-c311f47ca173?redirectsourcepath=%252fen-us%252farticle%252foverview-of-formulas-7abfda78-eff3-4cc6-b4a7-6350d512d2dc) are entries in Excel that have equations, by which values are calculated. A typical formula might contain cell references, constants, and even functions. 
 
-To quickly learn How to Work with Formulas in an Excel Using the .NET Excel Library, check out this video:
-{% youtube "https://www.youtube.com/watch?v=SjHcYYvVSF4" %}
-
 ## Enable and Disable Calculation
 
 To perform calculation in an Excel workbook, it is recommended to invoke [EnableSheetCalculations](https://help.syncfusion.com/cr/document-processing/Syncfusion.XlsIO.IWorksheet.html#Syncfusion_XlsIO_IWorksheet_EnableSheetCalculations) method of [IWorksheet](https://help.syncfusion.com/cr/document-processing/Syncfusion.XlsIO.IWorksheet.html). Enabling this method will initialize [CalcEngine](https://help.syncfusion.com/document-processing/excel/excel-library/net/working-with-formulas#calculation-engine) objects and retrieves calculated values of formulas in a worksheet. 
diff --git a/Document-Processing/Excel/Excel-Library/NET/Worksheet/Page-Setup-Options.md b/Document-Processing/Excel/Excel-Library/NET/Worksheet/Page-Setup-Options.md
index 66a89a2ca..947905787 100644
--- a/Document-Processing/Excel/Excel-Library/NET/Worksheet/Page-Setup-Options.md
+++ b/Document-Processing/Excel/Excel-Library/NET/Worksheet/Page-Setup-Options.md
@@ -1024,118 +1024,4 @@ End Using
 {% endhighlight %}
 {% endtabs %}
 
-A complete working example to add headers and footers in an Excel document using C# is present on [this GitHub page.](https://github.com/SyncfusionExamples/XlsIO-Examples/tree/master/Worksheet%20Features/Header%20and%20Footer/.NET/Header%20and%20Footer)
-
-## Paper Size  
-
-The <a href="https://help.syncfusion.com/cr/document-processing/Syncfusion.XlsIO.Interfaces.IPageSetupBase.html#Syncfusion_XlsIO_Interfaces_IPageSetupBase_PaperSize">PaperSize</a> functionality allows you to specify the paper size for worksheet.
-
-The following code snippet shows how to use PaperSize.
-
-{% tabs %}   
-{% highlight c# tabtitle="C# [Cross-platform]" playgroundButtonLink="https://raw.githubusercontent.com/SyncfusionExamples/XlsIO-Examples/master/Worksheet%20Features/PaperSize/.NET/PaperSize/PaperSize/Program.cs,180" %}
-using (ExcelEngine excelEngine = new ExcelEngine())
-{
-  IApplication application = excelEngine.Excel;
-  application.DefaultVersion = ExcelVersion.Xlsx;
-  IWorkbook workbook = application.Workbooks.Open(Path.GetFullPath(@"Data/InputTemplate.xlsx"));
-  IWorksheet worksheet = workbook.Worksheets[0];
-
-  //Set the paper size to A4 
-  worksheet.PageSetup.PaperSize = ExcelPaperSize.PaperA4;
-
-  //Saving the workbook
-  workbook.SaveAs(Path.GetFullPath("Output/Output.xlsx"));
-}
-{% endhighlight %}
-
-{% highlight c# tabtitle="C# [Windows-specific]" %}
-using (ExcelEngine excelEngine = new ExcelEngine())
-{
-  IApplication application = excelEngine.Excel;
-  application.DefaultVersion = ExcelVersion.Xlsx;
-  IWorkbook workbook = application.Workbooks.Open("InputTemplate.xlsx");
-  IWorksheet worksheet = workbook.Worksheets[0];
-
-  //Set the paper size to A4 
-  worksheet.PageSetup.PaperSize = ExcelPaperSize.PaperA4;
-
-  //Saving the workbook
-  workbook.SaveAs("Output.xlsx");
-}
-{% endhighlight %}
-
-{% highlight vb.net tabtitle="VB.NET [Windows-specific]" %}
-Using excelEngine As ExcelEngine = New ExcelEngine()
-  Dim application As IApplication = excelEngine.Excel
-  application.DefaultVersion = ExcelVersion.Xlsx
-  Dim workbook As IWorkbook = application.Workbooks.Open("InputTemplate.xlsx")
-  Dim worksheet As IWorksheet = workbook.Worksheets(0)
-
-  'Set the paper size to A4 
-  worksheet.PageSetup.PaperSize = ExcelPaperSize.PaperA4
-
-  'Saving the workbook
-  workbook.SaveAs("Output.xlsx")
-End Using
-{% endhighlight %}
-{% endtabs %}
-
-A complete working example to set the paper size in C# is present on <a href="https://github.com/SyncfusionExamples/XlsIO-Examples/tree/master/Worksheet%20Features/PaperSize/.NET/PaperSize">this GitHub page</a>.
-
-## Orientation  
-
-The <a href="https://help.syncfusion.com/cr/document-processing/Syncfusion.XlsIO.Interfaces.IPageSetupBase.html#Syncfusion_XlsIO_Interfaces_IPageSetupBase_Orientation">Orientation</a> functionality allows you to specify the orientation for worksheet.
-
-The following code snippet shows how to use Orientation.
-
-{% tabs %}   
-{% highlight c# tabtitle="C# [Cross-platform]" playgroundButtonLink="https://raw.githubusercontent.com/SyncfusionExamples/XlsIO-Examples/master/Worksheet%20Features/Orientation/.NET/Orientation/Orientation/Program.cs,180" %}
-using (ExcelEngine excelEngine = new ExcelEngine())
-{
-  IApplication application = excelEngine.Excel;
-  application.DefaultVersion = ExcelVersion.Xlsx;
-  IWorkbook workbook = application.Workbooks.Open(Path.GetFullPath(@"Data/InputTemplate.xlsx"));
-  IWorksheet worksheet = workbook.Worksheets[0];
-
-  //Set the page orientation 
-  worksheet.PageSetup.Orientation = ExcelPageOrientation.Landscape;
-
-  //Saving the workbook
-  workbook.SaveAs(Path.GetFullPath("Output/Output.xlsx"));
-}
-{% endhighlight %}
-
-{% highlight c# tabtitle="C# [Windows-specific]" %}
-using (ExcelEngine excelEngine = new ExcelEngine())
-{
-  IApplication application = excelEngine.Excel;
-  application.DefaultVersion = ExcelVersion.Xlsx;
-  IWorkbook workbook = application.Workbooks.Open("InputTemplate.xlsx");
-  IWorksheet worksheet = workbook.Worksheets[0];
-
-  //Set the page orientation
-  worksheet.PageSetup.Orientation = ExcelPageOrientation.Landscape;
-
-  //Saving the workbook
-  workbook.SaveAs("Output.xlsx");
-}
-{% endhighlight %}
-
-{% highlight vb.net tabtitle="VB.NET [Windows-specific]" %}
-Using excelEngine As ExcelEngine = New ExcelEngine()
-  Dim application As IApplication = excelEngine.Excel
-  application.DefaultVersion = ExcelVersion.Xlsx
-  Dim workbook As IWorkbook = application.Workbooks.Open("InputTemplate.xlsx")
-  Dim worksheet As IWorksheet = workbook.Worksheets(0)
-
-  'Set the page orientation
-  worksheet.PageSetup.Orientation = ExcelPageOrientation.Landscape
-
-  'Saving the workbook
-  workbook.SaveAs("Output.xlsx")
-End Using
-{% endhighlight %}
-{% endtabs %}
-
-A complete working example to set the page orientation in C# is present on <a href="https://github.com/SyncfusionExamples/XlsIO-Examples/tree/master/Worksheet%20Features/Orientation/.NET/Orientation">this GitHub page</a>.
\ No newline at end of file
+A complete working example to add headers and footers in an Excel document using C# is present on [this GitHub page.](https://github.com/SyncfusionExamples/XlsIO-Examples/tree/master/Worksheet%20Features/Header%20and%20Footer/.NET/Header%20and%20Footer)
\ No newline at end of file
diff --git a/Document-Processing/Excel/Excel-Library/NET/create-read-edit-excel-files-in-aws-lambda.md b/Document-Processing/Excel/Excel-Library/NET/create-read-edit-excel-files-in-aws-lambda.md
index ebe6e825f..26a5cafae 100644
--- a/Document-Processing/Excel/Excel-Library/NET/create-read-edit-excel-files-in-aws-lambda.md
+++ b/Document-Processing/Excel/Excel-Library/NET/create-read-edit-excel-files-in-aws-lambda.md
@@ -222,9 +222,17 @@ using (ExcelEngine excelEngine = new ExcelEngine())
   worksheet.Range["A9:A14"].RowHeight = 15;
   worksheet.Range["A15:A23"].RowHeight = 18;  
   
-  MemoryStream stream = new MemoryStream();
+  //Saving the Excel to the MemoryStream 
+  MemoryStream stream = new MemoryStream();  
   workbook.SaveAs(stream);
-  return Convert.ToBase64String(stream.ToArray());
+  
+  //Set the position as '0'.
+  stream.Position = 0;
+  
+  //Download the Excel file in the browser
+  FileStreamResult fileStreamResult = new FileStreamResult(stream, "application/excel");  
+  fileStreamResult.FileDownloadName = "Output.xlsx";  
+  return fileStreamResult;
 }
 
 {% endhighlight %}
diff --git a/Document-Processing/Excel/Excel-Library/NET/faqs/can-pivot-tables-share-calculate-field-names.md b/Document-Processing/Excel/Excel-Library/NET/faqs/can-pivot-tables-share-calculate-field-names.md
deleted file mode 100644
index 7b98e3a68..000000000
--- a/Document-Processing/Excel/Excel-Library/NET/faqs/can-pivot-tables-share-calculate-field-names.md
+++ /dev/null
@@ -1,204 +0,0 @@
----
-title: Calculated field naming across PivotTables | Syncfusion
-description: This page explains whether multiple PivotTables can use calculated fields with the same name in Syncfusion .NET Excel library (XlsIO).
-platform: document-processing
-control: XlsIO
-documentation: UG
----
-
-# Can PivotTables have the same name for multiple calculated fields?
-
-In **Microsoft Excel**, calculated fields are scoped to the pivot cache, not to individual PivotTables. 
-
-This means:
-
-* **If multiple PivotTables share the same cache**
-    * Calculated fields with the same name cannot be defined. Excel reuses the existing field from the cache, and its formula cannot be redefined independently.
-    * Calculated fields with different names can be defined, and they will be available to all PivotTables that share that cache.
-
-* **If PivotTables use separate caches (even if the source data is identical)**
-    * Calculated fields with the same name or with different names can be defined. Each cache maintains its own calculated field collection, so there is no conflict.
-
-**Syncfusion XlsIO** follows the same cache scoped behavior:
-* With a shared cache, calculated field names must be unique.
-* With separate caches, calculated field names can be identical or different.
-
-The following examples illustrate calculated field naming across PivotTables in C# (cross-platform and Windows-specific) and VB.NET.
-
-{% tabs %}                                          
-{% highlight c# tabtitle="C# [Cross-platform]" playgroundButtonLink="https://raw.githubusercontent.com/SyncfusionExamples/XlsIO-Examples/master/FAQ/Pivot%20Tables%20Calculated%20Field%20Names/.NET/PivotTablesCalculatedFieldNames/PivotTablesCalculatedFieldNames/Program.cs,180" %}
-using (ExcelEngine excelEngine = new ExcelEngine())
-{
-    IApplication application = excelEngine.Excel;
-    application.DefaultVersion = ExcelVersion.Xlsx;
-    IWorkbook workbook = application.Workbooks.Create(3);
-    IWorksheet dataSheet = workbook.Worksheets[0];
-    IWorksheet pivotSheet1 = workbook.Worksheets[1];
-    IWorksheet pivotSheet2 = workbook.Worksheets[2];
-
-    //Add sample data
-    dataSheet.Range["A1"].Text = "Product";
-    dataSheet.Range["B1"].Text = "Sales";
-    dataSheet.Range["C1"].Text = "Cost";
-
-    dataSheet.Range["A2"].Text = "Laptop";
-    dataSheet.Range["B2"].Number = 5000;
-    dataSheet.Range["C2"].Number = 3000;
-
-    dataSheet.Range["A3"].Text = "Tablet";
-    dataSheet.Range["B3"].Number = 3000;
-    dataSheet.Range["C3"].Number = 2000;
-
-    dataSheet.Range["A4"].Text = "Phone";
-    dataSheet.Range["B4"].Number = 4000;
-    dataSheet.Range["C4"].Number = 2500;
-
-    //CASE 1: Shared pivot cache - calculated field names must be unique
-    IPivotCache sharedCache = workbook.PivotCaches.Add(dataSheet["A1:C4"]);
-
-    IPivotTable pivot1 = pivotSheet1.PivotTables.Add("Pivot1", pivotSheet1["A1"], sharedCache);
-    pivot1.Fields[0].Axis = PivotAxisTypes.Row;
-    pivot1.DataFields.Add(pivot1.Fields[1], "Total Sales", PivotSubtotalTypes.Sum);
-    pivot1.CalculatedFields.Add("Profit", "Sales - Cost");
-
-    IPivotTable pivot2 = pivotSheet1.PivotTables.Add("Pivot2", pivotSheet1["F1"], sharedCache);
-    pivot2.Fields[0].Axis = PivotAxisTypes.Row;
-    pivot2.DataFields.Add(pivot2.Fields[2], "Total Cost", PivotSubtotalTypes.Sum);
-    pivot2.CalculatedFields.Add("Margin", "Sales - Cost");
-
-    //CASE 2: Separate pivot caches - identical or different calculated field names are allowed
-    IPivotTable pivot3 = pivotSheet2.PivotTables.Add("Pivot3", pivotSheet2["A1"],
-    workbook.PivotCaches.Add(dataSheet["A1:C4"]));
-    pivot3.Fields[0].Axis = PivotAxisTypes.Row;
-    pivot3.DataFields.Add(pivot3.Fields[1], "Total Sales", PivotSubtotalTypes.Sum);
-    pivot3.CalculatedFields.Add("Profit", "Sales - Cost");
-
-    IPivotTable pivot4 = pivotSheet2.PivotTables.Add("Pivot4", pivotSheet2["F1"],
-    workbook.PivotCaches.Add(dataSheet["A1:C4"]));
-    pivot4.Fields[0].Axis = PivotAxisTypes.Row;
-    pivot4.DataFields.Add(pivot4.Fields[2], "Total Cost", PivotSubtotalTypes.Sum);
-    pivot4.CalculatedFields.Add("Profit", "Sales - Cost");
-
-    //Saving the workbook
-    workbook.SaveAs(Path.GetFullPath(@"Output/Output.xlsx"));
-}
-{% endhighlight %}
-
-{% highlight c# tabtitle="C# [Windows-specific]" %} 
-using (ExcelEngine excelEngine = new ExcelEngine())
-{
-    IApplication application = excelEngine.Excel;
-    application.DefaultVersion = ExcelVersion.Xlsx;
-    IWorkbook workbook = application.Workbooks.Create(3);
-    IWorksheet dataSheet = workbook.Worksheets[0];
-    IWorksheet pivotSheet1 = workbook.Worksheets[1];
-    IWorksheet pivotSheet2 = workbook.Worksheets[2];
-
-    //Add sample data
-    dataSheet.Range["A1"].Text = "Product";
-    dataSheet.Range["B1"].Text = "Sales";
-    dataSheet.Range["C1"].Text = "Cost";
-
-    dataSheet.Range["A2"].Text = "Laptop";
-    dataSheet.Range["B2"].Number = 5000;
-    dataSheet.Range["C2"].Number = 3000;
-
-    dataSheet.Range["A3"].Text = "Tablet";
-    dataSheet.Range["B3"].Number = 3000;
-    dataSheet.Range["C3"].Number = 2000;
-
-    dataSheet.Range["A4"].Text = "Phone";
-    dataSheet.Range["B4"].Number = 4000;
-    dataSheet.Range["C4"].Number = 2500;
-
-    //CASE 1: Shared pivot cache - calculated field names must be unique
-    IPivotCache sharedCache = workbook.PivotCaches.Add(dataSheet["A1:C4"]);
-
-    IPivotTable pivot1 = pivotSheet1.PivotTables.Add("Pivot1", pivotSheet1["A1"], sharedCache);
-    pivot1.Fields[0].Axis = PivotAxisTypes.Row;
-    pivot1.DataFields.Add(pivot1.Fields[1], "Total Sales", PivotSubtotalTypes.Sum);
-    pivot1.CalculatedFields.Add("Profit", "Sales - Cost");
-
-    IPivotTable pivot2 = pivotSheet1.PivotTables.Add("Pivot2", pivotSheet1["F1"], sharedCache);
-    pivot2.Fields[0].Axis = PivotAxisTypes.Row;
-    pivot2.DataFields.Add(pivot2.Fields[2], "Total Cost", PivotSubtotalTypes.Sum);
-    pivot2.CalculatedFields.Add("Margin", "Sales - Cost");
-
-    //CASE 2: Separate pivot caches - identical or different calculated field names are allowed
-    IPivotTable pivot3 = pivotSheet2.PivotTables.Add("Pivot3", pivotSheet2["A1"],
-    workbook.PivotCaches.Add(dataSheet["A1:C4"]));
-    pivot3.Fields[0].Axis = PivotAxisTypes.Row;
-    pivot3.DataFields.Add(pivot3.Fields[1], "Total Sales", PivotSubtotalTypes.Sum);
-    pivot3.CalculatedFields.Add("Profit", "Sales - Cost");
-
-    IPivotTable pivot4 = pivotSheet2.PivotTables.Add("Pivot4", pivotSheet2["F1"],
-    workbook.PivotCaches.Add(dataSheet["A1:C4"]));
-    pivot4.Fields[0].Axis = PivotAxisTypes.Row;
-    pivot4.DataFields.Add(pivot4.Fields[2], "Total Cost", PivotSubtotalTypes.Sum);
-    pivot4.CalculatedFields.Add("Profit", "Sales - Cost");
-
-    //Saving the workbook
-    workbook.SaveAs("Output.xlsx");
-}
-{% endhighlight %}
-
-{% highlight vb.net tabtitle="VB.NET [Windows-specific]" %}
-Using excelEngine As New ExcelEngine()
-    Dim application As IApplication = excelEngine.Excel
-    application.DefaultVersion = ExcelVersion.Xlsx
-
-    Dim workbook As IWorkbook = application.Workbooks.Create(3)
-    Dim dataSheet As IWorksheet = workbook.Worksheets(0)
-    Dim pivotSheet1 As IWorksheet = workbook.Worksheets(1)
-    Dim pivotSheet2 As IWorksheet = workbook.Worksheets(2)
-
-    ' Add sample data
-    dataSheet.Range("A1").Text = "Product"
-    dataSheet.Range("B1").Text = "Sales"
-    dataSheet.Range("C1").Text = "Cost"
-
-    dataSheet.Range("A2").Text = "Laptop"
-    dataSheet.Range("B2").Number = 5000
-    dataSheet.Range("C2").Number = 3000
-
-    dataSheet.Range("A3").Text = "Tablet"
-    dataSheet.Range("B3").Number = 3000
-    dataSheet.Range("C3").Number = 2000
-
-    dataSheet.Range("A4").Text = "Phone"
-    dataSheet.Range("B4").Number = 4000
-    dataSheet.Range("C4").Number = 2500
-
-    'CASE 1: Shared pivot cache - calculated field names must be unique
-    Dim sharedCache As IPivotCache = workbook.PivotCaches.Add(dataSheet.Range("A1:C4"))
-
-    Dim pivot1 As IPivotTable = pivotSheet1.PivotTables.Add("Pivot1", pivotSheet1.Range("A1"), sharedCache)
-    pivot1.Fields(0).Axis = PivotAxisTypes.Row
-    pivot1.DataFields.Add(pivot1.Fields(1), "Total Sales", PivotSubtotalTypes.Sum)
-    pivot1.CalculatedFields.Add("Profit", "Sales - Cost")
-
-    Dim pivot2 As IPivotTable = pivotSheet1.PivotTables.Add("Pivot2", pivotSheet1.Range("F1"), sharedCache)
-    pivot2.Fields(0).Axis = PivotAxisTypes.Row
-    pivot2.DataFields.Add(pivot2.Fields(2), "Total Cost", PivotSubtotalTypes.Sum)
-    pivot2.CalculatedFields.Add("Margin", "Sales - Cost")
-
-    'CASE 2: Separate pivot caches - identical or different calculated field names are allowed
-    Dim pivot3 As IPivotTable = pivotSheet2.PivotTables.Add("Pivot3", pivotSheet2.Range("A1"),
-    workbook.PivotCaches.Add(dataSheet.Range("A1:C4")))
-    pivot3.Fields(0).Axis = PivotAxisTypes.Row
-    pivot3.DataFields.Add(pivot3.Fields(1), "Total Sales", PivotSubtotalTypes.Sum)
-    pivot3.CalculatedFields.Add("Profit", "Sales - Cost")
-
-    Dim pivot4 As IPivotTable = pivotSheet2.PivotTables.Add("Pivot4", pivotSheet2.Range("F1"),
-    workbook.PivotCaches.Add(dataSheet.Range("A1:C4")))
-    pivot4.Fields(0).Axis = PivotAxisTypes.Row
-    pivot4.DataFields.Add(pivot4.Fields(2), "Total Cost", PivotSubtotalTypes.Sum)
-    pivot4.CalculatedFields.Add("Profit", "Sales - Cost")
-
-    'Saving the workbook
-    workbook.SaveAs("Output.xlsx")
-End Using
-{% endhighlight %}
-{% endtabs %}
-
-A complete working example to demonstrate calculated field naming across PivotTables using C# is present on <a href="https://github.com/SyncfusionExamples/XlsIO-Examples/tree/master/FAQ/Pivot%20Tables%20Calculated%20Field%20Names/.NET/PivotTablesCalculatedFieldNames">this GitHub page</a>.  
diff --git a/Document-Processing/Excel/Excel-Library/NET/faqs/can-xlsio-determine-PDF-page-count-before-Excel-to-PDF-conversion.md b/Document-Processing/Excel/Excel-Library/NET/faqs/can-xlsio-determine-PDF-page-count-before-Excel-to-PDF-conversion.md
deleted file mode 100644
index 16da732ac..000000000
--- a/Document-Processing/Excel/Excel-Library/NET/faqs/can-xlsio-determine-PDF-page-count-before-Excel-to-PDF-conversion.md
+++ /dev/null
@@ -1,11 +0,0 @@
----
-title: XlsIO support for page count before PDF conversion | Syncfusion
-description: This page explains whether Syncfusion XlsIO can determine the total number of pages of the PDF file before Excel to PDF conversion.
-platform: document-processing
-control: XlsIO
-documentation: UG
----
-
-# Can XlsIO determine PDF page count before Excel to PDF conversion?
-
-No. XlsIO does not support determining the page count of the PDF document before Excel to PDF conversion. The final page count depends on factors such as print settings, page layout, scaling options, and content distribution. These elements can only be assessed during the conversion process, so calculating the page count in advance is not possible.
\ No newline at end of file
diff --git a/Document-Processing/Excel/Excel-Library/NET/faqs/does-xlsio-auto-adjust-chart-axis-minimum-and-maximum-values.md b/Document-Processing/Excel/Excel-Library/NET/faqs/does-xlsio-auto-adjust-chart-axis-minimum-and-maximum-values.md
deleted file mode 100644
index 50c10f753..000000000
--- a/Document-Processing/Excel/Excel-Library/NET/faqs/does-xlsio-auto-adjust-chart-axis-minimum-and-maximum-values.md
+++ /dev/null
@@ -1,13 +0,0 @@
----
-title: Chart axis auto-adjust in XlsIO | Syncfusion
-description: This page explains whether Syncfusion XlsIO supports auto adjustment of chart axis values using Syncfusion .NET Excel library (XlsIO).
-platform: document-processing 
-control: XlsIO 
-documentation: UG
----
-
-# Does XlsIO auto-adjust chart axis minimum and maximum values?
-
-No. In Microsoft Excel, if the axis maximum value is lower than the minimum value, Excel automatically adjusts the minimum value (for example, a minimum of 1.25 and maximum of 0 may yield a minimum like -10).  XlsIO does not support this auto adjustment of chart axis values. When configuring chart axes, ensure that the maximum value is greater than the minimum value.   
- 
-For details on setting chart axis minimum and maximum values in XlsIO, see the <a href="https://help.syncfusion.com/document-processing/excel/excel-library/net/charts/chart-axis#axis-settings">Chart Axis Settings</a>.
\ No newline at end of file
diff --git a/Document-Processing/Excel/Excel-Library/NET/faqs/does-xlsio-autofit-row-and-column-sizes-based-on-images.md b/Document-Processing/Excel/Excel-Library/NET/faqs/does-xlsio-autofit-row-and-column-sizes-based-on-images.md
deleted file mode 100644
index a90349a05..000000000
--- a/Document-Processing/Excel/Excel-Library/NET/faqs/does-xlsio-autofit-row-and-column-sizes-based-on-images.md
+++ /dev/null
@@ -1,11 +0,0 @@
----
-title: Row and column autofit with images in XlsIO | Syncfusion 
-description: This page explains whether Syncfusion XlsIO supports autofitting row height and column width based on images using Syncfusion .NET Excel library (XlsIO).
-platform: document-processing 
-control: XlsIO 
-documentation: UG
----
-
-# Does XlsIO autofit row and column sizes based on images?
-
-No. In Microsoft Excel, the **Autofit** functionality adjusts row height and column width based on cell content only; it does not autofit sizes based on images. Syncfusion XlsIO follows the same behavior.
\ No newline at end of file
diff --git a/Document-Processing/Excel/Excel-Library/NET/faqs/does-xlsio-prefix-pivot-table-calculated-field-headers-with-sum-of.md b/Document-Processing/Excel/Excel-Library/NET/faqs/does-xlsio-prefix-pivot-table-calculated-field-headers-with-sum-of.md
deleted file mode 100644
index fe3244be3..000000000
--- a/Document-Processing/Excel/Excel-Library/NET/faqs/does-xlsio-prefix-pivot-table-calculated-field-headers-with-sum-of.md
+++ /dev/null
@@ -1,11 +0,0 @@
----
-title: PivotTable calculated field header prefix in XlsIO | Syncfusion 
-description: This page explains whether Syncfusion XlsIO prefixes PivotTable calculated field headers with "Sum of" when adding a calculated field.
-platform: document-processing 
-control: XlsIO 
-documentation: UG
----
-
-# Does XlsIO prefix PivotTable calculated field headers with "Sum of"?
-
-Yes. When a calculated field is added to a PivotTable, Microsoft Excel automatically prefixes the column header with **Sum of** before the original name. For example, a field named **Profit** becomes **Sum of Profit**. XlsIO follows the same behavior to remain consistent with Excel.
\ No newline at end of file
diff --git a/Document-Processing/Excel/Excel-Library/NET/faqs/does-xlsio-support-converting-an-xlsb-file-to-xlsx.md b/Document-Processing/Excel/Excel-Library/NET/faqs/does-xlsio-support-converting-an-xlsb-file-to-xlsx.md
deleted file mode 100644
index 6613de80a..000000000
--- a/Document-Processing/Excel/Excel-Library/NET/faqs/does-xlsio-support-converting-an-xlsb-file-to-xlsx.md
+++ /dev/null
@@ -1,56 +0,0 @@
----
-title: Convert XLSB to XLSX using XlsIO | Syncfusion
-description: This page explains how to convert an XLSB file to XLSX with the Syncfusion .NET Excel (XlsIO) library. 
-platform: document-processing
-control: XlsIO
-documentation: UG
----
-
-# Does XlsIO support converting an XLSB file to XLSX?
-
-Yes. XlsIO supports converting an XLSB file to XLSX; however, the conversion is limited to cell values and cell styles. 
-
-The example below shows how to convert an XLSB file to an XLSX file.
-
-{% tabs %}  
-{% highlight c# tabtitle="C# [Cross-platform]" %}
-using (ExcelEngine excelEngine = new ExcelEngine())
-{
-    IApplication application = excelEngine.Excel;
-    application.DefaultVersion = ExcelVersion.Xlsx;
-
-    //Open an existing XLSB file
-    IWorkbook workbook = application.Workbooks.Open("Sample.xlsb");
-
-    //Save the file as XLSX
-    workbook.SaveAs("Output.xlsx");
-}
-{% endhighlight %}
-
-{% highlight c# tabtitle="C# [Windows-specific]" %}
-using (ExcelEngine excelEngine = new ExcelEngine())
-{
-    IApplication application = excelEngine.Excel;
-    application.DefaultVersion = ExcelVersion.Xlsx;
-
-    //Open an existing XLSB file
-    IWorkbook workbook = application.Workbooks.Open("Sample.xlsb");
-
-    //Save the file as XLSX
-    workbook.SaveAs("Output.xlsx");
-}
-{% endhighlight %}
-
-{% highlight vb.net tabtitle="VB.NET [Windows-specific]" %}
-Using excelEngine As New ExcelEngine()
-    Dim application As IApplication = excelEngine.Excel
-    application.DefaultVersion = ExcelVersion.Xlsx
-
-    ' Open an existing XLSB file
-    Dim workbook As IWorkbook = application.Workbooks.Open("Sample.xlsb")
-
-    ' Save the file as XLSX
-    workbook.SaveAs("Output.xlsx")
-End Using
-{% endhighlight %}
-{% endtabs %}
\ No newline at end of file
diff --git a/Document-Processing/Excel/Excel-Library/NET/faqs/does-xlsio-support-internal-links-when-converting-Excel-to-PDF.md b/Document-Processing/Excel/Excel-Library/NET/faqs/does-xlsio-support-internal-links-when-converting-Excel-to-PDF.md
deleted file mode 100644
index fdd3c01a8..000000000
--- a/Document-Processing/Excel/Excel-Library/NET/faqs/does-xlsio-support-internal-links-when-converting-Excel-to-PDF.md
+++ /dev/null
@@ -1,11 +0,0 @@
----
-title: Support for internal links when converting Excel to PDF | Syncfusion
-description: This page explains whether Syncfusion XlsIO supports internal links when converting Excel to PDF using Syncfusion .NET Excel library (XlsIO).
-platform: document-processing
-control: XlsIO
-documentation: UG
----
-
-# Does XlsIO support internal links when converting Excel to PDF?
-
-No. As per Microsoft Excel behavior, internal links within a worksheet are not retained when exported to PDF. Similarly, XlsIO does not support adding internal links in the converted PDF document.
\ No newline at end of file
diff --git a/Document-Processing/Excel/Excel-Library/NET/faqs/does-xlsio-support-opacity-or-transparency-for-cell-background-colors-in-Excel.md b/Document-Processing/Excel/Excel-Library/NET/faqs/does-xlsio-support-opacity-or-transparency-for-cell-background-colors-in-Excel.md
deleted file mode 100644
index 82ce72ea8..000000000
--- a/Document-Processing/Excel/Excel-Library/NET/faqs/does-xlsio-support-opacity-or-transparency-for-cell-background-colors-in-Excel.md
+++ /dev/null
@@ -1,21 +0,0 @@
----
-title: Transparency support for cell background color | Syncfusion
-description: Learn whether Syncfusion XlsIO supports setting Opacity or transparency for cell background colors in Excel.
-platform: document-processing
-control: XlsIO
-documentation: UG
----
-
-# XlsIO support for cell background color transparency in Excel    
-
-XlsIO does not support opacity or transparency for cell background colors in Excel.
-
-While the XlsIO API allows setting alpha (transparency) values for cell background colors, Microsoft Excel does not support rendering transparent cell fills. Excel silently discards the alpha component during rendering and file saving. As a result, any transparency value set in XlsIO will be ignored, and Excel will apply only the RGB portion of the color. 
-
-**For example:**
-~~~
-worksheet.Range["A1"].CellStyle.Color = Color.FromArgb(128, 255, 0, 0) //(50% transparent red)
-worksheet.Range["A2"].CellStyle.Color = Color.FromArgb(255, 255, 0, 0) //(solid red)
-~~~
-
-Both render identically in Excel as solid red. While XlsIO accepts ARGB inputs, the alpha component has no effect due to Excel's inherent limitations. Only the RGB portion of the color is applied.
diff --git a/Document-Processing/Excel/Excel-Library/NET/faqs/how-are-spaces-in-cell-values-handled-by-xlsio-during-calculation.md b/Document-Processing/Excel/Excel-Library/NET/faqs/how-are-spaces-in-cell-values-handled-by-xlsio-during-calculation.md
deleted file mode 100644
index 9735d0177..000000000
--- a/Document-Processing/Excel/Excel-Library/NET/faqs/how-are-spaces-in-cell-values-handled-by-xlsio-during-calculation.md
+++ /dev/null
@@ -1,11 +0,0 @@
----
-title: Handling spaces in Excel calculations | Syncfusion 
-description: This page explains how Microsoft Excel and Syncfusion XlsIO handle leading and trailing spaces in cell values during calculation and display. 
-platform: document-processing 
-control: XlsIO 
-documentation: UG
----
-
-# How are spaces in cell values handled by XlsIO during calculation?
-
-In Microsoft Excel, leading and trailing spaces in cell values are preserved for display purposes. However, when performing calculations (for example, **=A1+5** where A1 contains **" 25 "** with spaces), Excel automatically ignores those spaces and treats the underlying numeric value. Spaces are always shown in the cell but ignored in calculations. Syncfusion XlsIO follows the same behavior.
\ No newline at end of file
diff --git a/Document-Processing/Excel/Excel-Library/NET/faqs/how-many-hyperlinks-can-a-single-cell-contain-in-Excel.md b/Document-Processing/Excel/Excel-Library/NET/faqs/how-many-hyperlinks-can-a-single-cell-contain-in-Excel.md
deleted file mode 100644
index b88b1a059..000000000
--- a/Document-Processing/Excel/Excel-Library/NET/faqs/how-many-hyperlinks-can-a-single-cell-contain-in-Excel.md
+++ /dev/null
@@ -1,11 +0,0 @@
----
-title: Hyperlinks in a single cell in Excel | Syncfusion
-description: Learn about how many hyperlinks can a single cell contain in Excel using Syncfusion .NET Excel library (XlsIO).
-platform: document-processing
-control: XlsIO
-documentation: UG
----
-
-# How many hyperlinks can a single cell contain in Excel?
-
-In Microsoft Excel, a single cell can contain only **one hyperlink**. It is not possible to assign multiple hyperlinks to the same cell. This limitation applies when working with Excel manually or programmatically using the Syncfusion .NET Excel library (XlsIO).
diff --git a/Document-Processing/Excel/Excel-Library/NET/faqs/how-to-align-the-image-inside-the-cell.md b/Document-Processing/Excel/Excel-Library/NET/faqs/how-to-align-the-image-inside-the-cell.md
deleted file mode 100644
index cb22aa130..000000000
--- a/Document-Processing/Excel/Excel-Library/NET/faqs/how-to-align-the-image-inside-the-cell.md
+++ /dev/null
@@ -1,105 +0,0 @@
----
-title: Align a picture inside a cell in an Excel worksheet | Syncfusion
-description: Learn how to align an image precisely within a worksheet cell using the Syncfusion .NET Excel (XlsIO) library, including positioning, fitting to the cell.
-platform: document-processing
-control: XlsIO
-documentation: UG
----
-
-# How to align a picture inside a cell in an Excel worksheet?
-
-Image can be aligned in the cell as required using the **TopRowOffset** and **LeftColumnOffset** properties of **ShapeImpl** instance. The following example shows how to align a picture inside a worksheet cell using the Syncfusion .NET Excel (XlsIO) library.
-
-{% tabs %}  
-{% highlight c# tabtitle="C# [Cross-platform]" %}
-using (ExcelEngine excelEngine = new ExcelEngine())
-{
-    IApplication application = excelEngine.Excel;
-    application.DefaultVersion = ExcelVersion.Xlsx;
-    IWorkbook workbook = application.Workbooks.Create(1);
-    IWorksheet worksheet = workbook.Worksheets[0];
-
-    int row = 2;
-    int column = 3;
-
-    //Adding a picture
-    FileStream imageStream = new FileStream("../../../Data/Image.png", FileMode.Open, FileAccess.Read);
-    IPictureShape shape = worksheet.Pictures.AddPicture(row, column, imageStream);
-
-    //Insert the image into the cell 
-    (shape as ShapeImpl).Height = worksheet.GetRowHeightInPixels(row);
-    (shape as ShapeImpl).Width = worksheet.GetColumnWidthInPixels(column);
-
-    //Algin the image inside the cell
-    (shape as ShapeImpl).TopRowOffset = 50;
-    (shape as ShapeImpl).LeftColumnOffset = 50;
-
-    #region Save
-    //Saving the workbook
-    workbook.SaveAs("../../../Output/Picture.xlsx");
-    #endregion
-
-    //Dispose streams
-    imageStream.Dispose();
-}
-{% endhighlight %}
-
-{% highlight c# tabtitle="C# [Windows-specific]" %}
-using (ExcelEngine excelEngine = new ExcelEngine())
-{
-    IApplication application = excelEngine.Excel;
-    application.DefaultVersion = ExcelVersion.Xlsx;
-    IWorkbook workbook = application.Workbooks.Create(1);
-    IWorksheet worksheet = workbook.Worksheets[0];
-
-    int row = 2;
-    int column = 3;
-
-    //Adding a picture
-    string image = "../../Data/Image.png";
-    IPictureShape shape = worksheet.Pictures.AddPicture(row, column, image);
-
-    // Insert the image into the cell 
-    (shape as ShapeImpl).Height = worksheet.GetRowHeightInPixels(row);
-    (shape as ShapeImpl).Width = worksheet.GetColumnWidthInPixels(column);
-
-    //Algin the image inside the cell
-    (shape as ShapeImpl).TopRowOffset = 50;
-    (shape as ShapeImpl).LeftColumnOffset = 50;
-
-    #region Save
-    //Saving the workbook
-    workbook.SaveAs("../../Output/Picture.xlsx");
-    #endregion
-}
-{% endhighlight %}
-
-{% highlight vb.net tabtitle="VB.NET [Windows-specific]" %}
- Using excelEngine As New ExcelEngine()
-     Dim application As IApplication = excelEngine.Excel
-     application.DefaultVersion = ExcelVersion.Xlsx
-
-     Dim workbook As IWorkbook = application.Workbooks.Create(1)
-     Dim worksheet As IWorksheet = workbook.Worksheets(0)
-
-     Dim row As Integer = 2
-     Dim column As Integer = 3
-
-     ' Adding a picture
-     Dim image As String = "../../Data/Image.png"
-     Dim shape As IPictureShape = worksheet.Pictures.AddPicture(row, column, image)
-
-     ' Insert the image into the cell
-     Dim impl As ShapeImpl = CType(shape, ShapeImpl)
-     impl.Height = worksheet.GetRowHeightInPixels(row)
-     impl.Width = worksheet.GetColumnWidthInPixels(column)
-
-     ' Align the image inside the cell
-     impl.TopRowOffset = 50
-     impl.LeftColumnOffset = 50
-
-     ' Save
-     workbook.SaveAs("../../Output/Picture.xlsx")
- End Using
-{% endhighlight %}
-{% endtabs %}  
diff --git a/Document-Processing/Excel/Excel-Library/NET/faqs/how-to-apply-custom-filtering-to-string-data-types-using-XlsIO.md b/Document-Processing/Excel/Excel-Library/NET/faqs/how-to-apply-custom-filtering-to-string-data-types-using-XlsIO.md
deleted file mode 100644
index 427c13e6f..000000000
--- a/Document-Processing/Excel/Excel-Library/NET/faqs/how-to-apply-custom-filtering-to-string-data-types-using-XlsIO.md
+++ /dev/null
@@ -1,80 +0,0 @@
----
-title: Apply custom filtering to string data types using XlsIO | Syncfusion
-description: Code example to apply custom filtering to string data types using Syncfusion .NET Excel library (XlsIO).
-platform: document-processing
-control: XlsIO
-documentation: UG
----
-
-# How to apply custom filtering to string data types using XlsIO?
-
-The following code snippets illustrate how to apply custom filtering to string data types in C# (cross-platform and Windows-specific) and VB.NET.
-
-{% tabs %}                                                                                       
-{% highlight c# tabtitle="C# [Cross-platform]" playgroundButtonLink="https://raw.githubusercontent.com/SyncfusionExamples/XlsIO-Examples/master/FAQ/Filtering/.NET/Custom%20Filter%20String%20Type/CustomFilterStringType/Program.cs,180" %}
-using (ExcelEngine excelEngine = new ExcelEngine())
-{
-    IApplication application = excelEngine.Excel;
-    application.DefaultVersion = ExcelVersion.Xlsx;
-    IWorkbook workbook = application.Workbooks.Open(Path.GetFullPath(@"Data/Input.xlsx"));
-    IWorksheet worksheet = workbook.Worksheets[0];
-
-    //Creating an AutoFilter 
-    worksheet.AutoFilters.FilterRange = worksheet.Range["A1:A11"];
-    IAutoFilter filter = worksheet.AutoFilters[0];
-
-    //Specifying first condition
-    IAutoFilterCondition firstCondition = filter.FirstCondition;
-    firstCondition.ConditionOperator = ExcelFilterCondition.DoesNotContain;
-    firstCondition.String = "1000.00";
-
-    //Saving the workbook
-    workbook.SaveAs(Path.GetFullPath(@"Output/Output.xlsx"));
-}
-{% endhighlight %}
-
-{% highlight c# tabtitle="C# [Windows-specific]" %} 
-using (ExcelEngine excelEngine = new ExcelEngine())
-{
-    IApplication application = excelEngine.Excel;
-    application.DefaultVersion = ExcelVersion.Xlsx;
-    IWorkbook workbook = application.Workbooks.Open("Input.xlsx");
-    IWorksheet worksheet = workbook.Worksheets[0];
-
-    //Creating an AutoFilter
-    worksheet.AutoFilters.FilterRange = worksheet.Range["A1:A11"];
-    IAutoFilter filter = worksheet.AutoFilters[0];
-
-    //Specifying first condition
-    IAutoFilterCondition firstCondition = filter.FirstCondition;
-    firstCondition.ConditionOperator = ExcelFilterCondition.DoesNotContain;
-    firstCondition.String = "1000.00";
-
-    //Saving the workbook
-    workbook.SaveAs("Output.xlsx");
-}
-{% endhighlight %}
-
-{% highlight vb.net tabtitle="VB.NET [Windows-specific]" %}
-Using excelEngine As New ExcelEngine()
-    Dim application As IApplication = excelEngine.Excel
-    application.DefaultVersion = ExcelVersion.Xlsx
-    Dim workbook As IWorkbook = application.Workbooks.Open("Sample.xlsx")
-    Dim sheet As IWorksheet = workbook.Worksheets(0)
-
-    'Creating an AutoFilter 
-    sheet.AutoFilters.FilterRange = sheet.Range("A1:A11")
-    Dim filter As IAutoFilter = sheet.AutoFilters(0)
-
-    'Specifying first condition
-    Dim firstCondition As IAutoFilterCondition = filter.FirstCondition
-    firstCondition.ConditionOperator = ExcelFilterCondition.DoesNotContain
-    firstCondition.String = 1000.0
-
-    'Saving the workbook
-    workbook.SaveAs("Output.xlsx")
-End Using
-{% endhighlight %}
-{% endtabs %}
-
-A complete working example to apply custom filtering to string data types using C# is present on <a href="https://github.com/SyncfusionExamples/XlsIO-Examples/tree/master/FAQ/Filtering/.NET/Custom%20Filter%20String%20Type">this GitHub page</a>.  
\ No newline at end of file
diff --git a/Document-Processing/Excel/Excel-Library/NET/faqs/how-to-apply-the-formatting-for-a-particular-column-while-importing-data-from-collection-objects.md b/Document-Processing/Excel/Excel-Library/NET/faqs/how-to-apply-the-formatting-for-a-particular-column-while-importing-data-from-collection-objects.md
deleted file mode 100644
index 14d963da0..000000000
--- a/Document-Processing/Excel/Excel-Library/NET/faqs/how-to-apply-the-formatting-for-a-particular-column-while-importing-data-from-collection-objects.md
+++ /dev/null
@@ -1,171 +0,0 @@
----
-title: Apply formatting to a specific column when importing data | Syncfusion
-description: Code example showing how to apply formatting to a specific column when importing data from collection objects using the Syncfusion .NET Excel library (XlsIO). 
-platform: document-processing
-control: XlsIO
-documentation: UG
----
-
-# How to apply formatting to a specific column while importing data?
-
-To apply formatting to a specific column while importing data from collection objects, use the **DisplayFormatAttribute** in the class definition, as shown in the example below.
-
-{% tabs %}  
-{% highlight c# tabtitle="C# [Cross-platform]" %}
-using (ExcelEngine excelEngine = new ExcelEngine())
-{
-    IApplication application = excelEngine.Excel;
-    application.DefaultVersion = ExcelVersion.Xlsx;
-    IWorkbook workbook = application.Workbooks.Create(1);
-    IWorksheet worksheet = workbook.Worksheets[0];
-
-    //Import the data to worksheet
-    IList<Customer> reports = GetSalesReports();
-    worksheet.ImportData(reports, 2, 1, false);
-
-    #region Save
-    //Saving the workbook
-    workbook.SaveAs(Path.GetFullPath("Output/ImportCollectionObjects.xlsx"));
-    #endregion
-}
-
-//Gets a list of sales reports
-public static List<Customer> GetSalesReports()
-{
-    List<Customer> reports = new List<Customer>();
-    reports.Add(new Customer("Andy Bernard", 45000, 58000));
-    reports.Add(new Customer("Jim Halpert", 34000, 65000));
-    reports.Add(new Customer("Karen Fillippelli", 75000, 64000));
-    reports.Add(new Customer("Phyllis Lapin", 56500, 33600));
-    reports.Add(new Customer("Stanley Hudson", 46500, 52000));
-    return reports;
-}
-
-//Customer details
-public class Customer
-{
-    [DisplayNameAttribute("Sales Person Name")]
-    public string SalesPerson
-    {
-        get; set;
-    }
-    **[DisplayFormat(DataFormatString = "$#,###.00")]**
-    public int SalesJanJun { get; set; }
-
-    **[DisplayFormat(DataFormatString = "$#,###.00")]**
-    public int SalesJulDec { get; set; }
-
-    public Customer(string name, int janToJun, int julToDec)
-    {
-        SalesPerson = name;
-        SalesJanJun = janToJun;
-        SalesJulDec = julToDec;
-    }
-}
-{% endhighlight %}
-
-{% highlight c# tabtitle="C# [Windows-specific]" %}
-using (ExcelEngine excelEngine = new ExcelEngine())
-{
-    IApplication application = excelEngine.Excel;
-    application.DefaultVersion = ExcelVersion.Xlsx;
-    IWorkbook workbook = application.Workbooks.Create(1);
-    IWorksheet worksheet = workbook.Worksheets[0];
-
-    //Import the data to worksheet
-    IList<Customer> reports = GetSalesReports();
-    worksheet.ImportData(reports, 2, 1, false);
-
-    #region Save
-    //Saving the workbook
-    workbook.SaveAs(Path.GetFullPath("Output/ImportCollectionObjects.xlsx"));
-    #endregion
-}
-
-//Gets a list of sales reports
-public static List<Customer> GetSalesReports()
-{
-    List<Customer> reports = new List<Customer>();
-    reports.Add(new Customer("Andy Bernard", 45000, 58000));
-    reports.Add(new Customer("Jim Halpert", 34000, 65000));
-    reports.Add(new Customer("Karen Fillippelli", 75000, 64000));
-    reports.Add(new Customer("Phyllis Lapin", 56500, 33600));
-    reports.Add(new Customer("Stanley Hudson", 46500, 52000));
-    return reports;
-}
-
-//Customer details
-public class Customer
-{
-    [DisplayNameAttribute("Sales Person Name")]
-    public string SalesPerson
-    {
-        get; set;
-    }
-    **[DisplayFormat(DataFormatString = "$#,###.00")]**
-    public int SalesJanJun { get; set; }
-
-    **[DisplayFormat(DataFormatString = "$#,###.00")]**
-    public int SalesJulDec { get; set; }
-
-    public Customer(string name, int janToJun, int julToDec)
-    {
-        SalesPerson = name;
-        SalesJanJun = janToJun;
-        SalesJulDec = julToDec;
-    }
-}
-{% endhighlight %}
-
-{% highlight vb.net tabtitle="VB.NET [Windows-specific]" %}
-Using excelEngine As New ExcelEngine()
-    Dim application As IApplication = excelEngine.Excel
-    application.DefaultVersion = ExcelVersion.Xlsx
-
-    Dim workbook As IWorkbook = application.Workbooks.Create(1)
-    Dim worksheet As IWorksheet = workbook.Worksheets(0)
-
-    ' Import the data to worksheet
-    Dim reports As IList(Of Customer) = GetSalesReports()
-    worksheet.ImportData(reports, 2, 1, False)
-
-    ' Saving the workbook
-    workbook.SaveAs(Path.GetFullPath("Output/ImportCollectionObjects.xlsx"))
-End Using
-
-' Gets a list of sales reports
-Public Function GetSalesReports() As List(Of Customer)
-    Dim reports As New List(Of Customer)()
-    reports.Add(New Customer("Andy Bernard", 45000, 58000))
-    reports.Add(New Customer("Jim Halpert", 34000, 65000))
-    reports.Add(New Customer("Karen Fillippelli", 75000, 64000))
-    reports.Add(New Customer("Phyllis Lapin", 56500, 33600))
-    reports.Add(New Customer("Stanley Hudson", 46500, 52000))
-    Return reports
-End Function
-
-' Customer details
-Public Class Customer
-    <DisplayName("Sales Person Name")>
-    Public Property SalesPerson As String
-
-    **<DisplayFormat(DataFormatString:="$#,###.00")>**
-    Public Property SalesJanJun As Integer
-
-    **<DisplayFormat(DataFormatString:="$#,###.00")>**
-    Public Property SalesJulDec As Integer
-
-    Public Sub New(name As String, janToJun As Integer, julToDec As Integer)
-        SalesPerson = name
-        SalesJanJun = janToJun
-        SalesJulDec = julToDec
-    End Sub
-End Class
-{% endhighlight %}
-{% endtabs %}  
-
-## See Also
-
-* [Collection Objects to Excel](https://help.syncfusion.com/document-processing/excel/excel-library/net/import-export/import-to-excel#collection-objects-to-excel)
-* [How to import data table with its data type using template markers?](https://help.syncfusion.com/document-processing/excel/excel-library/net/faqs/how-to-import-data-table-with-its-data-type-using-template-markers)
-* [Working with Template Markers](https://help.syncfusion.com/document-processing/excel/excel-library/net/working-with-template-markers)
\ No newline at end of file
diff --git a/Document-Processing/Excel/Excel-Library/NET/faqs/how-to-copy-the-used-range-from-one-Excel-workbook-to-another.md b/Document-Processing/Excel/Excel-Library/NET/faqs/how-to-copy-the-used-range-from-one-Excel-workbook-to-another.md
deleted file mode 100644
index c14fddbe3..000000000
--- a/Document-Processing/Excel/Excel-Library/NET/faqs/how-to-copy-the-used-range-from-one-Excel-workbook-to-another.md
+++ /dev/null
@@ -1,82 +0,0 @@
----
-title: Copy used range in Excel | Syncfusion  
-description: Learn how to copy the used range from one Excel workbook to another using the Syncfusion .NET Excel library (XlsIO).
-platform: document-processing
-control: XlsIO
-documentation: UG
----
-
-# How to copy the used range from one Excel workbook to another?
-
-The [UsedRange](https://help.syncfusion.com/cr/document-processing/Syncfusion.XlsIO.IWorksheet.html#Syncfusion_XlsIO_IWorksheet_UsedRange) of [IWorksheet](https://help.syncfusion.com/cr/document-processing/Syncfusion.XlsIO.IWorksheet.html) returns the contiguous range that contains data in a worksheet. By default, Excel also considers cells that have only formatting applied as part of the used range.
-
-The following code examples show how to copy the used range from a source workbook to a destination workbook in C# (cross-platform and Windows-specific) and VB.NET.
-
-{% tabs %}                                  
-{% highlight c# tabtitle="C# [Cross-platform]" playgroundButtonLink="https://raw.githubusercontent.com/SyncfusionExamples/XlsIO-Examples/master/FAQ/Copy%20Used%20Range/.NET/CopyUsedRange/CopyUsedRange/Program.cs,180" %}
-using (ExcelEngine excelEngine = new ExcelEngine())
-{
-    IApplication application = excelEngine.Excel;
-    application.DefaultVersion = ExcelVersion.Xlsx;
-    IWorkbook sourceWorkbook = application.Workbooks.Open(Path.GetFullPath(@"Data/Source.xlsx"));
-    IWorkbook destinationWorkbook = application.Workbooks.Open(Path.GetFullPath(@"Data/Destination.xlsx"));
-
-    IWorksheet sourceWorksheet = sourceWorkbook.Worksheets["Sheet1"];
-    IWorksheet destinationWorksheet = destinationWorkbook.Worksheets["Sheet1"];
-
-    //Get the actual used range from source sheet
-    IRange sourceRange = sourceWorksheet.UsedRange;
-
-    //Copy the entire used range from source sheet to destination sheet
-    sourceRange.CopyTo(destinationWorksheet.Range[sourceRange.Row, sourceRange.Column]);
-
-    //Save the destination workbook
-    destinationWorkbook.SaveAs(Path.GetFullPath(@"Output/Output.xlsx"));
-}
-{% endhighlight %}
-
-{% highlight c# tabtitle="C# [Windows-specific]" %} 
-using (ExcelEngine excelEngine = new ExcelEngine())
-{
-    IApplication application = excelEngine.Excel;
-    application.DefaultVersion = ExcelVersion.Xlsx;
-    IWorkbook sourceWorkbook = application.Workbooks.Open("Source.xlsx");
-    IWorkbook destinationWorkbook = application.Workbooks.Open("Destination.xlsx");
-
-    IWorksheet sourceWorksheet = sourceWorkbook.Worksheets["Sheet1"];
-    IWorksheet destinationWorksheet = destinationWorkbook.Worksheets["Sheet1"];
-
-    //Get the actual used range from source sheet
-    IRange sourceRange = sourceWorksheet.UsedRange;
-
-    //Copy the entire used range from source sheet to destination sheet
-    sourceRange.CopyTo(destinationWorksheet.Range[sourceRange.Row, sourceRange.Column]);
-
-    //Save the destination workbook
-    destinationWorkbook.SaveAs("Output.xlsx");
-}
-{% endhighlight %}
-
-{% highlight vb.net tabtitle="VB.NET [Windows-specific]" %}
-Using excelEngine As New ExcelEngine()
-    Dim application As IApplication = excelEngine.Excel
-    application.DefaultVersion = ExcelVersion.Xlsx
-    Dim sourceWorkbook As IWorkbook = application.Workbooks.Open("Source.xlsx")
-    Dim destinationWorkbook As IWorkbook = application.Workbooks.Open("Destination.xlsx")
-
-    Dim sourceWorksheet As IWorksheet = sourceWorkbook.Worksheets("Sheet1")
-    Dim destinationWorksheet As IWorksheet = destinationWorkbook.Worksheets("Sheet1")
-
-    'Get the actual used range from source sheet
-    Dim sourceRange As IRange = sourceWorksheet.UsedRange
-
-    'Copy the entire used range from source sheet to destination sheet
-    sourceRange.CopyTo(destinationWorksheet.Range(sourceRange.Row, sourceRange.Column))
-
-    'Save the destination workbook
-    destinationWorkbook.SaveAs("Output.xlsx")
-End Using
-{% endhighlight %}
-{% endtabs %}
-
-A complete working example to copy the used range from a source workbook to a destination workbook using C# is present on <a href="https://github.com/SyncfusionExamples/XlsIO-Examples/tree/master/FAQ/Copy%20Used%20Range/.NET/CopyUsedRange">this GitHub page</a>.
\ No newline at end of file
diff --git a/Document-Processing/Excel/Excel-Library/NET/faqs/how-to-extract-embedded-OLE-files-from-an-Excel-workbook-as-streams.md b/Document-Processing/Excel/Excel-Library/NET/faqs/how-to-extract-embedded-OLE-files-from-an-Excel-workbook-as-streams.md
deleted file mode 100644
index db2172994..000000000
--- a/Document-Processing/Excel/Excel-Library/NET/faqs/how-to-extract-embedded-OLE-files-from-an-Excel-workbook-as-streams.md
+++ /dev/null
@@ -1,43 +0,0 @@
----
-title: Extract embedded OLE files from Excel as streams | Syncfusion
-description: This page shows how to extract embedded OLE objects from Excel as streams using the Syncfusion .NET Excel (XlsIO) library.
-platform: document-processing
-control: XlsIO
-documentation: UG
----
-
-# How to extract embedded OLE files from an Excel workbook as streams?
-
-You can extract OLE objects in an Excel workbook as streams using XlsIO. The following example demonstrates how to retrieve embedded files from a worksheet.
-{% tabs %}  
-{% highlight c# tabtitle="C# [Cross-platform]" %}
-using (ExcelEngine excelEngine = new ExcelEngine())
-{
-    //Create worksheet
-    IApplication application = excelEngine.Excel;
-    application.DefaultVersion = ExcelVersion.Xlsx;
-    IWorkbook workbook = application.Workbooks.Create(1);
-    IWorksheet worksheet = workbook.Worksheets[0];
-
-    FileStream embedStream = new FileStream("../../../Sample.docx", FileMode.Open);
-    FileStream imageStream = new FileStream("../../../wordIcon.jpg", FileMode.Open);
-
-    //Create image stream
-    Image image = Image.FromStream(imageStream);
-
-    //Add ole object
-    IOleObject oleObject = worksheet.OleObjects.Add(embedStream, image, OleObjectType.WordDocument);
-
-    // Get the OLE part stream.
-    Image image1 = Image.FromStream(worksheet.OleObjects[0].GetEmbeddedOleStream());
-    MemoryStream memory = new MemoryStream(image1.ImageData);
-                   
-    //Saving the workbook as stream
-    FileStream stream = new FileStream("ExtractedFile.xlsx", FileMode.Create, FileAccess.Write);
-    memory.CopyTo(stream);
-    workbook.SaveAs(stream);
-    stream.Dispose();
-}
-{% endhighlight %}
-
-{% endtabs %} 
diff --git a/Document-Processing/Excel/Excel-Library/NET/faqs/how-to-get-RGB-values-of-a-cells-background-color.md b/Document-Processing/Excel/Excel-Library/NET/faqs/how-to-get-RGB-values-of-a-cells-background-color.md
deleted file mode 100644
index 53dbcb1d7..000000000
--- a/Document-Processing/Excel/Excel-Library/NET/faqs/how-to-get-RGB-values-of-a-cells-background-color.md
+++ /dev/null
@@ -1,89 +0,0 @@
----
-title: Get RGB values of a cell's background color | Syncfusion 
-description: Code example to get RGB values of a cell's background color using Syncfusion .NET Excel library (XlsIO). 
-platform: document-processing 
-control: XlsIO 
-documentation: UG
----
-
-# How to get RGB values of a cell's background color?
-
-The following examples show how to get RGB values of a cell's background color in C# (cross-platform and Windows-specific) and VB.NET.
-
-{% tabs %}                                                                                 
-{% highlight c# tabtitle="C# [Cross-platform]" playgroundButtonLink="https://raw.githubusercontent.com/SyncfusionExamples/XlsIO-Examples/master/FAQ/RGB%20Value%20for%20Cell%20Color/.NET/RGB%20Value%20for%20Cell%20Color/RGBValueCellColor/Program.cs,180" %}
-using (ExcelEngine excelEngine = new ExcelEngine())
-{
-    IApplication application = excelEngine.Excel;
-    application.DefaultVersion = ExcelVersion.Xlsx;
-    IWorkbook workbook = application.Workbooks.Create(1);
-    IWorksheet worksheet = workbook.Worksheets[0];
-
-    //Apply cell color
-    worksheet.Range["A1"].CellStyle.ColorIndex = ExcelKnownColors.Custom50;
-
-    //Get the RGB values of the cell color
-    Color color = worksheet.Range["A1"].CellStyle.Color;
-    byte red = color.R;
-    byte green = color.G;
-    byte blue = color.B;
-
-    //Print the RGB values
-    Console.WriteLine($"Red: {red}, Green: {green}, Blue: {blue}");
-
-    //Save the workbook
-    workbook.SaveAs(Path.GetFullPath("Output/Output.xlsx"));
-}
-{% endhighlight %}
-
-{% highlight c# tabtitle="C# [Windows-specific]" %} 
-using (ExcelEngine excelEngine = new ExcelEngine())
-{
-    IApplication application = excelEngine.Excel;
-    application.DefaultVersion = ExcelVersion.Xlsx;
-    IWorkbook workbook = application.Workbooks.Create(1);
-    IWorksheet worksheet = workbook.Worksheets[0];
-
-    //Apply cell color
-    worksheet.Range["A1"].CellStyle.ColorIndex = ExcelKnownColors.Custom50;
-
-    //Get the RGB values of the cell color
-    Color color = worksheet.Range["A1"].CellStyle.Color;
-    byte red = color.R;
-    byte green = color.G;
-    byte blue = color.B;
-
-    //Print the RGB values
-    Console.WriteLine($"Red: {red}, Green: {green}, Blue: {blue}");
-
-    //Save the workbook
-    workbook.SaveAs("Output.xlsx");
-}
-{% endhighlight %}
-
-{% highlight vb.net tabtitle="VB.NET [Windows-specific]" %} 
-Using excelEngine As New ExcelEngine()
-    Dim application As IApplication = excelEngine.Excel
-    application.DefaultVersion = ExcelVersion.Xlsx
-    Dim workbook As IWorkbook = application.Workbooks.Create(1)
-    Dim worksheet As IWorksheet = workbook.Worksheets(0)
-
-    'Apply cell color
-    worksheet.Range("A1").CellStyle.ColorIndex = ExcelKnownColors.Custom50
-
-    'Get the RGB values of the cell color
-    Dim cellColor As Color = worksheet.Range("A1").CellStyle.Color
-    Dim red As Byte = cellColor.R
-    Dim green As Byte = cellColor.G
-    Dim blue As Byte = cellColor.B
-
-    'Print the RGB values
-    Console.WriteLine($"Red: {red}, Green: {green}, Blue: {blue}")
-
-    'Save the workbook
-    workbook.SaveAs("Output.xlsx")
-End Using
-{% endhighlight %} 
-{% endtabs %}
-
-A complete working example to get RGB values of a cell's background color is available on <a href="https://github.com/SyncfusionExamples/XlsIO-Examples/tree/master/FAQ/RGB%20Value%20for%20Cell%20Color/.NET/RGB%20Value%20for%20Cell%20Color">this GitHub page</a>.
\ No newline at end of file
diff --git a/Document-Processing/Excel/Excel-Library/NET/faqs/how-to-resolve-the-cannot-open-Pivot-table-source-file-error.md b/Document-Processing/Excel/Excel-Library/NET/faqs/how-to-resolve-the-cannot-open-Pivot-table-source-file-error.md
deleted file mode 100644
index b4c9fae10..000000000
--- a/Document-Processing/Excel/Excel-Library/NET/faqs/how-to-resolve-the-cannot-open-Pivot-table-source-file-error.md
+++ /dev/null
@@ -1,105 +0,0 @@
----
-title: Fix “Can't open PivotTable source file” error in XlsIO | Syncfusion
-description: This page explains how to resolve the "Can't open Pivottable source file" error using Syncfusion .NET Excel library (XlsIO).
-platform: document-processing
-control: XlsIO
-documentation: UG
----
-
-# How to resolve the “Can't open Pivot table source file” error?
-
-Deleting the source worksheet and refreshing the PivotTable may work in the current session, but reopening the saved workbook and refreshing can trigger this error. If “Refresh data when opening the file” is enabled, Excel will not disable it automatically. This is Microsoft Excel behavior, and XlsIO follows the same behavior.
-
-**Recommendations:**
-
-* If you need to remove the worksheet that contains the PivotTable’s source data, hide the worksheet instead of deleting it.
-* If the source worksheet no longer exists, disable IsRefreshOnLoad before saving the workbook.
-
-The following code illustrate how to disable the IsRefreshOnLoad property.
-
-{% tabs %}  
-{% highlight c# tabtitle="C# [Cross-platform]" %}
-using (ExcelEngine excelEngine = new ExcelEngine())
-{
-    IApplication application = excelEngine.Excel;
-    application.DefaultVersion = ExcelVersion.Xlsx;
-    IWorkbook workbook = application.Workbooks.Open("Data/Sample.xlsx");
-    IWorksheet pivotSheet = workbook.Worksheets[0];
-   
-    IPivotTable pivotTable = workbook.Worksheets[1].PivotTables[0];
-    PivotTableImpl pivotTableImpl = pivotTable as PivotTableImpl;
-
-    //Disable the refreshing option
-    pivotTableImpl.Cache.IsRefreshOnLoad = false;
-
-    #region Save
-    //Saving the workbook
-    workbook.SaveAs("Output/PivotTable.xlsx");
-    #endregion
-}
-{% endhighlight %}
-
-{% highlight c# tabtitle="C# [Windows-specific]" %}
-using (ExcelEngine excelEngine = new ExcelEngine())
-{
-    IApplication application = excelEngine.Excel;
-    application.DefaultVersion = ExcelVersion.Xlsx;
-    IWorkbook workbook = application.Workbooks.Open("Data/Sample.xlsx");
-    IWorksheet pivotSheet = workbook.Worksheets[0];
-   
-    IPivotTable pivotTable = workbook.Worksheets[1].PivotTables[0];
-    PivotTableImpl pivotTableImpl = pivotTable as PivotTableImpl;
-
-    //Disable the refreshing option
-    pivotTableImpl.Cache.IsRefreshOnLoad = false;
-
-    #region Save
-    //Saving the workbook
-    workbook.SaveAs("Output/PivotTable.xlsx");
-    #endregion
-}
-{% endhighlight %}
-
-{% highlight vb.net tabtitle="VB.NET [Windows-specific]" %}
-Using excelEngine As New ExcelEngine()
-    Dim application As IApplication = excelEngine.Excel
-    application.DefaultVersion = ExcelVersion.Xlsx
-
-    Dim workbook As IWorkbook = application.Workbooks.Open("../../Data/Sample.xlsx")
-    Dim pivotSheet As IWorksheet = workbook.Worksheets(0)
-    Dim pivotTable As IPivotTable = workbook.Worksheets(1).PivotTables(0)
-    Dim pivotTableImpl As PivotTableImpl = TryCast(pivotTable, PivotTableImpl)
-
-    ' Disable the refreshing option
-    pivotTableImpl.Cache.IsRefreshOnLoad = False
-
-    ' Save the workbook
-    workbook.SaveAs("../../Output/PivotTable.xlsx")
-End Using
-{% endhighlight %}
-{% endtabs %}  
-
-
-The following code shows how to hide Excel worksheet.
-
-{% tabs %}  
-{% highlight c# tabtitle="C# [Cross-platform]" %}
-//Hide the worksheet
-worksheet.Visibility = WorksheetVisibility.Hidden;
-{% endhighlight %}
-
-{% highlight c# tabtitle="C# [Windows-specific]" %}
-//Hide the worksheet
-worksheet.Visibility = WorksheetVisibility.Hidden;
-{% endhighlight %}
-
-{% highlight vb.net tabtitle="VB.NET [Windows-specific]" %}
-'Hide the worksheet
-worksheet.Visibility = WorksheetVisibility.Hidden
-{% endhighlight %}
-{% endtabs %}  
-
-## See Also
-
-* [Hide Excel Worksheets](https://help.syncfusion.com/document-processing/excel/excel-library/net/migrate-from-office-automation-to-syncfusion-xlsio/hide-excel-worksheets)
-* [Working with Pivot Tables](https://help.syncfusion.com/document-processing/excel/excel-library/net/working-with-pivot-tables)
diff --git a/Document-Processing/Excel/Excel-Library/NET/faqs/what-are-the-naming-rules-for-named-ranges-in-Excel.md b/Document-Processing/Excel/Excel-Library/NET/faqs/what-are-the-naming-rules-for-named-ranges-in-Excel.md
deleted file mode 100644
index c599c6a41..000000000
--- a/Document-Processing/Excel/Excel-Library/NET/faqs/what-are-the-naming-rules-for-named-ranges-in-Excel.md
+++ /dev/null
@@ -1,23 +0,0 @@
----
-title: Naming rules for named ranges in Excel | Syncfusion
-description: Learn the naming conventions for Excel named ranges in XlsIO, including allowed characters, restrictions, and length limits.
-platform: document-processing
-control: XlsIO
-documentation: UG
----
-
-# What are the naming rules for named ranges in Excel?
-
-When defining a named range in Excel, the following rules apply:
-
-* **Start character:** Must begin with a letter (A-Z/a-z), underscore (_), or backslash (\).
-
-* **Allowed characters:** Can include letters, numbers, underscores (_), and periods (.).
-
-* **Characters not allowed:** Spaces and most special characters (e.g., ! @ # $ % ^ & *) are not permitted.
-
-* **No cell references:** Names cannot resemble a valid cell reference (e.g., A1, R1C1).
-
-* **Length limit:** Maximum of 255 characters.
-
-* **Case sensitivity:** Names are case-insensitive.
diff --git a/Document-Processing/Excel/Excel-Library/NET/faqs/what-is-the-maximum-text-length-for-hyperlink-screentip-in-excel.md b/Document-Processing/Excel/Excel-Library/NET/faqs/what-is-the-maximum-text-length-for-hyperlink-screentip-in-excel.md
deleted file mode 100644
index 27e9659ab..000000000
--- a/Document-Processing/Excel/Excel-Library/NET/faqs/what-is-the-maximum-text-length-for-hyperlink-screentip-in-excel.md
+++ /dev/null
@@ -1,11 +0,0 @@
----
-title: Hyperlink ScreenTip text limit in Excel | Syncfusion 
-description: This page explains the maximum supported text length for hyperlink ScreenTip text in Microsoft Excel and Syncfusion XlsIO. 
-platform: document-processing 
-control: XlsIO 
-documentation: UG
----
-
-# What is the maximum text length for hyperlink ScreenTip in Excel?
-
-The maximum supported text length for hyperlink ScreenTip text in Excel is **255 characters**. Syncfusion XlsIO follows the same behavior when setting hyperlink ScreenTip text.
\ No newline at end of file
diff --git a/Document-Processing/Excel/Excel-Library/NET/faqs/what-is-the-unit-of-row-height-and-column-width-in-Excel.md b/Document-Processing/Excel/Excel-Library/NET/faqs/what-is-the-unit-of-row-height-and-column-width-in-Excel.md
deleted file mode 100644
index 4d9be2e15..000000000
--- a/Document-Processing/Excel/Excel-Library/NET/faqs/what-is-the-unit-of-row-height-and-column-width-in-Excel.md
+++ /dev/null
@@ -1,110 +0,0 @@
---- 
-title: Unit of row height and column width in Excel | Syncfusion 
-description: This page explains about the default unit of measurement for row height and column width in Excel using Syncfusion .NET Excel library (XlsIO).
-platform: document-processing 
-control: XlsIO 
-documentation: UG 
---- 
-
-# What is the unit of row height and column width in Excel?
-
-By default, XlsIO uses **points** as the unit of measurement for both row height and column width.
-
-Use <a href="https://help.syncfusion.com/cr/document-processing/Syncfusion.XlsIO.IWorksheet.html#Syncfusion_XlsIO_IWorksheet_SetColumnWidth_System_Int32_System_Double_">SetColumnWidth</a>
- and <a href="https://help.syncfusion.com/cr/document-processing/Syncfusion.XlsIO.IWorksheet.html#Syncfusion_XlsIO_IWorksheet_SetRowHeight_System_Int32_System_Double_">SetRowHeight</a> to set dimensions in points. 
-
-Use <a href="https://help.syncfusion.com/cr/document-processing/Syncfusion.XlsIO.IWorksheet.html#Syncfusion_XlsIO_IWorksheet_GetColumnWidth_System_Int32_">GetColumnWidth</a> and <a href="https://help.syncfusion.com/cr/document-processing/Syncfusion.XlsIO.IWorksheet.html#Syncfusion_XlsIO_IWorksheet_GetRowHeight_System_Int32_">GetRowHeight</a> to retrieve dimensions in points. 
-
-If you need pixel values, XlsIO provides pixel based APIs:  <a href="https://help.syncfusion.com/cr/document-processing/Syncfusion.XlsIO.IWorksheet.html#Syncfusion_XlsIO_IWorksheet_GetColumnWidthInPixels_System_Int32_">GetColumnWidthInPixels</a>, <a href="https://help.syncfusion.com/cr/document-processing/Syncfusion.XlsIO.IWorksheet.html#Syncfusion_XlsIO_IWorksheet_GetRowHeightInPixels_System_Int32_">GetRowHeightInPixels</a>, <a href="https://help.syncfusion.com/cr/document-processing/Syncfusion.XlsIO.IWorksheet.html#Syncfusion_XlsIO_IWorksheet_SetColumnWidthInPixels_System_Int32_System_Int32_">SetColumnWidthInPixels</a>, <a href="http://help.syncfusion.com/cr/document-processing/Syncfusion.XlsIO.IWorksheet.html#Syncfusion_XlsIO_IWorksheet_SetRowHeightInPixels_System_Int32_System_Double_">SetRowHeightInPixels</a>.
-
-{% tabs %}
-{% highlight c# tabtitle="C# [Cross-platform]" %}
-//Set column width in points
-sheet.SetColumnWidth(1, 20);
-
-//Get column width in points
-var widthPoints = sheet.GetColumnWidth(1);
-Console.WriteLine("Column width in points: " + widthPoints);
-
-//Set column width in pixels
-sheet.SetColumnWidthInPixels(1, 160);
-
-//Get column width in pixels
-var widthPixels = sheet.GetColumnWidthInPixels(1);
-Console.WriteLine("Column width in pixels: " + widthPixels);
-
-//Set row height in points
-sheet.SetRowHeight(1, 15);
-
-//Get row height in points
-var heightPoints = sheet.GetRowHeight(1);
-Console.WriteLine("Row height in points: " + heightPoints);
-
-//Set row height in pixels
-sheet.SetRowHeightInPixels(1, 40);
-
-//Get row height in pixels
-var heightPixels = sheet.GetRowHeightInPixels(1);
-Console.WriteLine("Row height in pixels: " + heightPixels);
-{% endhighlight %}
-
-{% highlight c# tabtitle="C# [Windows-specific]" %}
-//Set column width in points
-sheet.SetColumnWidth(1, 20);
-
-//Get column width in points
-var widthPoints = sheet.GetColumnWidth(1);
-Console.WriteLine("Column width in points: " + widthPoints);
-
-//Set column width in pixels
-sheet.SetColumnWidthInPixels(1, 160);
-
-//Get column width in pixels
-var widthPixels = sheet.GetColumnWidthInPixels(1);
-Console.WriteLine("Column width in pixels: " + widthPixels);
-
-//Set row height in points
-sheet.SetRowHeight(1, 15);
-
-//Get row height in points
-var heightPoints = sheet.GetRowHeight(1);
-Console.WriteLine("Row height in points: " + heightPoints);
-
-//Set row height in pixels
-sheet.SetRowHeightInPixels(1, 40);
-
-//Get row height in pixels
-var heightPixels = sheet.GetRowHeightInPixels(1);
-Console.WriteLine("Row height in pixels: " + heightPixels);
-{% endhighlight %}
-
-{% highlight vb.net tabtitle="VB.NET [Windows-specific]" %}
-'Set column width in points
-sheet.SetColumnWidth(1, 20)
-
-'Get column width in points
-Dim widthPoints As Integer = sheet.GetColumnWidth(1)
-Console.WriteLine("Column width in points: " & widthPoints)
-
-'Set column width in pixels
-sheet.SetColumnWidthInPixels(1, 160)
-
-'Get column width in pixels
-Dim widthPixels As Integer = sheet.GetColumnWidthInPixels(1)
-Console.WriteLine("Column width in pixels: " & widthPixels)
-
-'Set row height in points
-sheet.SetRowHeight(1, 15)
-
-'Get row height in points
-Dim heightPoints As Integer = sheet.GetRowHeight(1)
-Console.WriteLine("Row height in points: " & heightPoints)
-
-'Set row height in pixels
-sheet.SetRowHeightInPixels(1, 40)
-
-'Get row height in pixels
-Dim heightPixels As Integer = sheet.GetRowHeightInPixels(1)
-Console.WriteLine("Row height in pixels: " & heightPixels)
-{% endhighlight %}
-{% endtabs %}
\ No newline at end of file
diff --git a/Document-Processing/PDF/Conversions/HTML-To-PDF/NET/Performance-Metrics.md b/Document-Processing/PDF/Conversions/HTML-To-PDF/NET/Performance-Metrics.md
deleted file mode 100644
index 5b30714ca..000000000
--- a/Document-Processing/PDF/Conversions/HTML-To-PDF/NET/Performance-Metrics.md
+++ /dev/null
@@ -1,86 +0,0 @@
----
-title: Performance Metrics of Syncfusion HTML-to-PDF Conversion
-description: This section provides a detailed overview of the performance metrics and capabilities of the HTML-to-PDF conversion library.
-platform: document-processing
-control: PDF
-documentation: UG
----
-
-# HTML to PDF Performance Benchmarks
-
-The Syncfusion<sup>&reg;</sup> [HTML to PDF library](https://www.syncfusion.com/document-sdk/net-pdf-library/html-to-pdf) delivers high-performance APIs to convert web content into PDF documents programmatically. This performance benchmark report highlights the speed and efficiency of HTML-to-PDF conversion, showcasing how the library manages large-scale document rendering in real-world scenarios.
-
-## Environment Details
-
-The following system configurations were used for benchmarking:
-
-OS Edition      : Windows 11 Enterprise
-Version         : 22H2
-Processor       : 11th Gen Intel(R) Core(TM) i5-1135G7 @ 2.40GHz   2.42 GHz
-Installed RAM   : 20.0 GB (19.7 GB usable)
-System type     : 64-bit operating system, x64-based processor
-
-## Example Application
-
-The benchmark details were obtained using the [Syncfusion.HtmlToPdfConverter.Net.Windows](https://www.nuget.org/packages/Syncfusion.HtmlToPdfConverter.Net.Windows) package. You can refer to the following sample, as well as the input and output files used:
-
-Input HTML files         : [Input HTML files](https://github.com/SyncfusionExamples/html-to-pdf-csharp-examples/tree/master/Performance_Testing/Syncfusion_HTMLtoPDF/wwwroot/Data)
-
-Output PDF files        : [Output document](https://www.syncfusion.com/downloads/support/directtrac/general/ze/Output-924807763.zip)
-
-## Results
-
-<table border="1">
-<th style="font-size:14px" width="100px">Input Page count</th>
-<th style="font-size:14px">Conversion time
-
-(Avg value of 5 conversions)
-</th>
-<th style="font-size:14px">Process Memory and CPU usage
-</th>
-<tr>
-    <td>10+ Pages</td>
-    <td>2.78 seconds</td>
-    <td>	
-Memory usage: 318 MB
-
-CPU usage: 10%</td>
-</tr>
-<tr>
-    <td>100+ pages</td>
-    <td>3.65 seconds</td>
-    <td>Memory usage: 367 MB
-
-CPU usage: 14%</td>
-</tr>
-<tr>
-    <td>1000+ pages</td>
-    <td>6.72 seconds</td>
-    <td>Memory usage: 813 MB
-
-CPU usage: 27%</td>
-</tr>
-<tr>
-    <td>10 documents with 100+ pages in a loop</td>
-    <td>30.52 seconds</td>
-    <td>	
-Memory usage: 663 MB
-
-CPU usage: 15%</td>
-</tr>
-<tr>
-    <td>10 documents with 1000+ pages in a loop</td>
-    <td>1 minute 10 seconds</td>
-    <td>	
-Memory usage: 2.2 GB
-
-CPU usage: 64%</td>
-</tr>
-</table>
-
-N> The performance metrics were recorded on a freshly configured machine. Speed and memory usage may vary if the machine is running other processes. Additionally, performance can be affected by:
-N> * External resources loaded in the HTML (such as images, scripts, and styles)
-N> * Network speed for online URL conversions
-N> * Hardware resources (CPU and memory)
-
-You can download a complete working sample from [GitHub](https://github.com/SyncfusionExamples/html-to-pdf-csharp-examples/tree/master/Performance_Testing/Syncfusion_HTMLtoPDF).
\ No newline at end of file
diff --git a/Document-Processing/PDF/Conversions/HTML-To-PDF/NET/features.md b/Document-Processing/PDF/Conversions/HTML-To-PDF/NET/features.md
index ebf3a7b0a..3ce65618b 100644
--- a/Document-Processing/PDF/Conversions/HTML-To-PDF/NET/features.md
+++ b/Document-Processing/PDF/Conversions/HTML-To-PDF/NET/features.md
@@ -807,96 +807,6 @@ padding-left: 5px;
 
 You can download a complete working sample from [GitHub](https://github.com/SyncfusionExamples/PDF-Examples/tree/master/HTML%20to%20PDF/Blink/Create-custom-style-TOC-when-converting-HTML-to-PDF).
 
-## Exclude cover page from TOC
-
-This code snippet shows how to configure the Table of Contents (TOC) to skip the cover page by setting the starting page number. In this example, the cover page is a single page, so the TOC begins at page 1. For documents with multiple cover pages, adjust the starting page number as needed.
-
-{% tabs %}
-
-{% highlight c# tabtitle="C# [Cross-platform]" playgroundButtonLink="https://raw.githubusercontent.com/SyncfusionExamples/PDF-Examples/master/HTML%20to%20PDF/Blink/Skip-cover-page-in-TOC-page-numbering/.NET/Skip-cover-page-in-TOC-page-numbering/Program.cs, 300" %}
-
-using Syncfusion.Drawing;
-using Syncfusion.HtmlConverter;
-using Syncfusion.Pdf;
-
-// Create an instance of HTML-to-PDF converter
-HtmlToPdfConverter htmlConverter = new HtmlToPdfConverter();
-// Configure Blink converter settings
-BlinkConverterSettings blinkConverterSettings = new BlinkConverterSettings()
-{
-    ViewPortSize = new Size(1280, 0), // Set viewport width for rendering
-    EnableToc = true,                 // Enable Table of Contents (TOC)
-};
-// Set TOC starting page number to skip the cover page
-blinkConverterSettings.Toc.StartingPageNumber = 1;
-// Apply the settings to the converter
-htmlConverter.ConverterSettings = blinkConverterSettings;
-// Read the main HTML content and convert it to PDF
-string inputhtml = File.ReadAllText("input.html");
-PdfDocument document = htmlConverter.Convert(inputhtml, "");
-//Create cover page and insert to the 0th index.
-// Apply scaling settings for the cover page
-htmlConverter.ConverterSettings = new BlinkConverterSettings()
-{
-    Scale = 1.5f
-};
-// Convert the cover page HTML to PDF
-string coverimage = File.ReadAllText("coverpage.html");
-PdfDocument coverPage = htmlConverter.Convert(coverimage, "");
-// Insert the cover page at the beginning of the main document
-document.Pages.Insert(0, coverPage.Pages[0]);
-// Save the PDF document
-document.Save("Output.pdf");
-//Dispose the document
-coverPage.Close(true);
-document.Close(true);
-htmlConverter.Close();
-
-{% endhighlight %}
-
-{% highlight vb.net tabtitle="VB.NET [Windows-specific]" %}
-
-Imports Syncfusion.Drawing
-Imports Syncfusion.HtmlConverter
-Imports Syncfusion.Pdf
-
-' Create an instance of HTML-to-PDF converter
-Dim htmlConverter As New HtmlToPdfConverter()
-' Configure Blink converter settings
-Dim blinkConverterSettings As New BlinkConverterSettings() With {
-    .ViewPortSize = New Size(1280, 0), ' Set viewport width for rendering
-    .EnableToc = True                  ' Enable Table of Contents (TOC)
-}
-' Set TOC starting page number to skip the cover page
-blinkConverterSettings.Toc.StartingPageNumber = 1
-' Apply the settings to the converter
-htmlConverter.ConverterSettings = blinkConverterSettings
-' Read the main HTML content and convert it to PDF
-Dim inputhtml As String = File.ReadAllText("input.html")
-Dim document As PdfDocument = htmlConverter.Convert(inputhtml, "")
-' Create cover page and insert to the 0th index.
-' Apply scaling settings for the cover page
-htmlConverter.ConverterSettings = New BlinkConverterSettings() With {
-    .Scale = 1.5F
-}
-' Convert the cover page HTML to PDF
-Dim coverimage As String = File.ReadAllText("coverpage.html")
-Dim coverPage As PdfDocument = htmlConverter.Convert(coverimage, "")
-' Insert the cover page at the beginning of the main document
-document.Pages.Insert(0, coverPage.Pages(0))
-' Save the PDF document
-document.Save("Output.pdf")
-' Dispose the documents
-coverPage.Close(True)
-document.Close(True)
-htmlConverter.Close()
-
-{% endhighlight %}
-
-{% endtabs %}
-
-You can download a complete working sample from [GitHub](https://github.com/SyncfusionExamples/PDF-Examples/tree/master/HTML%20to%20PDF/Blink/Skip-cover-page-in-TOC-page-numbering/.NET).
-
 ## Media Type
 
 The Blink HTML Converter allows selection of media type while converting HTML to PDF. Blink rendering engine supports <b>Screen</b> and <b>Print</b> media types. Refer to the following code snippet to select Print [MediaType](https://help.syncfusion.com/cr/document-processing/Syncfusion.HtmlConverter.BlinkConverterSettings.html#Syncfusion_HtmlConverter_BlinkConverterSettings_MediaType).
diff --git a/Document-Processing/PDF/Conversions/HTML-To-PDF/NET/troubleshooting.md b/Document-Processing/PDF/Conversions/HTML-To-PDF/NET/troubleshooting.md
index cb89948c2..5276d8aa1 100644
--- a/Document-Processing/PDF/Conversions/HTML-To-PDF/NET/troubleshooting.md
+++ b/Document-Processing/PDF/Conversions/HTML-To-PDF/NET/troubleshooting.md
@@ -1043,6 +1043,7 @@ Blink binaries (Version 109.0.5414.75),
 
 </table>
 
+
 ## There was an error opening this document. This file is already open or in use by another application.
 
 <table>
@@ -1093,6 +1094,90 @@ fileStream.Dispose();
 
 </table>
 
+## HTML to PDF Performance Benchmarks:
+
+We have prepared the following benchmark details for converting HTML to PDF, using the specified machine configuration and input HTML files:
+
+<h2>Environment Details:</h2>
+ 
+
+OS Edition          : Windows 11 Enterprise
+
+Version               : 22H2
+
+Processor           : 11th Gen Intel(R) Core(TM) i5-1135G7 @ 2.40GHz   2.42 GHz
+
+Installed RAM    : 20.0 GB (19.7 GB usable)
+
+System type       : 64-bit operating system, x64-based processor
+ 
+
+<h2>Example Application:</h2>
+
+The benchmark details were obtained using the [Syncfusion.HtmlToPdfConverter.Net.Windows](https://www.nuget.org/packages/Syncfusion.HtmlToPdfConverter.Net.Windows) package. You can refer to the following sample, as well as the input and output files used:
+
+Input HTML files         : <a href="https://github.com/SyncfusionExamples/html_to_pdf_conversion/tree/main/Performance_Testing/Syncfusion_HTMLtoPDF/wwwroot/Data">https://github.com/SyncfusionExamples/html_to_pdf_conversion/tree/main/Performance_Testing/Syncfusion_HTMLtoPDF/wwwroot/Data</a>
+
+Output PDF files        : <a href="https://www.syncfusion.com/downloads/support/directtrac/general/ze/Output-924807763.zip">https://www.syncfusion.com/downloads/support/directtrac/general/ze/Output-924807763.zip</a>
+
+<h2>Results:</h2>
+
+<table border="1">
+<th style="font-size:14px" width="100px">Input Page count</th>
+<th style="font-size:14px">Conversion time
+
+(Avg value of 5 conversions)
+</th>
+<th style="font-size:14px">Process Memory and CPU usage
+</th>
+<tr>
+    <td>10+ Pages</td>
+    <td>2.78 seconds</td>
+    <td>	
+Memory usage: 318 MB
+
+CPU usage: 10%</td>
+</tr>
+<tr>
+    <td>100+ pages</td>
+    <td>3.65 seconds</td>
+    <td>Memory usage: 367 MB
+
+CPU usage: 14%</td>
+</tr>
+<tr>
+    <td>1000+ pages</td>
+    <td>6.72 seconds</td>
+    <td>Memory usage: 813 MB
+
+CPU usage: 27%</td>
+</tr>
+<tr>
+    <td>10 documents with 100+ pages in a loop</td>
+    <td>30.52 seconds</td>
+    <td>	
+Memory usage: 663 MB
+
+CPU usage: 15%</td>
+</tr>
+<tr>
+    <td>10 documents with 1000+ pages in a loop</td>
+    <td>1 minute 10 seconds</td>
+    <td>	
+Memory usage: 2.2 GB
+
+CPU usage: 64%</td>
+</tr>
+</table>
+
+N> The performance metrics were recorded on a freshly configured machine. Speed and memory usage may vary if the machine is running other processes. Additionally, performance can be affected by:
+
+N> * External resources loaded in the HTML (such as images, scripts, and styles)
+N> * Network speed for online URL conversions
+N> * Hardware resources (CPU and memory)
+
+You can download a complete working sample from [GitHub](https://github.com/SyncfusionExamples/html-to-pdf-csharp-examples/tree/master/Performance_Testing/Syncfusion_HTMLtoPDF).
+
 ## Custom fonts are not rendered in Azure App Service and Function Linux using Blink.
 
 <table>
diff --git a/Document-Processing/PDF/PDF-Library/NET/Performance-Metrics.md b/Document-Processing/PDF/PDF-Library/NET/Performance-Metrics.md
deleted file mode 100644
index 0d66e5c4e..000000000
--- a/Document-Processing/PDF/PDF-Library/NET/Performance-Metrics.md
+++ /dev/null
@@ -1,173 +0,0 @@
----
-title: Performance Metrics of the Syncfusion PDF Library
-description: This section provides a detailed overview of the performance metrics and capabilities of the PDF processing library.
-platform: document-processing
-control: PDF
-documentation: UG
----
-
-# Performance Metrics in PDF Library
-
-The Syncfusion<sup>&reg;</sup> [.NET PDF library](https://www.syncfusion.com/document-sdk/net-pdf-library) provides high-performance APIs to create, read, edit, and secure PDF documents programmatically. This performance benchmark report highlights the speed and efficiency of key operations, demonstrating how PDF library handles large-scale document processing in real-world scenarios.
-
-## Environment Details
-
-The following system configurations were used for benchmarking:
-
-* Operating System: Windows 10
-* Processor: AMD Ryzen 7 5800HS with Radeon Graphics 3.20 GHz
-* RAM: 16GB
-* .NET Version: .NET 10.0
-* Syncfusion® Version: [Syncfusion.Pdf.Net.Core 31.2.12](https://www.nuget.org/packages/Syncfusion.Pdf.Net.Core/31.2.12)
-
-## Create document
-
-The table below illustrates the performance of PDF document creation.
-
-<table>
-  <tr>
-    <th>Pages</th>
-    <th>Syncfusion<sup>&reg;</sup> Time (sec)</th>
-  </tr>
-  <tr>
-    <td>1</td>
-    <td>0.17 seconds</td>
-  </tr>
-  <tr>
-    <td>100</td>
-    <td>0.79 seconds</td>
-  </tr>
-    <tr>
-    <td>500</td>
-    <td>1.16 seconds</td>
-  </tr>
-  <tr>
-    <td>1000</td>
-    <td>1.68 seconds</td>
-  </tr>
-</table>
-
-A complete working sample used for this performance evaluation is available for download on [GitHub](https://github.com/SyncfusionExamples/PDF-Examples/tree/master/Performance%20Metrics/.NET/Document_creation).
-
-## Open and save PDF document
-
-The table below illustrates the performance of open and save operations when working with PDF documents.
-
-<table>
-  <tr>
-    <th>Pages</th>
-    <th>Input PDF files</th>
-    <th>Syncfusion<sup>&reg;</sup> Time (sec)</th>
-  </tr>
-  <tr>
-    <td>64</td>
-        <td><a href="https://github.com/SyncfusionExamples/PDF-Examples/blob/master/Performance%20Metrics/.NET/Open-and-Save-document/Open-and-Save-document/Data/PDF_Succinctly.pdf">PDF_Succinctly.pdf</a></td>
-    <td>0.06 seconds</td>    
-  </tr>
-  <tr>
-    <td>132</td>
-    <td><a href="https://github.com/SyncfusionExamples/PDF-Examples/blob/master/Performance%20Metrics/.NET/Open-and-Save-document/Open-and-Save-document/Data/JavaScript_Succinctly.pdf">JavaScript_Succinctly.pdf</a></td>
-    <td>0.42 seconds</td>
-  </tr>
-</table>            
-
-A complete working sample used for this performance evaluation is available for download on [GitHub](https://github.com/SyncfusionExamples/PDF-Examples/tree/master/Performance%20Metrics/.NET/Open-and-Save-document).
-
-## Apply Watermark
-
-The table below illustrates the performance of watermark application operations in PDF documents.
-
-<table>
-  <tr>
-    <th>Pages</th>
-    <th>Input PDF files</th>
-    <th>Syncfusion<sup>&reg;</sup> Time (sec)</th>
-  </tr>
-  <tr>
-    <td>64</td>
-        <td><a href="https://github.com/SyncfusionExamples/PDF-Examples/blob/master/Performance%20Metrics/.NET/Apply-watermark/Apply-watermark/Data/PDF_Succinctly.pdf">PDF_Succinctly.pdf</a></td>
-    <td>0.15 seconds</td>    
-  </tr>
-  <tr>
-    <td>132</td>
-    <td><a href="https://github.com/SyncfusionExamples/PDF-Examples/blob/master/Performance%20Metrics/.NET/Apply-watermark/Apply-watermark/Data/JavaScript_Succinctly.pdf">JavaScript_Succinctly.pdf</a></td>
-    <td>0.66 seconds</td>
-  </tr>
-</table>  
-
-A complete working sample used for this performance evaluation is available for download on [GitHub](https://github.com/SyncfusionExamples/PDF-Examples/tree/master/Performance%20Metrics/.NET/Apply-watermark).
-
-## Merge PDF document
-
-The table below illustrates the performance of merge operations on PDF documents.
-
-<table>
-  <tr>
-    <th>Pages</th>
-    <th>Input PDF files</th>
-    <th>Syncfusion<sup>&reg;</sup> Time (sec)</th>
-  </tr>
-  <tr>
-    <td>64</td>
-        <td><a href="https://github.com/SyncfusionExamples/PDF-Examples/blob/master/Performance%20Metrics/.NET/Merge-Documents/Merge-Documents/Data/PDF_Succinctly.pdf">PDF_Succinctly.pdf</a></td>
-    <td>0.96 seconds</td>    
-  </tr>
-  <tr>
-    <td>132</td>
-    <td><a href="https://github.com/SyncfusionExamples/PDF-Examples/blob/master/Performance%20Metrics/.NET/Merge-Documents/Merge-Documents/Data/JavaScript_Succinctly.pdf">JavaScript_Succinctly.pdf</a></td>
-    <td>0.96 seconds</td>
-  </tr>
-</table>
-
-A complete working sample used for this performance evaluation is available for download on [GitHub](https://github.com/SyncfusionExamples/PDF-Examples/tree/master/Performance%20Metrics/.NET/Merge-Documents).
-
-## Split PDF document
-
-The table below illustrates the performance of split operations on PDF documents.
-
-<table>
-  <tr>
-    <th>Pages</th>
-    <th>Input PDF files</th>
-    <th>Syncfusion<sup>&reg;</sup> Time (sec)</th>
-  </tr>
-  <tr>
-    <td>64</td>
-    <td><a href="https://github.com/SyncfusionExamples/PDF-Examples/blob/master/Performance%20Metrics/.NET/Split-PDF/Split-PDF/Data/PDF_Succinctly.pdf">PDF_Succinctly.pdf</a></td>
-    <td>0.52 seconds</td>    
-  </tr>
-  <tr>
-    <td>132</td>
-    <td><a href="https://github.com/SyncfusionExamples/PDF-Examples/blob/master/Performance%20Metrics/.NET/Split-PDF/Split-PDF/Data/JavaScript_Succinctly.pdf">JavaScript_Succinctly.pdf</a></td>
-    <td>1.37 seconds</td>
-  </tr>
-</table>
-
-A complete working sample used for this performance evaluation is available for download on [GitHub](https://github.com/SyncfusionExamples/PDF-Examples/tree/master/Performance%20Metrics/.NET/Split-PDF).
-
-## Compress PDF
-
-The table below illustrates the performance of compression operations applied to PDF documents. To compress an existing PDF document in .NET, you should add the [Syncfusion.Pdf.Imaging.NET](https://www.nuget.org/packages/Syncfusion.Pdf.Imaging.NET/31.2.12) package.
-
-<table>
-  <tr>
-    <th>Pages</th>
-    <th>Input PDF files</th>
-    <th>Syncfusion<sup>&reg;</sup> Time (sec)</th>
-  </tr>
-  <tr>
-    <td>64</td>
-        <td><a href="https://github.com/SyncfusionExamples/PDF-Examples/blob/master/Performance%20Metrics/.NET/Compress-pdf/Compress-pdf/Data/PDF_Succinctly.pdf">PDF_Succinctly.pdf</a></td>
-    <td>12.28 seconds</td>    
-  </tr>
-  <tr>
-    <td>132</td>
-    <td><a href="https://github.com/SyncfusionExamples/PDF-Examples/blob/master/Performance%20Metrics/.NET/Compress-pdf/Compress-pdf/Data/JavaScript_Succinctly.pdf">JavaScript_Succinctly.pdf</a></td>
-    <td>8.39 seconds</td>
-  </tr>
-</table>
-
-A complete working sample used for this performance evaluation is available for download on [GitHub](https://github.com/SyncfusionExamples/PDF-Examples/tree/master/Performance%20Metrics/.NET/Compress-pdf).
-
-N> Compression efficiency varies based on the type of content in the input PDF document.
-N> Benchmarks were measured on a freshly configured system. Performance results such as speed and memory usage may differ when additional processes are running on the machine.
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Library/NET/Supported-and-Unsupported-Features.md b/Document-Processing/PDF/PDF-Library/NET/Supported-and-Unsupported-Features.md
index 92c6b42d7..e878baafc 100644
--- a/Document-Processing/PDF/PDF-Library/NET/Supported-and-Unsupported-Features.md
+++ b/Document-Processing/PDF/PDF-Library/NET/Supported-and-Unsupported-Features.md
@@ -1,11 +1,11 @@
 ---
-title: Supported and Unsupported Features | Syncfusion 
+title: Supported and Unsupported PDF Features | Syncfusion 
 description: This section explains about features available in Essential PDF and their availability in different platforms.
 platform: document-processing
 control: PDF
 documentation: UG
 ---
-# Supported and Unsupported Features 
+# Supported and Unsupported PDF Features 
 
 The following table shows the various features available in the Essential<sup>&reg;</sup> PDF and their availability in different platforms.
 
@@ -660,10 +660,10 @@ Yes<br/><br/></td>
 PDF/x1a: 2001 Compliance<br/><br/></td><td>
 Yes<br/><br/></td><td>
 Yes<br/><br/></td><td>
-No<br/><br/></td>
-<td>No<br/><br/></td>
-<td>No<br/><br/></td>
-<td>No<br/><br/></td></tr>
+Yes<br/><br/></td>
+<td>Yes<br/><br/></td>
+<td>Yes<br/><br/></td>
+<td>Yes<br/><br/></td></tr>
 <tr>
 <td>
 ZUGFeRD Invoice<br/><br/></td><td>
diff --git a/Document-Processing/PDF/PDF-Library/NET/Working-with-Layers.md b/Document-Processing/PDF/PDF-Library/NET/Working-with-Layers.md
index 5d1dc2b1b..98e5eb3c2 100644
--- a/Document-Processing/PDF/PDF-Library/NET/Working-with-Layers.md
+++ b/Document-Processing/PDF/PDF-Library/NET/Working-with-Layers.md
@@ -12,9 +12,6 @@ Layers, also known as Option Content refers to sections of content in a PDF docu
 
 Essential<sup>&reg;</sup> PDF provides support to create, add and merge the layers into PDF document.
 
-Check the following video to learn how to work with PDF layers using the .NET PDF Library.
-{% youtube "https://youtu.be/xvQ7yM0Pddk?si=T8guG9seZNX09pFb" %}
-
 ## Adding Layers in a PDF document
 
 Essential<sup>&reg;</sup> PDF allows the users to create a layer in a PDF page using [PdfPageLayer](https://help.syncfusion.com/cr/document-processing/Syncfusion.Pdf.PdfPageLayer.html) class. The below code example illustrates how to add the multiple layers in a new PDF document.
diff --git a/Document-Processing/PDF/PDF-Library/NET/Working-with-OCR/Features.md b/Document-Processing/PDF/PDF-Library/NET/Working-with-OCR/Features.md
index 6d3fa8120..43708e95e 100644
--- a/Document-Processing/PDF/PDF-Library/NET/Working-with-OCR/Features.md
+++ b/Document-Processing/PDF/PDF-Library/NET/Working-with-OCR/Features.md
@@ -152,7 +152,7 @@ You can downloaded a complete working sample from [GitHub](https://github.com/Sy
 
 ## Performing OCR with tesseract version 3.05
 
-The [TesseractVersion](https://help.syncfusion.com/cr/document-processing/Syncfusion.OCRProcessor.OCRSettings.html#Syncfusion_OCRProcessor_OCRSettings_TesseractVersion) property is used to switch the tesseract version between 3.02 and 3.05. By default, OCR works with tesseract version 3.02.
+The [TesseractVersion](https://help.syncfusion.com/cr/document-processing/Syncfusion.OCRProcessor.OCRSettings.html#Syncfusion_OCRProcessor_OCRSettings_TesseractVersion) property is used to switch the tesseract version between 3.02 and 3.05. By default, OCR works with tesseract version 5.0.
 
 N> The starting supported version of tesseract in ASP.NET Core is 4.0. So the lower tesseract versions 3.02 and 3.05 are not supported and we don't have the property called ``TesseractVersion`` in ASP.NET Core platform.
 
@@ -216,9 +216,7 @@ End Using
 
 ## Performing OCR with Tesseract Version 4.0
 
-The [TesseractVersion](https://help.syncfusion.com/cr/document-processing/Syncfusion.OCRProcessor.OCRSettings.html#Syncfusion_OCRProcessor_OCRSettings_TesseractVersion) property is used to switch the tesseract version to 4.0. By default, OCR will be performed with tesseract version 3.02.
-
-N> In ASP.NET Core platform, the default and starting supported version of tesseract is 4.0. So we did not have the property called ``TesseractVersion`` in ASP.NET Core platform. 
+The [TesseractVersion](https://help.syncfusion.com/cr/document-processing/Syncfusion.OCRProcessor.OCRSettings.html#Syncfusion_OCRProcessor_OCRSettings_TesseractVersion) property is used to switch the tesseract version to 4.0. By default, OCR will be performed with tesseract version 5.0.
 
 The following code sample explains the OCR processor with Tesseract version 4.0 for PDF documents.
  
@@ -277,6 +275,67 @@ End Using
 
 {% endtabs %}  
 
+## Performing OCR with Tesseract Version 5.0
+
+The [TesseractVersion](https://help.syncfusion.com/cr/document-processing/Syncfusion.OCRProcessor.OCRSettings.html#Syncfusion_OCRProcessor_OCRSettings_TesseractVersion) property is used to switch the tesseract version to 5.0. By default, OCR will be performed with tesseract version 5.0.
+
+The following code sample explains the OCR processor with Tesseract version 5.0 for PDF documents.
+ 
+{% tabs %} 
+
+{% highlight c# tabtitle="C# [Cross-platform]" %}
+
+using Syncfusion.OCRProcessor;
+using Syncfusion.Pdf.Parsing;
+
+//Initialize the OCR processor.
+using (OCRProcessor processor = new OCRProcessor())
+{
+    //Load an existing PDF document.
+    PdfLoadedDocument document = new PdfLoadedDocument("Input.pdf");
+
+    //Set OCR language.
+    processor.Settings.Language = Languages.English;
+    //Set tesseract OCR Engine.
+    processor.Settings.TesseractVersion = TesseractVersion.Version5_0;
+    //Perform OCR with input document, tessdata (Language packs) and enabling isMemoryOptimized property.
+    processor.PerformOCR(document);
+
+    //Save the PDF document.
+    document.Save("Output.pdf);
+    //Close the document.
+    document.Close(true);
+}
+
+{% endhighlight %}
+
+{% highlight vb.net tabtitle="VB.NET [Windows-specific]" %}
+
+Imports Syncfusion.OCRProcessor
+Imports Syncfusion.Pdf.Parsing
+
+'Initialize the OCR processor with tesseract binaries folder path. 
+Using processor As OCRProcessor = New OCRProcessor("TesseractBinaries/5.0/")
+    'Load an existing PDF document. 
+    Dim document As PdfLoadedDocument = New PdfLoadedDocument("Input.pdf")
+
+    'Set OCR language. 
+    processor.Settings.Language = Languages.English
+    'Set tesseract OCR Engine. 
+    processor.Settings.TesseractVersion = TesseractVersion.Version5_0
+    'Perform OCR with input document, tessdata (Language packs) and enabling isMemoryOptimized property.
+    processor.PerformOCR(document)
+    
+    'Save the PDF document.
+    document.Save("Output.pdf")
+    'Close the document. 
+    document.Close(True)
+End Using
+
+{% endhighlight %}
+
+{% endtabs %}  
+
 ## Performing OCR on image
 
 The below code example illustrates how to perform OCR on image file using [PerformOCR](https://help.syncfusion.com/cr/document-processing/Syncfusion.OCRProcessor.OCRProcessor.html#Syncfusion_OCRProcessor_OCRProcessor_PerformOCR_System_Drawing_Bitmap_System_String_) method in [OCRProcessor](https://help.syncfusion.com/cr/document-processing/Syncfusion.OCRProcessor.OCRProcessor.html) class.
@@ -1005,6 +1064,178 @@ End Using
 
 N> The OCR Engine Mode is supported only in the Tesseract version 4.0 and above.
 
+## Performing OCR with different OCR Image Enhancement Mode
+
+The `ImageEnhancementMode` property is used to set the OCR image enhancement modes. By default, OCR works with the `EnhanceForRecognitionOnly` image enhancement mode. Kindly refer to the following code example to perform OCR with different OCR image enhancement segmentation mode.
+
+The following table describes the available OCR image enhancement modes and their respective purposes.
+
+<table>
+<thead>
+<tr>
+<th>
+OCR Image Enhancement Mode<br/><br/></th><th>
+Description<br/><br/></th></tr>
+</thead>
+<tbody>
+<tr>
+<td>
+EnhanceForRecognitionOnly<br/><br/></td><td>
+Image is enhanced internally to improve OCR accuracy, but the original image is retained in the output.<br/><br/></td></tr>
+<tr>
+<td>
+EnhanceAndIncludeInOutput<br/><br/></td><td>
+Image is enhanced and the enhanced version is used in the output document.<br/><br/></td></tr>
+<tr>
+<td>
+None<br/><br/></td><td>
+No image enhancement is performed. The original image is used for OCR processing.<br/><br/></td></tr>
+</tbody>
+</table>
+
+{% tabs %}
+
+{% highlight c# tabtitle="C# [Cross-platform]" %}
+
+using Syncfusion.OCRProcessor;
+using Syncfusion.Pdf.Parsing;
+
+// Initialize the OCR processor
+using (OCRProcessor processor = new OCRProcessor())
+{
+    // Load an existing PDF document
+    PdfLoadedDocument document = new PdfLoadedDocument("Input.pdf");
+    // Set the OCR language to English for text recognition.
+    processor.Settings.Language = Languages.English;
+    // Set the OCR image enhancement mode to improve recognition accuracy.
+    processor.ImageEnhancementMode = OcrImageEnhancementMode.EnhanceForRecognitionOnly;
+    // Perform OCR with input document and tessdata (Language packs)
+    processor.PerformOCR(document);
+    // Save the processed PDF document
+    document.Save("Output.pdf");
+    // Close the document 
+    document.Close(true);
+}
+
+{% endhighlight %}
+
+{% highlight vb.net tabtitle="VB.NET [Windows-specific]" %}
+
+Imports Syncfusion.OCRProcessor
+Imports Syncfusion.Pdf.Parsing
+
+' Initialize the OCR processor
+Using processor As New OCRProcessor()
+
+    ' Load an existing PDF document
+    Dim document As New PdfLoadedDocument("Input.pdf")
+    ' Set the OCR language to English for text recognition
+    processor.Settings.Language = Languages.English
+    ' Set the OCR image enhancement mode to improve recognition accuracy
+    processor.ImageEnhancementMode = OcrImageEnhancementMode.EnhanceForRecognitionOnly
+    ' Perform OCR with input document and tessdata (Language packs)
+    processor.PerformOCR(document)
+    ' Save the processed PDF document
+    document.Save("Output.pdf")
+    ' Close the document
+    document.Close(True)
+
+End Using
+
+{% endhighlight %}
+{% endtabs %} 
+
+## Performing OCR with different OCR Image Enhancement options
+
+The `ImageEnhancementMode` property is used to set the OCR image enhancement mode. Refer to the following code example to perform OCR with different image enhancement options.
+
+The following table describes the available OCR image enhancement options and their respective purposes.
+
+<table>
+<thead>
+<tr>
+<th>
+OCR Image Enhancement options<br/><br/></th><th>
+Description<br/><br/></th></tr>
+</thead>
+<tbody>
+<tr>
+<td>
+IsGrayscaleEnabled<br/><br/></td><td>
+Simplifies image data by removing color information, making text easier to detect.<br/><br/></td></tr>
+<tr>
+<td>
+IsDeskewEnabled<br/><br/></td><td>
+Corrects tilted or rotated text for proper alignment.<br/><br/></td></tr>
+<tr>
+<td>
+IsDenoiseEnabled<br/><br/></td><td>
+Removes speckles and artifacts that can interfere with character recognition.<br/><br/></td></tr>
+<tr>
+<td>
+IsConstrastEnabled<br/><br/></td><td>
+Enhances text visibility against the background.<br/><br/></td></tr>
+<tr>
+<td>
+IsBinarizeEnabled<br/><br/></td><td>
+Converts images to black-and-white for sharper text edges, using advanced thresholding methods.<br/><br/></td></tr>
+</tbody>
+</table>
+
+{% tabs %}
+
+{% highlight c# tabtitle="C# [Cross-platform]" %}
+
+using Syncfusion.OCRProcessor;
+using Syncfusion.Pdf.Parsing;
+
+// Initialize the OCR processor
+using (OCRProcessor processor = new OCRProcessor())
+{
+    // Load an existing PDF document
+    PdfLoadedDocument document = new PdfLoadedDocument("Input.pdf");
+    // Set the OCR language to English for text recognition.
+    processor.Settings.Language = Languages.English;
+    // Set the options for image enhancement during the OCR process.
+    OcrImageEnhancementOptions options = new OcrImageEnhancementOptions();
+    // Enable grayscale conversion to improve OCR accuracy by reducing color noise.
+    options.IsGrayscaleEnabled = true;
+    // Perform OCR with input document and tessdata (Language packs)
+    processor.PerformOCR(document);
+    // Save the processed PDF document
+    document.Save("Output.pdf");
+    // Close the document 
+    document.Close(true);
+}
+
+{% endhighlight %}
+
+{% highlight vb.net tabtitle="VB.NET [Windows-specific]" %}
+
+Imports Syncfusion.OCRProcessor
+Imports Syncfusion.Pdf.Parsing
+
+' Initialize the OCR processor inside a Using block to ensure proper disposal.
+Using processor As New OCRProcessor()
+    ' Load an existing PDF document.
+    Dim document As New PdfLoadedDocument("Input.pdf")
+    ' Set the OCR language to English for text recognition.
+    processor.Settings.Language = Languages.English
+    ' Set the options for image enhancement during the OCR process.
+    Dim options As New OcrImageEnhancementOptions()
+    ' Enable grayscale conversion to improve OCR accuracy by reducing color noise.
+    options.IsGrayscaleEnabled = True
+    ' Perform OCR on the input document using tessdata (language packs).
+    processor.PerformOCR(document)
+    ' Save the processed PDF document.
+    document.Save("Output.pdf")
+    ' Close the document and release resources.
+    document.Close(True)
+End Using
+
+{% endhighlight %}
+{% endtabs %} 
+
 ## White List
 
 The [WhiteList](https://help.syncfusion.com/cr/document-processing/Syncfusion.OCRProcessor.OCRSettings.html#Syncfusion_OCRProcessor_OCRSettings_WhiteList) property specifies a list of characters that the OCR engine is only allowed to recognize. If a character is not on the white list, it will not be included in the output OCR results. For more information, refer to the following code sample. 
diff --git a/Document-Processing/PDF/PDF-Library/NET/Working-with-OCR/Working-with-OCR.md b/Document-Processing/PDF/PDF-Library/NET/Working-with-OCR/Working-with-OCR.md
index ae0b2f4dd..c7c9791ad 100644
--- a/Document-Processing/PDF/PDF-Library/NET/Working-with-OCR/Working-with-OCR.md
+++ b/Document-Processing/PDF/PDF-Library/NET/Working-with-OCR/Working-with-OCR.md
@@ -11,7 +11,15 @@ keywords: Assemblies
 
 Optical character recognition (OCR) is a technology used to convert scanned paper documents in the form of PDF files or images into searchable and editable data.  
 
-The [Syncfusion<sup>&reg;</sup> OCR processor library](https://www.syncfusion.com/document-processing/pdf-framework/net/pdf-library/ocr-process) has extended support to process OCR on scanned PDF documents and images with the help of Google’s [Tesseract](https://github.com/tesseract-ocr/tesseract) Optical Character Recognition engine.  
+The [Syncfusion<sup>&reg;</sup> OCR processor library](https://www.syncfusion.com/document-processing/pdf-framework/net/pdf-library/ocr-process) has extended support to process OCR on scanned PDF documents and images with the help of Google’s [Tesseract](https://github.com/tesseract-ocr/tesseract) Optical Character Recognition engine.
+
+An inbuilt `image preprocessor` has been added to the OCR to prepare images for optimal recognition. This step ensures cleaner input and reduces OCR errors. The preprocessor supports the following enhancements:
+
+* **Convert to Grayscale** – Simplifies image data by removing color information, making text easier to detect.
+* **Deskew** – Corrects tilted or rotated text for proper alignment.
+* **Denoise** – Removes speckles and artifacts that can interfere with character recognition.
+* **Apply Contrast Adjustment** – Enhances text visibility against the background.
+* **Apply Binarize** – Converts images to black-and-white for sharper text edges, using advanced thresholding methods
 
 The Syncfusion<sup>&reg;</sup> OCR processor library works seamlessly in various platforms: Azure App Services, Azure Functions, AWS Textract, Docker, WinForms, WPF, Blazor, ASP.NET MVC, ASP.NET Core with Windows, MacOS and Linux. 
 
@@ -85,14 +93,6 @@ ASP.NET
 </tr>
 <tr>
 <td>
-ASP.NET MVC4
-</td>
-<td>
-{{'[Syncfusion.Pdf.OCR.AspNet.Mvc4.nupkg](https://www.nuget.org/packages/Syncfusion.Pdf.OCR.AspNet.Mvc4)'| markdownify }}
-</td>
-</tr>
-<tr>
-<td>
 ASP.NET MVC5
 </td>
 <td>
@@ -133,6 +133,7 @@ Windows Forms, WPF, ASP.NET, and ASP.NET MVC
 <li>Syncfusion.OCRProcessor.Base.dll</li>
 <li>Syncfusion.Pdf.Base.dll</li>
 <li>Syncfusion.Compression.Base.dll</li>
+<li>Syncfusion.ImagePreProcessor.Base.dll</li>
 </ul>
 </td>
 </tr>
@@ -146,13 +147,14 @@ Windows Forms, WPF, ASP.NET, and ASP.NET MVC
 <li>Syncfusion.PdfImaging.Portable.dll</li>
 <li>Syncfusion.Pdf.Portable.dll</li>
 <li>Syncfusion.Compression.Portable.dll</li>
-<li>{{'[SkiaSharp](https://www.nuget.org/packages/SkiaSharp/2.88.0-preview.232)'| markdownify }} package</li>
+<li>{{'[SkiaSharp](https://www.nuget.org/packages/SkiaSharp/3.119.1)'| markdownify }} package</li>
+<li>Syncfusion.ImagePreProcessor.Portable.dll</li>
 </ul>
 </td>
 </tr>
 <tr>
 <td>
-.NET 8/.NET 9
+.NET 8/.NET 9/.NET 10
 </td>
 <td>
 <ul>
@@ -160,7 +162,8 @@ Windows Forms, WPF, ASP.NET, and ASP.NET MVC
 <li>Syncfusion.PdfImaging.NET.dll</li>
 <li>Syncfusion.Pdf.NET.dll</li>
 <li>Syncfusion.Compression.NET.dll</li>
-<li>{{'[SkiaSharp](https://www.nuget.org/packages/SkiaSharp/2.88.0-preview.232)'| markdownify }} package</li>
+<li>{{'[SkiaSharp](https://www.nuget.org/packages/SkiaSharp/3.119.1)'| markdownify }} package</li>
+<li>Syncfusion.ImagePreProcessor.NET.dll</li>
 </ul>
 </td>
 </tr>
diff --git a/Document-Processing/PDF/PDF-Library/NET/Working-with-PDF-Conformance.md b/Document-Processing/PDF/PDF-Library/NET/Working-with-PDF-Conformance.md
index 30a3ab9f7..1566ea575 100644
--- a/Document-Processing/PDF/PDF-Library/NET/Working-with-PDF-Conformance.md
+++ b/Document-Processing/PDF/PDF-Library/NET/Working-with-PDF-Conformance.md
@@ -1220,7 +1220,30 @@ You can create a PDF/X-1a document by specifying the conformance level as ```Pdf
 
 {% highlight c# tabtitle="C# [Cross-platform]" %} 
 
-//Creating PDF/X-conformance documents is not supported on C#.NET cross-platform environments.
+using Syncfusion.Pdf;
+using Syncfusion.Pdf.Graphics;
+
+//Create a new document with PDF/x standard.
+PdfDocument document = new PdfDocument(PdfConformanceLevel.Pdf_X1A2001);
+//Add a page.
+PdfPage page = document.Pages.Add();
+//Set color space. 
+document.ColorSpace = PdfColorSpace.CMYK;
+
+//Create Pdf graphics for the page.
+PdfGraphics graphics = page.Graphics;
+//Create a solid brush.
+PdfBrush brush = new PdfSolidBrush(Color.Black);
+//Load the TrueType font from the local file.
+FileStream fontStream = new FileStream("Arial.ttf", FileMode.Open, FileAccess.Read); 
+//Set the font.
+PdfFont font = new PdfTrueTypeFont(fontStream, 14);
+//Draw the text.
+graphics.DrawString("Hello world!", pdfFont, brush, new PointF(20, 20));
+
+//Save and close the document.
+document.Save("Output.pdf");
+document.Close(true);
 
 {% endhighlight %}
 
diff --git a/Document-Processing/PDF/PDF-Library/javascript/Annotations.md b/Document-Processing/PDF/PDF-Library/javascript/Annotations.md
new file mode 100644
index 000000000..a050e9f7d
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Library/javascript/Annotations.md
@@ -0,0 +1,1270 @@
+---
+title: Annotation in TypeScript PDF library | Syncfusion
+description: This section explains how to create, modify or remove different type of interactive Annotation by using TypeScript PDF library
+platform: document-processing
+control: PDF
+documentation: UG
+---
+# Annotation in TypeScript PDF library
+
+Syncfusion<sup>&reg;</sup> JavaScript PDF library provides support for interactive annotations. You can add, delete and modify the annotation from the PDF documents.
+
+## Adding annotations to a PDF document
+
+This example demonstrates how to add annotations to a PDF document using the `PdfAnnotation` class. Adding annotations allows users to include comments, highlights, shapes, and other interactive elements within a PDF, enhancing collaboration and document review.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+import {PdfDocument, PdfPage, PdfPopupAnnotation, PdfPopupIcon, PdfAnnotationBorder} from '@syncfusion/ej2-pdf';
+
+// Creates a new PDF document
+let document: PdfDocument = new PdfDocument();
+// Adds a new page to the PDF
+let page: PdfPage = document.addPage();
+// Creates a new popup annotation
+let popup = new PdfPopupAnnotation(
+    'Test popup annotation',
+    { x: 10, y: 40, width: 30, height: 30 },
+    {
+        author: 'Syncfusion',
+        subject: 'General',
+        color: { r: 255, g: 255, b: 0 },
+        icon: PdfPopupIcon.newParagraph,
+        open: true
+    });
+popup.border = new PdfAnnotationBorder({width: 4, hRadius: 20, vRadius: 30});
+// Adds annotation to the page
+page.annotations.add(popup);
+// Saves and download the PDF document
+document.save('output.pdf');
+// Destroy the document
+document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+The following code snippet explains how to add a popup annotation in an existing PDF document.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+import {PdfDocument, PdfPage, PdfPopupAnnotation, PdfPopupIcon, PdfAnnotationBorder} from '@syncfusion/ej2-pdf';
+
+// Load an existing PDF document
+let document: PdfDocument = new PdfDocument(data, password);
+// Access the first page
+let page: PdfPage = document.getPage(0);
+// Creates a new popup annotation
+let popup = new PdfPopupAnnotation(
+    'Test popup annotation',
+    { x: 10, y: 40, width: 30, height: 30 },
+    {
+        author: 'Syncfusion',
+        subject: 'General',
+        color: { r: 255, g: 255, b: 0 },
+        icon: PdfPopupIcon.newParagraph,
+        open: true
+    });
+popup.border = new PdfAnnotationBorder({width: 4, hRadius: 20, vRadius: 30});
+// Adds annotation to the page
+page.annotations.add(popup);
+// Saves and download the PDF document
+document.save('output.pdf');
+// Destroy the document
+document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+## Supported annotation types
+
+### File Link Annotation 
+
+This example demonstrates how to add a file link annotation to a PDF page using the `PdfFileLinkAnnotation` class. A file link annotation allows linking to an external file from within a PDF document, enabling users to access related resources directly.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+import {PdfDocument, PdfPage, PdfFileLinkAnnotation} from '@syncfusion/ej2-pdf';
+
+// Creates a new PDF document
+let document: PdfDocument = new PdfDocument();
+// Adds a new page to the PDF
+let page: PdfPage = document.addPage();
+// Creates a file link annotation
+let fileLink = new PdfFileLinkAnnotation(
+    { x: 100, y: 150, width: 120, height: 18 },
+    'logo.png',
+    {
+        text: 'Open attachment',
+        author: 'Syncfusion',
+        subject: 'File Link Annotation',
+        color: { r: 0, g: 0, b: 255 },
+        action: "app.alert('Launching file');"
+    });
+// Adds annotation to the page
+page.annotations.add(fileLink);
+// Saves and download the PDF document
+document.save('output.pdf');
+// Destroy the document
+document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+The following code snippet explains how to add a file link annotation in an existing PDF document.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+import {PdfDocument, PdfPage, PdfFileLinkAnnotation} from '@syncfusion/ej2-pdf';
+
+// Load an existing PDF document
+let document: PdfDocument = new PdfDocument(data, password);
+// Access the first page
+let page: PdfPage = document.getPage(0);
+// Creates a file link annotation
+let fileLink = new PdfFileLinkAnnotation(
+    { x: 100, y: 150, width: 120, height: 18 },
+    'logo.png',
+    {
+        text: 'Open attachment',
+        author: 'Syncfusion',
+        subject: 'File Link Annotation',
+        color: { r: 0, g: 0, b: 255 },
+        action: "app.alert('Launching file');"
+    });
+// Adds annotation to the page
+page.annotations.add(fileLink);
+// Saves and download the PDF document
+document.save('output.pdf');
+// Destroy the document
+document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+### Free Text Annotation
+
+This example demonstrates how to add a free text annotation to a PDF page using the `PdfFreeTextAnnotation` class. A free text annotation allows placing text directly on a PDF page, enabling users to add comments or notes that remain visible without requiring interaction.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+import {PdfDocument, PdfPage, PdfFreeTextAnnotation, PdfTextAlignment, PdfAnnotationBorder, PdfBorderStyle, PdfFreeTextAnnotation, PdfLineEndingStyle, PdfStandardFont, PdfFontFamily, PdfFontStyle} from '@syncfusion/ej2-pdf';
+
+// Creates a new PDF document
+let document: PdfDocument = new PdfDocument();
+// Adds a new page to the PDF
+let page: PdfPage = document.addPage();
+// Create new free text annotation
+let freeText = new PdfFreeTextAnnotation({ x: 250, y: 260, width: 180, height: 80 },
+    {
+        text: 'Free Text with Callout',
+        annotationIntent: PdfAnnotationIntent.freeTextCallout,
+        calloutLines: [{ x: 200, y: 320 }, { x: 260, y: 300 }, { x: 260, y: 300 }],
+        lineEndingStyle: PdfLineEndingStyle.openArrow,
+        font: new PdfStandardFont(PdfFontFamily.helvetica, 9, PdfFontStyle.italic),
+        textMarkUpColor: { r: 40, g: 40, b: 40 },
+        innerColor: { r: 240, g: 248, b: 255 },
+        borderColor: { r: 0, g: 0, b: 0 },
+        textAlignment: PdfTextAlignment.left,
+        opacity: 1,
+        border: new PdfAnnotationBorder({ width: 1, hRadius: 0, vRadius: 0, style: PdfBorderStyle.solid })
+    });
+// Adds annotation to the page
+page.annotations.add(freeText);
+// Saves and download the PDF document
+document.save('output.pdf');
+// Destroy the document
+document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+The following code snippet explains how to add a free text annotation in an existing PDF document.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+import {PdfDocument, PdfPage, PdfFreeTextAnnotation, PdfTextAlignment, PdfAnnotationBorder, PdfBorderStyle, PdfFreeTextAnnotation, PdfLineEndingStyle, PdfStandardFont, PdfFontFamily, PdfFontStyle} from '@syncfusion/ej2-pdf';
+
+// Load an existing PDF document
+let document: PdfDocument = new PdfDocument(data, password);
+// Access the first page
+let page: PdfPage = document.getPage(0);
+// Create new free text annotation
+let freeText = new PdfFreeTextAnnotation({ x: 250, y: 260, width: 180, height: 80 },
+    {
+        text: 'Free Text with Callout',
+        annotationIntent: PdfAnnotationIntent.freeTextCallout,
+        calloutLines: [{ x: 200, y: 320 }, { x: 260, y: 300 }, { x: 260, y: 300 }],
+        lineEndingStyle: PdfLineEndingStyle.openArrow,
+        font: new PdfStandardFont(PdfFontFamily.helvetica, 9, PdfFontStyle.italic),
+        textMarkUpColor: { r: 40, g: 40, b: 40 },
+        innerColor: { r: 240, g: 248, b: 255 },
+        borderColor: { r: 0, g: 0, b: 0 },
+        textAlignment: PdfTextAlignment.left,
+        opacity: 1,
+        border: new PdfAnnotationBorder({ width: 1, hRadius: 0, vRadius: 0, style: PdfBorderStyle.solid })
+    });
+// Adds annotation to the page
+page.annotations.add(freeText);
+// Saves and download the PDF document
+document.save('output.pdf');
+// Destroy the document
+document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+### Line Annotation 
+
+This example demonstrates how to add a line annotation to a PDF page using the `PdfLineAnnotation` class. A line annotation allows drawing straight lines between two points on a PDF page, often used to highlight connections or indicate measurements.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+import {PdfDocument, PdfPage, PdfLineAnnotation, PdfAnnotationLineEndingStyle, PdfLineEndingStyle, PdfAnnotationCaption, PdfLineCaptionType} from '@syncfusion/ej2-pdf';
+
+// Creates a new PDF document
+let document: PdfDocument = new PdfDocument();
+// Adds a new page to the PDF
+let page: PdfPage = document.addPage();
+// Creates a new line annotation.
+let lineAnnotation: PdfLineAnnotation = new PdfLineAnnotation({ x: 80, y: 420 }, { x: 150, y: 420 }, {
+    text: 'Line Annotation',
+    author: 'Syncfusion',
+    color: { r: 255, g: 0, b: 0 },
+    innerColor: { r: 255, g: 255, b: 0 },
+    lineEndingStyle: new PdfAnnotationLineEndingStyle({ begin: PdfLineEndingStyle.circle, end: PdfLineEndingStyle.diamond }),
+    opacity: 0.5
+});
+// Assigns the leader line
+lineAnnotation.leaderExt = 0;
+lineAnnotation.leaderLine = 0;
+// Assigns the line caption type
+lineAnnotation.caption = new PdfAnnotationCaption({ cap: true, type: PdfLineCaptionType.inline });
+// Adds annotation to the page
+page.annotations.add(lineAnnotation);
+// Saves and download the PDF document
+document.save('output.pdf');
+// Destroy the document
+document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+The following code snippet explains how to add a line annotation in an existing PDF document.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+import {PdfDocument, PdfPage, PdfLineAnnotation, PdfAnnotationLineEndingStyle, PdfLineEndingStyle, PdfAnnotationCaption, PdfLineCaptionType} from '@syncfusion/ej2-pdf';
+
+// Load an existing PDF document
+let document: PdfDocument = new PdfDocument(data, password);
+// Access the first page
+let page: PdfPage = document.getPage(0);
+// Creates a new line annotation.
+let lineAnnotation: PdfLineAnnotation = new PdfLineAnnotation({ x: 80, y: 420 }, { x: 150, y: 420 }, {
+    text: 'Line Annotation',
+    author: 'Syncfusion',
+    color: { r: 255, g: 0, b: 0 },
+    innerColor: { r: 255, g: 255, b: 0 },
+    lineEndingStyle: new PdfAnnotationLineEndingStyle({ begin: PdfLineEndingStyle.circle, end: PdfLineEndingStyle.diamond }),
+    opacity: 0.5
+});
+// Assigns the leader line
+lineAnnotation.leaderExt = 0;
+lineAnnotation.leaderLine = 0;
+// Assigns the line caption type
+lineAnnotation.caption = new PdfAnnotationCaption({ cap: true, type: PdfLineCaptionType.inline });
+// Adds annotation to the page
+page.annotations.add(lineAnnotation);
+// Saves and download the PDF document
+document.save('output.pdf');
+// Destroy the document
+document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+### Rubber stamp Annotation
+
+This example demonstrates how to add a rubber stamp annotation to a PDF page using the `PdfRubberStampAnnotation` class. A rubber stamp annotation allows applying predefined or custom stamp to visually indicate the status or purpose of a document.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+import {PdfDocument, PdfPage, PdfRubberStampAnnotation, PdfRubberStampAnnotationIcon} from '@syncfusion/ej2-pdf';
+
+// Creates a new PDF document
+let document: PdfDocument = new PdfDocument();
+// Adds a new page to the PDF
+let page: PdfPage = document.addPage();
+// Creates a new rubber stamp annotation
+let stamp: PdfRubberStampAnnotation = new PdfRubberStampAnnotation({ x: 40, y: 60, width: 80, height: 20 },
+    {
+        icon: PdfRubberStampAnnotationIcon.draft,
+        text: 'Text Properties Rubber Stamp Annotation'
+    });
+// Adds annotation to the page
+page.annotations.add(stamp);
+// Saves and download the PDF document
+document.save('output.pdf');
+// Destroy the document
+document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+The following code snippet explains how to add a free text annotation in an existing PDF document.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+import {PdfDocument, PdfPage, PdfRubberStampAnnotation, PdfRubberStampAnnotationIcon} from '@syncfusion/ej2-pdf';
+
+// Load an existing PDF document
+let document: PdfDocument = new PdfDocument(data, password);
+// Access the first page
+let page: PdfPage = document.getPage(0);
+// Creates a new rubber stamp annotation
+let stamp: PdfRubberStampAnnotation = new PdfRubberStampAnnotation({ x: 40, y: 60, width: 80, height: 20 },
+    {
+        icon: PdfRubberStampAnnotationIcon.draft,
+        text: 'Text Properties Rubber Stamp Annotation'
+    });
+// Adds annotation to the page
+page.annotations.add(stamp);
+// Saves and download the PDF document
+document.save('output.pdf');
+// Destroy the document
+document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+### Ink Annotation
+
+This example demonstrates how to add an ink annotation to a PDF page using the `PdfInkAnnotation` class. An ink annotation allows drawing freehand marks or sketches directly on a PDF page.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+import {PdfDocument, PdfPage, PdfInkAnnotation} from '@syncfusion/ej2-pdf';
+
+// Create a new PDF document
+let document: PdfDocument = new PdfDocument();
+// Add a new page to the PDF
+let page: PdfPage = document.addPage();
+// Create an ink annotation
+let annotation = new PdfInkAnnotation(
+    { x: 50, y: 100, width: 200, height: 150 },
+    [
+        { x: 60, y: 120 },
+        { x: 120, y: 180 },
+        { x: 200, y: 160 }
+    ],
+    {
+        text: 'Ink',
+        author: 'Syncfusion',
+        subject: 'Ink Annotation',
+        color: { r: 0, g: 0, b: 255 },
+        thickness: 2,
+        opacity: 0.8,
+        pointsCollection: [
+            [
+                { x: 60, y: 120 },
+                { x: 90, y: 130 },
+                { x: 110, y: 140 }
+            ],
+            [
+                { x: 120, y: 180 },
+                { x: 150, y: 175 }
+            ]
+        ]
+    }
+);
+// Add annotation to the page
+page.annotations.add(annotation);
+// Save the document
+document.save('Output.pdf');
+// Close the document
+document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+The following code snippet explains how to add a ink annotation in an existing PDF document.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+import {PdfDocument, PdfPage, PdfInkAnnotation} from '@syncfusion/ej2-pdf';
+
+// Load an existing PDF document
+let document: PdfDocument = new PdfDocument(data, password);
+// Access the first page
+let page: PdfPage = document.getPage(0);
+// Create an ink annotation
+let annotation = new PdfInkAnnotation(
+    { x: 50, y: 100, width: 200, height: 150 },
+    [
+        { x: 60, y: 120 },
+        { x: 120, y: 180 },
+        { x: 200, y: 160 }
+    ],
+    {
+        text: 'Ink',
+        author: 'Syncfusion',
+        subject: 'Ink Annotation',
+        color: { r: 0, g: 0, b: 255 },
+        thickness: 2,
+        opacity: 0.8,
+        pointsCollection: [
+            [
+                { x: 60, y: 120 },
+                { x: 90, y: 130 },
+                { x: 110, y: 140 }
+            ],
+            [
+                { x: 120, y: 180 },
+                { x: 150, y: 175 }
+            ]
+        ]
+    }
+);
+// Add annotation to the page
+page.annotations.add(annotation);
+// Save the document
+document.save('Output.pdf');
+// Close the document
+document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+### Pop-up Annotation
+
+This example demonstrates how to add a popup annotation to a PDF document using the `PdfPopupAnnotation` class. A popup annotation allows you to display additional information or comments within the PDF at a specified position and size.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import {PdfDocument, PdfPage, PdfPopupAnnotation, PdfPopupIcon, PdfAnnotationState, PdfAnnotationStateModel} from '@syncfusion/ej2-pdf';
+
+    // Create a new PDF document
+    let document: PdfDocument = new PdfDocument();
+    // Adds a new page to the PDF
+    let page: PdfPage = document.addPage();
+    // Create a new popup annotation
+    let annotation = new PdfPopupAnnotation('Review this paragraph',
+    {x: 10, y: 40, width: 30, height: 30},
+    {
+      author: 'Reviewer',
+      subject: 'General',
+      color: { r: 255, g: 255, b: 0 },
+      icon: PdfPopupIcon.comment,
+      open: true,
+      state: PdfAnnotationState.accepted,
+      stateModel: PdfAnnotationStateModel.review
+    }
+    );
+    // Add annotation to the page
+    page.annotations.add(annotation);
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+The following code snippet explains how to add a popup annotation in an existing PDF document.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import {PdfDocument, PdfPage, PdfPopupAnnotation, PdfPopupIcon, PdfAnnotationState, PdfAnnotationStateModel} from '@syncfusion/ej2-pdf';
+
+    // Load an existing PDF document
+    let document: PdfDocument = new PdfDocument(data, password);
+    // Access the first page
+    let page: PdfPage = document.getPage(0);
+     let annotation = new PdfPopupAnnotation('Review this paragraph',
+    {x: 10, y: 40, width: 30, height: 30},
+    {
+      author: 'Reviewer',
+      subject: 'General',
+      color: { r: 255, g: 255, b: 0 },
+      icon: PdfPopupIcon.comment,
+      open: true,
+      state: PdfAnnotationState.accepted,
+      stateModel: PdfAnnotationStateModel.review
+    }
+    );
+    // Add annotation to the page
+    page.annotations.add(annotation);
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+### File Attachment Annotation
+
+This example demonstrates how to add a file attachment annotation to a PDF page using the `PdfAttachmentAnnotation` class. A file attachment annotation allows embedding external files within a PDF document, enabling users to include supporting documents or resources for easy access.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import {PdfDocument, PdfPage, PdfAttachmentAnnotation, PdfAttachmentIcon, PdfAnnotationBorder, PdfBorderStyle} from '@syncfusion/ej2-pdf';
+
+    // Create a new PDF document
+    let document: PdfDocument = new PdfDocument();
+    // Adds a new page to the PDF
+    let page: PdfPage = document.addPage();
+    // Create a new attachment annotation
+    let annotation = new PdfAttachmentAnnotation(
+      { x: 300, y: 200, width: 30, height: 30 },
+      'Nature.jpg',
+       imageData,
+       { text: 'Attachment', icon: PdfAttachmentIcon.pushPin, color: { r: 255, g: 0, b: 0 }, opacity: 1,
+        border: new PdfAnnotationBorder({width: 1, hRadius: 0, vRadius: 0, style: PdfBorderStyle.solid})}
+    );
+    // Add annotation to the page
+    page.annotations.add(annotation);
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+The following code snippet explains how to add a attachment annotation in an existing PDF document.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import {PdfDocument, PdfPage, PdfAttachmentAnnotation, PdfAttachmentIcon, PdfAnnotationBorder, PdfBorderStyle} from '@syncfusion/ej2-pdf';
+
+    // Load an existing PDF document
+    let document: PdfDocument = new PdfDocument(data, password);
+    // Access the first page
+    let page: PdfPage = document.getPage(0);
+    // Create a new attachment annotation
+    let annotation = new PdfAttachmentAnnotation(
+      { x: 300, y: 200, width: 30, height: 30 },
+      'Nature.jpg',
+       imageData,
+       { text: 'Attachment', icon: PdfAttachmentIcon.pushPin, color: { r: 255, g: 0, b: 0 }, opacity: 1,
+        border: new PdfAnnotationBorder({width: 1, hRadius: 0, vRadius: 0, style: PdfBorderStyle.solid})}
+    );
+    // Add annotation to the page
+    page.annotations.add(annotation);
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+### Sound Annotation
+
+This example demonstrates how to access a sound annotation to a PDF page using the `PdfSoundAnnotation` class.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import {PdfDocument, PdfPage, PdfSoundAnnotation} from '@syncfusion/ej2-pdf';
+
+    // Load an existing PDF document
+    let document: PdfDocument = new PdfDocument(data, password);
+    // Access the first page
+    let page: PdfPage = document.getPage(0);
+    // Access the annotation at index 0
+    let annotation: PdfSoundAnnotation = page.annotations.at(0) as PdfSoundAnnotation;
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+### URI Annotation
+
+This example demonstrates how to add a URI annotation to a PDF page using the `PdfUriAnnotation` class. A URI annotation allows linking to a web address or online resource from within a PDF document.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import {PdfDocument, PdfPage, PdfUriAnnotation} from '@syncfusion/ej2-pdf';
+
+    // Create a new PDF document
+    let document: PdfDocument = new PdfDocument();
+    // Adds a new page to the PDF
+    let page: PdfPage = document.addPage();
+    // Create a new URI annotation
+    let annotation: PdfUriAnnotation = new PdfUriAnnotation({x: 100, y: 150, width: 200, height: 100}, 'http://www.google.com');
+    // Add annotation to the page
+    page.annotations.add(annotation);
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+The following code snippet explains how to add a URI annotation in an existing PDF document.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import {PdfDocument, PdfPage, PdfUriAnnotation} from '@syncfusion/ej2-pdf';
+
+    // Load an existing PDF document
+    let document: PdfDocument = new PdfDocument(data, password);
+    // Access the first page
+    let page: PdfPage = document.getPage(0);
+    // Create a new URI annotation
+     let annotation: PdfUriAnnotation = new PdfUriAnnotation({x: 100, y: 150, width: 200, height: 100}, 'http://www.google.com');
+    // Add annotation to the page
+    page.annotations.add(annotation);
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+### Document Link Annotation
+
+This example demonstrates how to add a document link annotation to a PDF page using the `PdfDocumentLinkAnnotation` class. A document link annotation allows creating clickable links that navigate to a specific page or location within the same PDF document.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import {PdfDocument, PdfPage, PdfDocumentLinkAnnotation, PdfDestinationMode, PdfBorderStyle} from '@syncfusion/ej2-pdf';
+
+    // Create a new PDF document
+    let document: PdfDocument = new PdfDocument();
+    // Adds a new page to the PDF
+    let page: PdfPage = document.addPage();
+    // Create new document link annotation
+    let annotation = new PdfDocumentLinkAnnotation(
+      { x: 80, y: 100, width: 120, height: 18 },
+      new PdfDestination({page , location: { x: 0, y: 0 }, mode: PdfDestinationMode.fitToPage}),
+      { color: { r: 0, g: 128, b: 0 }, opacity: 1,
+     border: new PdfAnnotationBorder({width: 1, hRadius: 0, vRadius: 0, style: PdfBorderStyle.solid})}
+    );
+    // Add annotation to the page
+    page.annotations.add(annotation);
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+The following code snippet explains how to add a document link annotation in an existing PDF document.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import {PdfDocument, PdfPage, PdfDocumentLinkAnnotation, PdfDestinationMode, PdfBorderStyle} from '@syncfusion/ej2-pdf';
+
+    // Load an existing PDF document
+    let document: PdfDocument = new PdfDocument(data, password);
+    // Access the first page
+    let page: PdfPage = document.getPage(0);
+    // Create new document link annotation
+    let annotation = new PdfDocumentLinkAnnotation(
+      { x: 80, y: 100, width: 120, height: 18 },
+      new PdfDestination({page , location: { x: 0, y: 0 }, mode: PdfDestinationMode.fitToPage}),
+      { color: { r: 0, g: 128, b: 0 }, opacity: 1,
+     border: new PdfAnnotationBorder({width: 1, hRadius: 0, vRadius: 0, style: PdfBorderStyle.solid})}
+    );
+    // Add annotation to the page
+    page.annotations.add(annotation);
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+### Redaction Annotation
+
+This example demonstrates how to add a redaction annotation to a PDF page using the `PdfRedactionAnnotation` class. A redaction annotation allows marking areas of a PDF for permanent removal of sensitive content, ensuring confidentiality and compliance with privacy requirements.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import {PdfDocument, PdfPage, PdfRedactionAnnotation, PdfFontFamily, PdfFontStyle } from '@syncfusion/ej2-pdf';
+
+    // Create a new PDF document
+    let document: PdfDocument = new PdfDocument();
+    // Adds a new page to the PDF
+    let page: PdfPage = document.addPage();
+    // Create a new redaction annotation
+    let annotation: PdfRedactionAnnotation = new PdfRedactionAnnotation({x: 100, y: 100, width: 100, height: 100},
+        { borderColor: {r: 255, g: 0, b: 0},
+          repeatText: true,
+          overlayText: 'Sample Overlay',
+          font: document.embedFont(PdfFontFamily.helvetica, 10, PdfFontStyle.regular),
+          textColor: {r: 0, g: 0, b: 0},
+          appearanceFillColor: {r: 255, g: 255, b: 255} 
+        });
+    // Add annotation to the page
+    page.annotations.add(annotation);
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+The following code snippet explains how to add a document link annotation in an existing PDF document.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import {PdfDocument, PdfPage, PdfRedactionAnnotation, PdfFontFamily, PdfFontStyle } from '@syncfusion/ej2-pdf';
+
+    // Load an existing PDF document
+    let document: PdfDocument = new PdfDocument(data, password);
+    // Access the first page
+    let page: PdfPage = document.getPage(0);
+    // Create a new redaction annotation
+    let annotation: PdfRedactionAnnotation = new PdfRedactionAnnotation({x: 100, y: 100, width: 100, height: 100},
+        { borderColor: {r: 255, g: 0, b: 0},
+          repeatText: true,
+          overlayText: 'Sample Overlay',
+          font: document.embedFont(PdfFontFamily.helvetica, 10, PdfFontStyle.regular),
+          textColor: {r: 0, g: 0, b: 0},
+          appearanceFillColor: {r: 255, g: 255, b: 255} 
+        });
+    // Add annotation to the page
+    page.annotations.add(annotation);
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+### Watermark Annotation
+
+This example demonstrates how to add a watermark annotation to a PDF page using the `PdfWatermarkAnnotation` class. A watermark annotation allows overlaying text or images on a PDF page, typically used for branding, confidentiality notices, or document status indicators.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import {PdfDocument, PdfPage, PdfWatermarkAnnotation} from '@syncfusion/ej2-pdf';
+
+    // Create a new PDF document
+    let document: PdfDocument = new PdfDocument();
+    // Adds a new page to the PDF
+    let page: PdfPage = document.addPage();
+    // Create a new water mark annotation
+    let annotation: PdfWatermarkAnnotation = new PdfWatermarkAnnotation('Water Mark', {x: 50, y: 100, width: 100, height: 50});
+    // Set the color of the annotation
+    annotation.color = {r: 0, g: 0, b: 0};
+    // Add annotation to the page
+    page.annotations.add(annotation);
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+The following code snippet explains how to add a watermark annotation in an existing PDF document.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import {PdfDocument, PdfPage, PdfWatermarkAnnotation} from '@syncfusion/ej2-pdf';
+
+    // Load an existing PDF document
+    let document: PdfDocument = new PdfDocument(data, password);
+    // Access the first page
+    let page: PdfPage = document.getPage(0);
+    // Create a new water mark annotation
+    let annotation: PdfWatermarkAnnotation = new PdfWatermarkAnnotation('Water Mark', {x: 50, y: 100, width: 100, height: 50});
+    // Set the color of the annotation
+    annotation.color = {r: 0, g: 0, b: 0};
+    // Add annotation to the page
+    page.annotations.add(annotation);
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+### Text Markup Annotation
+
+This example demonstrates how to add a text markup annotation to a PDF page using the `PdfTextMarkupAnnotation` class. A text markup annotation allows highlighting, underlining, or striking out text within a PDF document.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import {PdfDocument, PdfPage, PdfTextMarkupAnnotation, PdfTextMarkupAnnotationType, PdfAnnotationBorder, PdfBorderStyle} from '@syncfusion/ej2-pdf';
+
+    // Create a new PDF document
+    let document: PdfDocument = new PdfDocument();
+    // Adds a new page to the PDF
+    let page: PdfPage = document.addPage();
+    // Create a new text markup annotation
+    // Create a new text markup annotation
+    let annotation = new PdfTextMarkupAnnotation('Water Mark', {x: 0, y: 0, width: 0, height: 0}, {
+       boundsCollection: [{x: 50, y: 200, width: 120, height: 14}, {x: 50, y: 215, width: 90, height: 14}],
+       textMarkupType: PdfTextMarkupAnnotationType.underline, author: 'Syncfusion', subject: 'Annotation',
+       textMarkUpColor: {r: 0, g: 128, b: 255}, innerColor: {r: 0, g: 0, b: 255}, opacity: 0.5,
+       border: new PdfAnnotationBorder({width: 1, hRadius: 0, vRadius: 0, style: PdfBorderStyle.solid})
+     });
+    // Add annotation to the page
+    page.annotations.add(annotation);
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+The following code snippet explains how to add a text markup annotation in an existing PDF document.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import {PdfDocument, PdfPage, PdfTextMarkupAnnotation, PdfTextMarkupAnnotationType, PdfAnnotationBorder, PdfBorderStyle} from '@syncfusion/ej2-pdf';
+
+    // Load an existing PDF document
+    let document: PdfDocument = new PdfDocument(data, password);
+    // Access the first page
+    let page: PdfPage = document.getPage(0);
+    // Create a new text markup annotation
+    // Create a new text markup annotation
+    let annotation = new PdfTextMarkupAnnotation('Water Mark', {x: 0, y: 0, width: 0, height: 0}, {
+       boundsCollection: [{x: 50, y: 200, width: 120, height: 14}, {x: 50, y: 215, width: 90, height: 14}],
+       textMarkupType: PdfTextMarkupAnnotationType.underline, author: 'Syncfusion', subject: 'Annotation',
+       textMarkUpColor: {r: 0, g: 128, b: 255}, innerColor: {r: 0, g: 0, b: 255}, opacity: 0.5,
+       border: new PdfAnnotationBorder({width: 1, hRadius: 0, vRadius: 0, style: PdfBorderStyle.solid})
+     });
+    // Add annotation to the page
+    page.annotations.add(annotation);
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+## Cloud border style Annotation
+
+### PdfRectangleAnnotation
+
+This example demonstrates how to add a rectangle annotation to a PDF page using the `PdfRectangleAnnotation` class. A rectangle annotation allows drawing rectangular shapes on a PDF document.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import {PdfDocument, PdfPage, PdfRectangleAnnotation, PdfAnnotationBorder, PdfBorderStyle} from '@syncfusion/ej2-pdf';
+
+    // Create a new PDF document
+    let document: PdfDocument = new PdfDocument();
+    // Adds a new page to the PDF
+    let page: PdfPage = document.addPage();
+    // Create a new square annotation with bounds
+    let annotation = new PdfRectangleAnnotation({ x: 50, y: 80, width: 200, height: 100 }, {
+       text: 'Rect', author: 'Syncfusion', subject: 'Rectangle Annotation',
+       color: { r: 255, g: 0, b: 0 },
+       innerColor: { r: 255, g: 240, b: 240 },
+       opacity: 0.6,
+       border: new PdfAnnotationBorder({width: 1, hRadius: 0, vRadius: 0, style: PdfBorderStyle.solid})
+    });
+    // Add annotation to the page
+    page.annotations.add(annotation);
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+The following code snippet explains how to add a rectangle annotation in an existing PDF document.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import {PdfDocument, PdfPage, PdfRectangleAnnotation, PdfAnnotationBorder, PdfBorderStyle} from '@syncfusion/ej2-pdf';
+
+    // Load an existing PDF document
+    let document: PdfDocument = new PdfDocument(data, password);
+    // Access the first page
+    let page: PdfPage = document.getPage(0);
+    // Create a new square annotation with bounds
+    let annotation = new PdfRectangleAnnotation({ x: 50, y: 80, width: 200, height: 100 }, {
+       text: 'Rect', author: 'Syncfusion', subject: 'Rectangle Annotation',
+       color: { r: 255, g: 0, b: 0 },
+       innerColor: { r: 255, g: 240, b: 240 },
+       opacity: 0.6,
+       border: new PdfAnnotationBorder({width: 1, hRadius: 0, vRadius: 0, style: PdfBorderStyle.solid})
+    });
+    // Add annotation to the page
+    page.annotations.add(annotation);
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+### Polygon Annotation
+
+This example demonstrates how to add a polygon annotation to a PDF page using the `PdfPolygonAnnotation` class. A polygon annotation allows drawing multi-sided shapes on a PDF document.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import {PdfDocument, PdfPage, PdfPolygonAnnotation, PdfAnnotationBorder, PdfBorderStyle } from '@syncfusion/ej2-pdf';
+
+    // Create a new PDF document
+    let document: PdfDocument = new PdfDocument();
+    // Adds a new page to the PDF
+    let page: PdfPage = document.addPage();
+    // Create a new polygon annotation with bounds
+    let annotation = new PdfPolygonAnnotation(
+    [{ x: 100, y: 300 }, { x: 150, y: 200 }, { x: 300, y: 200 }, { x: 350, y: 300 }, { x: 300, y: 400 }, { x: 150, y: 400 }],
+       {
+         text: 'Polygon', author: 'Syncfusion', subject: 'Polygon Annotation',
+         color: { r: 0, g: 128, b: 255 },
+         innerColor: { r: 220, g: 240, b: 255 },
+         opacity: 0.7,
+         border: new PdfAnnotationBorder({width: 2, hRadius: 0, vRadius: 0, style: PdfBorderStyle.solid})
+    });
+    // Add annotation to the page
+    page.annotations.add(annotation);
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+The following code snippet explains how to add a polygon annotation in an existing PDF document.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import {PdfDocument, PdfPage, PdfPolygonAnnotation, PdfAnnotationBorder, PdfBorderStyle } from '@syncfusion/ej2-pdf';
+
+    // Load an existing PDF document
+    let document: PdfDocument = new PdfDocument(data, password);
+    // Access the first page
+    let page: PdfPage = document.getPage(0);
+    // Create a new polygon annotation with bounds
+    let annotation = new PdfPolygonAnnotation(
+    [{ x: 100, y: 300 }, { x: 150, y: 200 }, { x: 300, y: 200 }, { x: 350, y: 300 }, { x: 300, y: 400 }, { x: 150, y: 400 }],
+       {
+         text: 'Polygon', author: 'Syncfusion', subject: 'Polygon Annotation',
+         color: { r: 0, g: 128, b: 255 },
+         innerColor: { r: 220, g: 240, b: 255 },
+         opacity: 0.7,
+         border: new PdfAnnotationBorder({width: 2, hRadius: 0, vRadius: 0, style: PdfBorderStyle.solid})
+    });
+    // Add annotation to the page
+    page.annotations.add(annotation);
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+### PdfCircleAnnotation
+
+This example demonstrates how to add a circle annotation to a PDF page using the `PdfCircleAnnotation` class. A circle annotation allows drawing circular or oval shapes on a PDF document.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import {PdfDocument, PdfPage, PdfCircleAnnotation, PdfAnnotationBorder, PdfBorderStyle, PdfMeasurementUnit, PdfCircleMeasurementType} from '@syncfusion/ej2-pdf';
+
+    // Create a new PDF document
+    let document: PdfDocument = new PdfDocument();
+    // Adds a new page to the PDF
+    let page: PdfPage = document.addPage();
+    // Create a new circle annotation with circle bounds
+    let annotation = new PdfCircleAnnotation({ x: 50, y: 100, width: 120, height: 120 }, {
+       text: 'Diameter',
+       author: 'Syncfusion',
+       color: {r: 255, g: 0, b: 0},
+       innerColor: {r: 255, g: 255, b: 200},
+       opacity: 0.9,
+       border: new PdfAnnotationBorder({width: 2, hRadius: 0, vRadius: 0, style: PdfBorderStyle.dashed, dash: [3, 2]}),
+       measure: { unit: PdfMeasurementUnit.centimeter, type: PdfCircleMeasurementType.diameter }
+    });
+    // Add annotation to the page
+    page.annotations.add(annotation);
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+The following code snippet explains how to add a circle annotation in an existing PDF document.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import {PdfDocument, PdfPage, PdfCircleAnnotation, PdfAnnotationBorder, PdfBorderStyle, PdfMeasurementUnit, PdfCircleMeasurementType} from '@syncfusion/ej2-pdf';
+
+    // Load an existing PDF document
+    let document: PdfDocument = new PdfDocument(data, password);
+    // Access the first page
+    let page: PdfPage = document.getPage(0);
+    // Create a new circle annotation with circle bounds
+    let annotation = new PdfCircleAnnotation({ x: 50, y: 100, width: 120, height: 120 }, {
+       text: 'Diameter',
+       author: 'Syncfusion',
+       color: {r: 255, g: 0, b: 0},
+       innerColor: {r: 255, g: 255, b: 200},
+       opacity: 0.9,
+       border: new PdfAnnotationBorder({width: 2, hRadius: 0, vRadius: 0, style: PdfBorderStyle.dashed, dash: [3, 2]}),
+       measure: { unit: PdfMeasurementUnit.centimeter, type: PdfCircleMeasurementType.diameter }
+    });
+    // Add annotation to the page
+    page.annotations.add(annotation);
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+### PdfEllipseAnnotation
+
+This example demonstrates how to add an ellipse annotation to a PDF page using the `PdfEllipseAnnotation` class. An ellipse annotation allows drawing elliptical shapes on a PDF document.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import {PdfDocument, PdfPage, PdfEllipseAnnotation, PdfAnnotationBorder, PdfBorderStyle} from '@syncfusion/ej2-pdf';
+
+    // Create a new PDF document
+    let document: PdfDocument = new PdfDocument();
+    // Adds a new page to the PDF
+    let page: PdfPage = document.addPage();
+    // Create a new ellipse annotation with bounds
+    let annotation = new PdfEllipseAnnotation({ x: 80, y: 120, width: 160, height: 100 }, {
+       text: 'Ellipse', author: 'Syncfusion', subject: 'Ellipse Annotation',
+       color: {r: 0, g: 128, b: 255},
+       innerColor: {r: 220, g: 240, b: 255},
+       opacity: 0.7,
+       border: new PdfAnnotationBorder({width: 1, hRadius: 0, vRadius: 0, style: PdfBorderStyle.solid})
+    });
+    // Add annotation to the page
+    page.annotations.add(annotation);
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+The following code snippet explains how to add a ellipse annotation in an existing PDF document.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import {PdfDocument, PdfPage, PdfEllipseAnnotation, PdfAnnotationBorder, PdfBorderStyle} from '@syncfusion/ej2-pdf';
+
+    // Load an existing PDF document
+    let document: PdfDocument = new PdfDocument(data, password);
+    // Access the first page
+    let page: PdfPage = document.getPage(0);
+    // Create a new ellipse annotation with bounds
+    let annotation = new PdfEllipseAnnotation({ x: 80, y: 120, width: 160, height: 100 }, {
+       text: 'Ellipse', author: 'Syncfusion', subject: 'Ellipse Annotation',
+       color: {r: 0, g: 128, b: 255},
+       innerColor: {r: 220, g: 240, b: 255},
+       opacity: 0.7,
+       border: new PdfAnnotationBorder({width: 1, hRadius: 0, vRadius: 0, style: PdfBorderStyle.solid})
+    });
+    // Add annotation to the page
+    page.annotations.add(annotation);
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+## Measurement Annotations
+
+This example demonstrates how to access a measurement annotation from a PDF page using the `PdfLineAnnotation` class. A measurement annotation allows defining and displaying dimensions such as distances or lengths within a PDF document.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import {PdfDocument, PdfPage, PdfLineAnnotation, PdfMeasurementUnit} from '@syncfusion/ej2-pdf';
+
+    // Load an existing PDF document
+    let document: PdfDocument = new PdfDocument(data, password);
+    // Access the first page
+    let page: PdfPage = document.getPage(0);
+    // Access the annotation at index 0
+    let annotation: PdfLineAnnotation = page.annotations.at(0) PdfLineAnnotation;
+    // Sets the measurement unit of line measurement annoation as centimeter
+    annotation.unit = PdfMeasurementUnit.centimeter;
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+## Modifying the annotations
+
+This example demonstrates how to modify an existing annotation in a PDF page using the PdfAnnotation class. Modifying annotations allows updating properties such as position, color, content, or appearance, enabling customization and refinement of the document’s interactive elements.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import {PdfDocument, PdfPage, PdfPopupAnnotation} from '@syncfusion/ej2-pdf';
+
+    // Load an existing PDF document
+    let document: PdfDocument = new PdfDocument(data, password);
+    // Access the first page
+    let page: PdfPage = document.getPage(0);
+    // Get the first annotation of the page
+    let annotation: PdfPopupAnnotation = page.annotations.at(0) as PdfPopupAnnotation;
+    // Modified its properties
+    annotation.text ='Popup annotation';
+    annotation.color = {r: 0, g: 128, b: 255};
+    annotation.opacity = 0.5;
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+## Removing annotations from an existing PDF 
+
+This example demonstrates how to remove an annotation from a PDF page using the PdfAnnotationCollection class. Removing annotations allows deleting comments, shapes, or other interactive elements from a PDF document.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import {PdfDocument, PdfPage, PdfAnnotation} from '@syncfusion/ej2-pdf';
+
+    // Load an existing PDF document
+    let document: PdfDocument = new PdfDocument(data, password);
+    // Access the first page
+    let page: PdfPage = document.getPage(0);
+    // Access first annotation from the PDF page
+    let annotation: PdfAnnotation = page.annotations.at(0);
+    // Remove an annotation from the collection
+    page.annotations.remove(annotation);
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+## Flatten annotation
+
+This example demonstrates how to flatten annotations in a PDF document using the PdfAnnotation class. Flattening annotations converts interactive elements such as comments, highlights, and shapes into static content.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import {PdfDocument, PdfLineAnnotation} from '@syncfusion/ej2-pdf';
+
+    // Load an existing PDF document
+    let document: PdfDocument = new PdfDocument(data, password);
+    // Get the first page
+    let page: PdfPage = document.getPage(0) as PdfPage;
+    // Get the first annotation of the page
+    let annotation: PdfLineAnnotation = page.annotations.at(0) as PdfLineAnnotation;
+    // Sets the boolean flag indicating whether the annotation have been flattened or not.
+    annotation.flatten = true;
+    // Destroy the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+## Importing annotations
+
+This example demonstrates how to import annotations into a PDF document using the PdfDocument. `importAnnotations` method.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import {PdfDocument, DataFormat} from '@syncfusion/ej2-pdf';
+
+    // Load the base PDF document from resources
+    let pdfDocument: PdfDocument = new PdfDocument(data, password);
+    // Imports annotations from to the PDF document.
+    document.importAnnotations('annotations.json', DataFormat.json);
+    // Save the PDF document
+    pdfDocument.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+## Exporting annotations
+
+This example demonstrates how to export annotations from a PDF document using the PdfDocument.exportAnnotations method. 
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import {PdfDocument, Uint8Array} from '@syncfusion/ej2-pdf';
+
+    // Load an existing PDF document
+    let document: PdfDocument = new PdfDocument(data, password);
+    // Exports the annotations from the PDF document.
+    let data: Uint8Array = document.exportAnnotations();
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Library/javascript/Bookmarks.md b/Document-Processing/PDF/PDF-Library/javascript/Bookmarks.md
new file mode 100644
index 000000000..6f1fdea13
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Library/javascript/Bookmarks.md
@@ -0,0 +1,190 @@
+---
+title: Bookmarks in TypeScript PDF library | Syncfusion
+description: This section explains how to add, modify and remove bookmarks in the PDF document by using TypeScript PDF library
+platform: document-processing
+control: PDF
+documentation: UG
+---
+# Bookmarks in TypeScript PDF library
+
+Essential<sup>&reg;</sup> PDF provides support to insert, remove and modify the bookmarks in the PDF Document.
+
+## Adding Bookmarks in a PDF
+
+This example demonstrates how to add bookmarks to a PDF document using the `PdfBookmark` class. Bookmarks provide an easy way to navigate through different sections of a PDF file.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import {PdfDocument, PdfPage, PdfBookmarkBase, PdfDestination} from '@syncfusion/ej2-pdf';
+
+    // Create a new PDF document
+    let document: PdfDocument = new PdfDocument();
+    // Add page
+    let page: PdfPage = document.addPage();
+    // Get the bookmarks
+    let bookmarks: PdfBookmarkBase = document.bookmarks;
+    // Add a new outline to the PDF document
+    let bookmark: PdfBookmark = bookmarks.add('Introduction');
+    // Sets destination to the bookmark
+    bookmark.destination = new PdfDestination(page, {x: 100, y: 200});
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+## Adding Bookmarks in an existing PDF document
+
+This example demonstrates how to add bookmarks to an existing PDF document using the `PdfBookmark` class. This allows you to enhance navigation in already created PDF document.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import {PdfDocument, PdfPage, PdfBookmarkBase, PdfDestination} from '@syncfusion/ej2-pdf';
+
+    // Load an existing PDF document
+    let document: PdfDocument = new PdfDocument(data, password);
+    // Get page
+    let page: PdfPage = document.getPage(0);
+    // Get the bookmarks
+    let bookmarks: PdfBookmarkBase = document.bookmarks;
+    // Gets the bookmark at the specified index
+    let bookmark: PdfBookmark = bookmarks.at(0) as PdfBookmark;
+    // Set the destination
+    bookmark.destination = new PdfDestination(page, {x: 100, y: 200});
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+    
+{% endhighlight %}
+{% endtabs %}
+
+## Inserting Bookmarks in an existing PDF
+
+This example demonstrates how to insert bookmarks at a specific position in an existing PDF document using the `PdfBookmark` class. This feature allows precise control over bookmark order.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import {PdfDocument, PdfPage, PdfBookmarkBase, PdfDestination} from '@syncfusion/ej2-pdf';
+
+    // Load an existing PDF document
+    let document: PdfDocument = new PdfDocument(data, password);
+    // Get the first page
+    let page: PdfPage = document.getPage(0) as PdfPage;
+    // Get the bookmarks
+    let bookmarks: PdfBookmarkBase = document.bookmarks;
+    // Add a new outline to the PDF document
+    let bookmark: PdfBookmark = bookmarks.add('Introduction', 1);
+    // Sets destination to the bookmark
+    bookmark.destination = new PdfDestination(page, {x: 100, y: 200});
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+## Removing Bookmarks from an existing PDF 
+
+This example demonstrates how to remove bookmarks from an existing PDF document using the `PdfBookmark` class.
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import {PdfDocument, PdfPage, PdfBookmarkBase} from '@syncfusion/ej2-pdf';
+
+    // Load an existing PDF document
+    let document: PdfDocument = new PdfDocument(data, password);
+    // Get the first page
+    let page: PdfPage = document.getPage(0) as PdfPage;
+    // Get the bookmarks
+    let bookmarks: PdfBookmarkBase = document.bookmarks;
+    // Remove specified bookmark from the document.
+    bookmarks.remove('Introduction');
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+## Removing Bookmark from the document at the specified index
+
+This example demonstrates how to remove bookmarks from the document at the specific index using the `PdfBookmark` class.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import {PdfDocument, PdfPage, PdfBookmarkBase, PdfDestination} from '@syncfusion/ej2-pdf';
+
+    // Load an existing PDF document
+    let document: PdfDocument = new PdfDocument(data, password);
+    // Get the first page
+    let page: PdfPage = document.getPage(0) as PdfPage;
+    // Get the bookmarks
+    let bookmarks: PdfBookmarkBase = document.bookmarks;
+    // Remove the bookmark from the document at the index 1.
+    bookmarks.remove(1);
+    // Sets destination to the bookmark
+    bookmark.destination = new PdfDestination(page, {x: 10, 10});
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+## Removing all the Bookmark from the collection
+
+This example demonstrates how to removes all the bookmarks from the collection using the `PdfBookmark` class.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import {PdfDocument, PdfPage, PdfBookmarkBase} from '@syncfusion/ej2-pdf';
+
+    // Load an existing PDF document
+    let document: PdfDocument = new PdfDocument(data, password);
+    // Get the bookmarks
+    let bookmarks: PdfBookmarkBase = document.bookmarks;
+    // Remove all the bookmark from the collection.
+    bookmarks.clear();
+    // Get count after removal of all outlines.
+    let count: number = bookmarks.count;
+    // Save the document
+    document.save('Output.pdf');
+    // Destroy the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+## Bookmark page index in an existing PDF document
+
+This example demonstrates how to retrieve the page index associated with a bookmark in an existing PDF document using the `PdfBookmark` class. This helps identify the exact location of the bookmark.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import {PdfDocument, PdfBookmarkBase} from '@syncfusion/ej2-pdf';
+
+    // Load an existing PDF document
+    let document: PdfDocument = new PdfDocument(data, password);
+    // Get bookmarks
+    let bookmarks: PdfBookmarkBase = document.bookmarks;
+    // Get bookmark at the specified index
+    let pageIndex: number = bookmarks.destination.pageIndex;
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Library/javascript/Create-PDF-document-angular.md b/Document-Processing/PDF/PDF-Library/javascript/Create-PDF-document-angular.md
new file mode 100644
index 000000000..4da892b11
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Library/javascript/Create-PDF-document-angular.md
@@ -0,0 +1,118 @@
+---
+layout: post
+title: Create or Generate PDF file in Angular | Syncfusion
+description: Learn how to create a PDF file in Angular with easy steps using Syncfusion TypeScript PDF library without depending on Adobe
+platform: document-processing
+control: PDF
+documentation: ug
+keywords: angular create pdf, angular generate pdf, angular pdf library, ej2 pdf angular, TypeScript
+---
+
+# Create or Generate PDF file in Angular application
+
+The Syncfusion<sup>&reg;</sup> TypeScript PDF library is used to create, read, and edit PDF documents. This library also offers functionality to merge, split, stamp, fill forms, and secure PDF files.
+
+This guide explains how to integrate the TypeScript PDF library into an Angular application.
+
+## Setup Angular Environment
+
+You can use the [`Angular CLI`](https://github.com/angular/angular-cli) to setup your Angular applications.
+To install the latest Angular CLI globally use the following command.
+
+```bash
+npm install -g @angular/cli
+```
+
+N> Use the command **npm install --save @angular/cli@12.0.2** to install the Angular CLI version 12.0.2
+
+## Create an Angular Application
+
+Start a new Angular application using the Angular CLI command as follows.
+
+```bash
+ng new my-app
+cd my-app
+```
+## Create a PDF document using TypeScript
+
+* **Add script reference** : Add the required scripts using the CDN inside the `<head>` of `src/index.cshtml` as follows:
+
+{% tabs %}
+{% highlight c# tabtitle="index.html" %}
+
+<head>
+    ...
+    <!-- Syncfusion JavaScript PDF Library (CDN) -->
+    <script src="https://cdn.syncfusion.com/ej2/31.2.15/dist/ej2.min.js"></script>
+</head>
+
+{% endhighlight %}
+{% endtabs %}
+
+* Add a simple button to `app.component.html` and attach a click handler that uses the TypeScript PDF API to create a new PDF document.
+
+{% tabs %}
+{% highlight ts tabtitle="app.component.html" %}
+
+<html>
+  <head>
+    <title>PDF creation example</title>
+  </head>
+  <body>
+    <button id="normalButton">Create PDF document</button>
+  </body>
+</html>
+
+{% endhighlight %}
+{% endtabs %}
+
+* Include the following namespaces in `app.component.ts` file.
+
+{% tabs %}
+{% highlight c# tabtitle="~/app.component.ts" %}
+
+import { NgModule } from '@angular/core';
+import { PdfDocument, PdfPage, PdfStandardFont, PdfPen, PdfBrush } from '@syncfusion/ej2-pdf';
+
+{% endhighlight %}
+{% endtabs %}
+
+* Include the following code example in the click event of the button in `app.component.ts` to generate a PDF document. 
+
+{% tabs %}
+{% highlight html tabtitle="app.component.ts" %}
+
+document.getElementById('normalButton').onclick = (): void => {
+        // Create a new PDF document
+        const document = new PdfDocument();
+        // Add a new page
+        const page: PdfPage = document.addPage();
+        // Get graphics from the page
+        const graphics: PdfGraphics = page.graphics;
+        // Set font
+        const font: PdfStandardFont = document.embedFont(PdfFontFamily.helvetica, 36, PdfFontStyle.regular);
+        // Create a new black brush
+        const brush = new PdfBrush({r: 0, g: 0, b: 0});
+        // Draw text
+        graphics.drawString('Hello World!!!', font, {x: 20, y: 20, width: graphics.clientSize.width - 20, height: 60}, brush);
+        // Save and download PDF
+        document.save('Output.pdf');
+        // Destroy the PDF document instance
+        document.destroy();
+        });   
+};
+
+{% endhighlight %}
+{% endtabs %}
+
+## Run the application
+
+Use the following command to run the application in browser.
+
+```javascript
+ng serve --open
+```
+
+By executing the program, you will get the PDF document as follows.
+
+![Output PDF document](Getting_started_images/Output.png)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Library/javascript/Create-PDF-document-asp-net-core.md b/Document-Processing/PDF/PDF-Library/javascript/Create-PDF-document-asp-net-core.md
new file mode 100644
index 000000000..34da2975e
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Library/javascript/Create-PDF-document-asp-net-core.md
@@ -0,0 +1,84 @@
+---
+layout: post
+title: Create or Generate PDF in ASP.NET Core | Syncfusion
+description: Learn how to create or generate a PDF file in ASP.NET Core applications with easy steps using Syncfusion JavaScript PDF library without depending on Adobe.
+platform: document-processing
+control: PDF
+documentation: ug
+keywords: .net core create pdf, edit pdf, merge, pdf form, fill form, digital sign, table, javascript, dotnet core pdf, asp generate pdf, aspx generate pdf
+---
+
+# Create or Generate PDF in ASP.NET Core
+
+The Syncfusion<sup>&reg;</sup> JavaScript PDF library is used to create, read, and edit PDF documents. This library also offers functionality to merge, split, stamp, forms, and secure PDF files.
+
+This guide explains how to integrate the JavaScript PDF library into an ASP.NET Core application.
+
+## Integrate PDF library into an ASP.NET Core application
+
+1. Start Visual Studio and select **Create a new project**.
+2. In the **Create a new project** dialog, select **ASP.NET Core Web App**.
+![ASP.NET Core PDF creation1](Getting_started_images/Asp-net-core-creation1.png)
+3. In the **Configure your new project** dialog, enter the project name and select **Next**.
+![ASP.NET Core PDF creation2](Getting_started_images/Asp-net-core-creation2.png)
+4. In the **Additional information** dialog, select a .NET LTS version (for example, **.NET 8.0 (Long-term Support)**) and then select **Create**.
+![ASP.NET Core PDF creation3](Getting_started_images/Asp-net-core-creation3.png)
+
+5. **Add script reference** : Add the required scripts using the CDN inside the `<head>` of `~/Views/Shared/_Layout.cshtml` as follows:
+
+{% tabs %}
+{% highlight c# tabtitle="~/_Layout.cshtml" %}
+
+<head>
+    ...
+    <!-- Syncfusion JavaScript PDF Library (CDN) -->
+    <script src="https://cdn.syncfusion.com/ej2/31.2.15/dist/ej2.min.js"></script>
+</head>
+
+{% endhighlight %}
+{% endtabs %}
+ 
+6. **Create a PDF document** : Add the script in `~/Views/Home/Index.cshtml` by creating a button and attaching a click event that uses the JavaScript PDF API to generate a PDF document.
+
+{% tabs %}
+{% highlight c# tabtitle="~/Index.cshtml" %}
+
+<div class="container py-4">
+    <h1 class="h4 mb-3">Create PDF document</h1>
+    <p class="text-muted">Click the button to generate and download a PDF.</p>
+    <button id="btnCreatePdf" class="btn btn-primary">Generate PDF document</button>
+</div>
+
+@section Scripts {
+    <script>
+        document.getElementById('btnCreatePdf').addEventListener('click', function () {
+        // Create a new PDF document
+        let pdf = new ej.pdf.PdfDocument();
+        // Add a new page
+        let page: ej.pdf.PdfPage = document.addPage();
+        // Get graphics from the page
+        let graphics: ej.pdf.PdfGraphics = page.graphics;
+        // Set font
+        let font: ej.pdf.PdfStandardFont = pdf.embedFont(ej.pdf.PdfFontFamily.helvetica, 36, ej.pdf.PdfFontStyle.regular);
+        // Create a new black brush
+        let brush = new ej.pdf.PdfBrush({r: 0, g: 0, b: 0});
+        // Draw text
+        graphics.drawString('Hello World!!!', font, {x: 20, y: 20, width: graphics.clientSize.width - 20, height: 60}, brush);
+        // Save and download PDF
+        pdf.save('Output.pdf');
+        // Destroy the PDF document instance
+        pdf.destroy();
+        });   
+    </script>
+}
+
+{% endhighlight %}
+{% endtabs %}
+
+7. **Build the project** : Click on Build > Build Solution or press Ctrl + Shift + B to build the project.
+
+8. **Run the project** : Click the Start button (green arrow) or press F5 to run the app.
+
+By executing the program, you will generate the following PDF document.
+
+![ASP.NET Core PDF output](Getting_started_images/Output.png)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Library/javascript/Create-PDF-document-asp-net-mvc.md b/Document-Processing/PDF/PDF-Library/javascript/Create-PDF-document-asp-net-mvc.md
new file mode 100644
index 000000000..704a1524c
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Library/javascript/Create-PDF-document-asp-net-mvc.md
@@ -0,0 +1,84 @@
+---
+layout: post
+title: Create or Generate PDF file in ASP.NET Core MVC | Syncfusion
+description: Learn how to create a PDF file in ASP.NET Core MVC with easy steps using Syncfusion JavaScript PDF library without depending on Adobe
+platform: document-processing
+control: PDF
+documentation: ug
+keywords: MVC, javascript, pdf
+---
+
+# Create or Generate PDF file in ASP.NET Core MVC
+
+The Syncfusion<sup>&reg;</sup> JavaScript PDF library is used to create, read, and edit PDF documents. This library also offers functionality to merge, split, stamp, fill forms, and secure PDF files.
+
+This guide explains how to integrate the JavaScript PDF library into an ASP.NET Core MVC application.
+
+## Integrate PDF library into an ASP.NET MVC application
+
+1. Start Visual Studio and select **Create a new project**.
+2. Create a new ASP.NET MVC Web Application project.
+![ASP.NET Core MVC PDF creation1](Getting_started_images/Asp-net-mvc-creation1.png)
+3. Choose the target framework.
+![ASP.NET Core MVC PDF creation2](Getting_started_images/Asp-net-mvc-creation2.png)
+4. Select Web Application pattern (MVC) for the project and then select **Create** button.
+![ASP.NET Core MVC PDF creation3](Getting_started_images/Asp-net-mvc-creation3.png)
+
+5. **Add script reference** : Add the required scripts using the CDN inside the `<head>` of `~/Views/Shared/_Layout.cshtml` as follows:
+
+{% tabs %}
+{% highlight c# tabtitle="~/_Layout.cshtml" %}
+
+<head>
+    ...
+    <!-- Syncfusion JavaScript PDF Library (CDN) -->
+    <script src="https://cdn.syncfusion.com/ej2/31.2.15/dist/ej2.min.js"></script>
+</head>
+
+{% endhighlight %}
+{% endtabs %}
+ 
+6. **Create a PDF document** : Add the script in `~/Views/Home/Index.cshtml` by creating a button and attaching a click event that uses the JavaScript PDF API to generate a PDF document.
+
+{% tabs %}
+{% highlight c# tabtitle="~/Index.cshtml" %}
+
+<div class="container py-4">
+    <h1 class="h4 mb-3">Create PDF document</h1>
+    <p class="text-muted">Click the button to generate and download a PDF.</p>
+    <button id="btnCreatePdf" class="btn btn-primary">Generate PDF document</button>
+</div>
+
+@section Scripts {
+    <script>
+         document.getElementById('btnCreatePdf').addEventListener('click', function () {
+        // Create a new PDF document
+        let pdf = new ej.pdf.PdfDocument();
+        // Add a new page
+        let page: ej.pdf.PdfPage = document.addPage();
+        // Get graphics from the page
+        let graphics: ej.pdf.PdfGraphics = page.graphics;
+        // Set font
+        let font: ej.pdf.PdfStandardFont = pdf.embedFont(ej.pdf.PdfFontFamily.helvetica, 36, ej.pdf.PdfFontStyle.regular);
+        // Create a new black brush
+        let brush = new ej.pdf.PdfBrush({r: 0, g: 0, b: 0});
+        // Draw text
+        graphics.drawString('Hello World!!!', font, {x: 20, y: 20, width: graphics.clientSize.width - 20, height: 60}, brush);
+        // Save and download PDF
+        pdf.save('Output.pdf');
+        // Destroy the PDF document instance
+        pdf.destroy();
+        });   
+    </script>
+}
+
+{% endhighlight %}
+{% endtabs %}
+
+7. **Build the project** : Click on Build > Build Solution or press Ctrl + Shift + B to build the project.
+
+8. **Run the project** : Click the Start button (green arrow) or press F5 to run the app.
+
+By executing the program, you will generate the following PDF document.
+
+![ASP.NET Core MVC PDF output](Getting_started_images/Output.png)
diff --git a/Document-Processing/PDF/PDF-Library/javascript/Create-PDF-document-javascript.md b/Document-Processing/PDF/PDF-Library/javascript/Create-PDF-document-javascript.md
new file mode 100644
index 000000000..abcbb4807
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Library/javascript/Create-PDF-document-javascript.md
@@ -0,0 +1,84 @@
+---
+layout: post
+title: Create or Generate PDF file in JavaScript | Syncfusion
+description: Learn how to create a PDF file in JavaScript with easy steps using Syncfusion JavaScript PDF library without depending on Adobe
+platform: document-processing
+control: PDF
+documentation: ug
+keywords: javascript, pdf, script
+---
+
+# Create or Generate PDF file in JavaScript
+
+The Essential JS 2 for JavaScript (global script) is an ES5 formatted pure JavaScript framework which can be directly used in latest web browsers.
+
+## Component Initialization with CDN link for script and style reference
+
+**Step 1:** Create an app folder `my-app` for the Essential JS 2 JavaScript components.
+
+**Step 2:** The Essential JS 2 component's global scripts and styles are already hosted in the below CDN link formats.
+
+**Syntax:**
+> Script: `https://cdn.syncfusion.com/ej2/{Version}/dist/{PACKAGE_NAME}.min.js`
+>
+> Styles: `https://cdn.syncfusion.com/ej2/{Version}/{PACKAGE_NAME}/styles/material.css`
+
+**Example:**
+> Script: [`https://cdn.syncfusion.com/ej2/31.2.15/dist/ej2.min.js`](https://cdn.syncfusion.com/ej2/31.2.15/dist/ej2.min.js)
+>
+> Styles: [`https://cdn.syncfusion.com/ej2/31.2.15/ej2-base/styles/material.css`](https://cdn.syncfusion.com/ej2/31.2.15/ej2-base/styles/material.css)
+
+**Step 3:** Create a HTML page (index.html) in `my-app` location and add the CDN link references.
+
+{% tabs %}
+{% highlight ts tabtitle="index.html" %}
+
+<head>
+    ...
+    <!-- Syncfusion JavaScript PDF Library (CDN) -->
+    <script src="https://cdn.syncfusion.com/ej2/31.2.15/dist/ej2.min.js"></script>
+</head>
+
+{% endhighlight %}
+{% endtabs %}
+
+**Step 4:** **Create a PDF document** : Add the script in `index.html` by creating a button and attaching a click event that uses the JavaScript PDF API to generate a PDF document.
+
+{% tabs %}
+{% highlight c# tabtitle="~/Index.html" %}
+
+<div class="container py-4">
+    <h1 class="h4 mb-3">Create PDF document</h1>
+    <p class="text-muted">Click the button to generate and download a PDF.</p>
+    <button id="btnCreatePdf" class="btn btn-primary">Generate PDF document</button>
+</div>
+
+@section Scripts {
+     <script>
+         document.getElementById('btnCreatePdf').addEventListener('click', function () {
+        // Create a new PDF document
+        let pdf = new ej.pdf.PdfDocument();
+        // Add a new page
+        let page: ej.pdf.PdfPage = document.addPage();
+        // Get graphics from the page
+        let graphics: ej.pdf.PdfGraphics = page.graphics;
+        // Set font
+        let font: ej.pdf.PdfStandardFont = pdf.embedFont(ej.pdf.PdfFontFamily.helvetica, 36, ej.pdf.PdfFontStyle.regular);
+        // Create a new black brush
+        let brush = new ej.pdf.PdfBrush({r: 0, g: 0, b: 0});
+        // Draw text
+        graphics.drawString('Hello World!!!', font, {x: 20, y: 20, width: graphics.clientSize.width - 20, height: 60}, brush);
+        // Save and download PDF
+        pdf.save('Output.pdf');
+        // Destroy the PDF document instance
+        pdf.destroy();
+        });   
+    </script>
+}
+
+{% endhighlight %}
+{% endtabs %}
+
+By executing the program, you will get the PDF document as follows.
+
+![Output PDF document](Getting_started_images/Output.png)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Library/javascript/Create-PDF-document-react.md b/Document-Processing/PDF/PDF-Library/javascript/Create-PDF-document-react.md
new file mode 100644
index 000000000..10cf44a3a
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Library/javascript/Create-PDF-document-react.md
@@ -0,0 +1,77 @@
+---
+layout: post
+title: Create or Generate PDF file in React | Syncfusion
+description: Learn how to create a PDF file in React with easy steps using Syncfusion JavaScript PDF library without depending on Adobe
+control: PDF
+platform: document-processing
+documentation: ug
+keywords: javascript, pdf, script, react
+---
+
+# Create or Generate PDF file in React
+
+The Syncfusion<sup>&reg;</sup> JavaScript PDF library is used to create, read, and edit PDF documents. This library also offers functionality to merge, split, stamp, fill forms, and secure PDF files.
+
+This guide explains how to integrate the JavaScript PDF library into an React application.
+
+## Add script reference
+
+* Add the required scripts using the CDN inside the `<head>` of `public/index.html` using the following code.
+
+```
+<head>
+    ...
+    <!-- Syncfusion JavaScript PDF Library (CDN) -->
+    <script src="https://cdn.syncfusion.com/ej2/31.2.15/dist/ej2.min.js"></script>
+</head>
+```
+
+**Create a PDF document** : Add the script in `App.jsx` by creating a button and attaching a click event that uses the JavaScript PDF API to generate a PDF document.
+
+{% tabs %}
+{% highlight c# tabtitle="~/App.jsx" %}
+
+import React from 'react';
+
+export default function App() {
+  const createPdf = () => {
+        // Create a new PDF document
+        let pdf = new ej.pdf.PdfDocument();
+        // Add a new page
+        let page: ej.pdf.PdfPage = document.addPage();
+        // Get graphics from the page
+        let graphics: ej.pdf.PdfGraphics = page.graphics;
+        // Set font
+        let font: ej.pdf.PdfStandardFont = pdf.embedFont(ej.pdf.PdfFontFamily.helvetica, 36, ej.pdf.PdfFontStyle.regular);
+        // Create a new black brush
+        let brush = new ej.pdf.PdfBrush({r: 0, g: 0, b: 0});
+        // Draw text
+        graphics.drawString('Hello World!!!', font, {x: 20, y: 20, width: graphics.clientSize.width - 20, height: 60}, brush);
+        // Save and download PDF
+        pdf.save('Output.pdf');
+        // Destroy the PDF document instance
+        pdf.destroy();
+  };
+
+  return (
+    <div style={{ padding: '1.5rem' }}>
+      <button id="normalButton" onClick={createPdf}>
+        Create PDF document
+      </button>
+    </div>
+  );
+}
+
+{% endhighlight %}
+{% endtabs %}
+
+## Run the application
+
+Now run the `npm run dev` command in the console to start the development server. This command compiles your code and serves the application locally, opening it in the browser.
+
+```
+npm run dev
+```
+By executing the program, you will get the PDF document as follows.
+
+![Output PDF document](Getting_started_images/Output.png)
diff --git a/Document-Processing/PDF/PDF-Library/javascript/Create-PDF-document-typescript.md b/Document-Processing/PDF/PDF-Library/javascript/Create-PDF-document-typescript.md
new file mode 100644
index 000000000..6fa6aee6a
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Library/javascript/Create-PDF-document-typescript.md
@@ -0,0 +1,92 @@
+---
+layout: post
+title: Create or Generate PDF file in TypeScript | Syncfusion
+description: Learn how to create a PDF file in TypeScript with easy steps using Syncfusion TypeScript PDF library without depending on Adobe
+platform: document-processing
+control: PDF
+documentation: ug
+keywords: pdf, script, typescript
+---
+
+# Create or Generate PDF file in TypeScript
+
+The Syncfusion<sup>&reg;</sup> TypeScript PDF library is used to create, read, and edit PDF documents. This library also offers functionality to merge, split, stamp, fill forms, and secure PDF files.
+
+This guide explains how to integrate the TypeScript PDF library into an TypeScript application.
+
+## Dependencies
+
+The following list of dependencies are required to use the `TypeScript PDF library` component in your application.
+
+```typescript
+|-- @syncfusion/ej2-compression
+|-- @syncfusion/ej2-base
+```
+
+## Create a PDF document using TypeScript.
+
+* Add a simple button to `index.html` and attach a click handler that uses the TypeScript PDF API to create a new PDF document.
+
+{% tabs %}
+{% highlight ts tabtitle="index.html" %}
+
+<html>
+  <head>
+    <title>Button onclick Example</title>
+  </head>
+  <body>
+    <button id="normalButton">Create PDF document</button>
+  </body>
+</html>
+
+{% endhighlight %}
+{% endtabs %}
+
+* Include the following namespaces in `index.ts` file.
+
+{% tabs %}
+{% highlight html tabtitle="index.ts" %}
+
+import { PdfDocument, PdfPage, PdfStandardFont, PdfPen, PdfBrush } from '@syncfusion/ej2-pdf';
+
+{% endhighlight %}
+{% endtabs %}
+
+* Include the following code example in the click event of the button in `index.ts` to generate a PDF document 
+
+{% tabs %}
+{% highlight html tabtitle="index.ts" %}
+
+document.getElementById('normalButton').onclick = (): void => {
+// Create a new PDF document
+        let pdf = new PdfDocument();
+        // Add a new page
+        let page: PdfPage = document.addPage();
+        // Get graphics from the page
+        let graphics: PdfGraphics = page.graphics;
+        // Set font
+        let font: PdfStandardFont = pdf.embedFont(PdfFontFamily.helvetica, 36, PdfFontStyle.regular);
+        // Create a new black brush
+        let brush = new PdfBrush({r: 0, g: 0, b: 0});
+        // Draw text
+        graphics.drawString('Hello World!!!', font, {x: 20, y: 20, width: graphics.clientSize.width - 20, height: 60}, brush);
+        // Save and download PDF
+        pdf.save('Output.pdf');
+        // Destroy the PDF document instance
+        pdf.destroy();
+};
+
+{% endhighlight %}
+{% endtabs %}
+
+* **Run the application**
+
+The quickstart project is configured to compile and run in the browser. Use the following command to start the application:
+
+```javascript
+npm start
+```
+
+By executing the program, you will get the PDF document as follows.
+
+![Output PDF document](Getting_started_images/Output.png)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Library/javascript/Create-PDF-document-vue.md b/Document-Processing/PDF/PDF-Library/javascript/Create-PDF-document-vue.md
new file mode 100644
index 000000000..3433aeb7f
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Library/javascript/Create-PDF-document-vue.md
@@ -0,0 +1,106 @@
+---
+layout: post
+title: Create or Generate PDF file in Vue | Syncfusion
+description: Learn how to create a PDF file in Vue with easy steps using Syncfusion JavaScript PDF library without depending on Adobe
+control: PDF
+platform: document-processing
+documentation: ug
+keywords: pdf, script, vue, javascript
+---
+
+# Create or Generate PDF file in Vue application
+
+The Syncfusion<sup>&reg;</sup> JavaScript PDF library is used to create, read, and edit PDF documents. This library also offers functionality to merge, split, stamp, fill forms, and secure PDF files.
+
+This guide explains how to integrate the JavaScript PDF library into an Vue application.
+
+## Setting up the Vue 2 project
+
+To generate a Vue 2 project using Vue-CLI, use the [Vue create](https://cli.vuejs.org/#getting-started) command. Follow these steps to install Vue CLI and create a new project:
+
+```bash
+npm install -g @vue/cli
+vue create quickstart
+cd quickstart
+```
+
+or
+
+```bash
+yarn global add @vue/cli
+vue create quickstart
+cd quickstart
+```
+
+When creating a new project, choose the option `Default ([Vue 2] babel, es-lint)` from the menu.
+
+![Vue 2 project](Getting_started_images/vue2-terminal.png)
+
+Once the `quick start` project is set up with default settings, proceed to add Syncfusion<sup style="font-size:70%">&reg;</sup> components to the project.
+
+* **Add script reference** : Add the required scripts using the CDN inside the `<head>` of `index.html` as follows:
+
+{% tabs %}
+{% highlight c# tabtitle="~/index.html" %}
+
+<head>
+    ...
+    <!-- Syncfusion EJ2 PDF Library (CDN) -->
+    <script src="https://cdn.syncfusion.com/ej2/31.2.15/dist/ej2.min.js"></script>
+</head>
+
+{% endhighlight %}
+{% endtabs %}
+
+* **Create a PDF document** : Add the script in `App.vue` by creating a button and attaching a click event that uses the JavaScript PDF API to generate a PDF document.
+
+{% tabs %}
+{% highlight c# tabtitle="~/App.vue" %}
+
+<script>
+export default {
+  name: 'App',
+  methods: {
+    createPdf() {
+      
+        // Create a new PDF document
+        const pdf = new ej.pdf.PdfDocument();
+        // Add a new page
+        const page: ej.pdf.PdfPage = document.addPage();
+        // Get graphics from the page
+        const graphics: ej.pdf.PdfGraphics = page.graphics;
+        // Set font
+        const font: ej.pdf.PdfStandardFont = pdf.embedFont(ej.pdf.PdfFontFamily.helvetica, 36, ej.pdf.PdfFontStyle.regular);
+        // Create a new black brush
+        const brush = new ej.pdf.PdfBrush({r: 0, g: 0, b: 0});
+        // Draw text
+        graphics.drawString('Hello World!!!', font, {x: 20, y: 20, width: graphics.clientSize.width - 20, height: 60}, brush);
+        // Save and download PDF
+        pdf.save('Output.pdf');
+        // Destroy the PDF document instance
+        pdf.destroy();
+
+    }
+  }
+};
+</script>
+
+{% endhighlight %}
+{% endtabs %}
+
+## Run the project
+
+To run the project, use the following command:
+
+```bash
+npm run serve
+```
+or
+
+```bash
+yarn run serve
+```
+
+By executing the program, you will generate the following PDF document.
+
+![Vue PDF output](Getting_started_images/Output.png)
diff --git a/Document-Processing/PDF/PDF-Library/javascript/DigitalSignature.md b/Document-Processing/PDF/PDF-Library/javascript/DigitalSignature.md
new file mode 100644
index 000000000..ce0811814
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Library/javascript/DigitalSignature.md
@@ -0,0 +1,396 @@
+---
+title: Digital Signature in TypeScript PDF library | Syncfusion
+description: This section explains how to create a digital signature in the PDF document by using TypeScript PDF library
+platform: document-processing
+control: PDF
+documentation: UG
+---
+# Digital Signature in TypeScript PDF library
+
+Essential<sup>&reg;</sup> PDF provides support to create, validate, and manage digital signatures in PDF documents, ensuring authenticity, integrity, and security.
+
+## Adding a digital signature 
+
+This example demonstrates how to add a digital signature to a PDF document using the `PdfSignature` class. Digital signatures ensure document authenticity and integrity by applying cryptographic standards.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+import {PdfDocument, PdfPage, PdfForm, PdfSignatureField, DigestAlgorithm, CryptographicStandard} from '@syncfusion/ej2-pdf';
+
+// Load the document
+let document: PdfDocument = new PdfDocument()
+// Get the first page of the document
+let page: PdfPage = document.addPage();
+// Access the PDF form
+let form: PdfForm = document.form;
+// Create a new signature field
+let field: PdfSignatureField = new PdfSignatureField(page, 'Signature', {
+    x: 10,
+    y: 10,
+    width: 100,
+    height: 50
+});
+// Create a new signature using PFX data and private key
+let sign: PdfSignature = PdfSignature.create(
+    {
+        cryptographicStandard: CryptographicStandard.cms,
+        digestAlgorithm: DigestAlgorithm.sha256
+    },
+    certData,
+    password
+);
+// Set the signature to the field
+field.setSignature(sign);
+// Add the field into PDF form
+form.add(field);
+// Save the document
+document.save('output.pdf');
+// Destroy the document
+document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+The following code snippet explains how to add a digital signature in an existing PDF document.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+import {PdfDocument, PdfPage, PdfForm, PdfSignatureField, DigestAlgorithm, CryptographicStandard} from '@syncfusion/ej2-pdf';
+
+// Load the document
+let document: PdfDocument = new PdfDocument(data, password)
+// Get the first page of the document
+let page: PdfPage = document.getPage(0);
+// Access the PDF form
+let form: PdfForm = document.form;
+// Create a new signature field
+let field: PdfSignatureField = new PdfSignatureField(page, 'Signature', {
+    x: 10,
+    y: 10,
+    width: 100,
+    height: 50
+});
+// Create a new signature using PFX data and private key
+let sign: PdfSignature = PdfSignature.create(
+    {
+        cryptographicStandard: CryptographicStandard.cms,
+        digestAlgorithm: DigestAlgorithm.sha256
+    },
+    certData,
+    password
+);
+// Set the signature to the field
+field.setSignature(sign);
+// Add the field into PDF form
+form.add(field);
+// Save the document
+document.save('output.pdf');
+// Destroy the document
+document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+## Create PDF Signature with External Signing
+
+Essential<sup>&reg;</sup> PDF provides support to create a new PDF signature using a callback function for external signing, enabling secure and flexible digital signature workflows.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+import {PdfDocument, PdfPage, PdfForm, PdfSignatureField, DigestAlgorithm, CryptographicStandard} from '@syncfusion/ej2-pdf';
+
+// Load the document
+let document: PdfDocument = new PdfDocument(data, passw);
+// Gets the first page of the document
+let page: PdfPage = document.getPage(0);
+// Access the PDF form
+let form: PdfForm = document.form;
+// Create a new signature field
+let field: PdfSignatureField = new PdfSignatureField(page, 'Signature', { x: 10, y: 10, width: 100, height: 50 });
+// Define a callback function used for external signing
+let externalSignatureCallback = (
+    data: Uint8Array,
+    options: {
+        algorithm: DigestAlgorithm,
+        cryptographicStandard: CryptographicStandard,
+    }
+): { signedData: Uint8Array; timestampData?: Uint8Array } => {
+    // Implement external signing logic here
+    return new Uint8Array(); // Placeholder return
+};
+// Create a new signature using external signing
+let signature: PdfSignature = PdfSignature.create(externalSignatureCallback, {
+    cryptographicStandard: CryptographicStandard.cms,
+    algorithm: DigestAlgorithm.sha256,
+});
+// Set the signature to the field
+field.setSignature(signature);
+// Add the field into PDF form
+form.add(field);
+// Save the document
+document.save('output.pdf');
+// Destroy the document
+document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+## Create Signature with Public Certificates for External Signing
+
+This example demonstrates how to create a new PDF signature using the `PdfSignature` class with public certificates for external signing. External signing allows you to implement custom signing logic outside the PDF library while maintaining compliance with cryptographic standards.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+import {PdfDocument, PdfPage, PdfForm, PdfSignatureField, DigestAlgorithm, CryptographicStandard} from '@syncfusion/ej2-pdf';
+
+// Load the document
+let document: PdfDocument = new PdfDocument(data);
+// Gets the first page of the document
+let page: PdfPage = document.getPage(0);
+// Access the PDF form
+let form: PdfForm = document.form;
+// Create a new signature field
+let field: PdfSignatureField = new PdfSignatureField(page, 'Signature', { x: 10, y: 10, width: 100, height: 50 });
+// Define a callback function used for external signing
+let externalSignatureCallback = (
+    data: Uint8Array,
+    options: {
+        algorithm: DigestAlgorithm,
+        cryptographicStandard: CryptographicStandard
+    }
+): { signedData: Uint8Array; timestampData?: Uint8Array } => {
+    // Implement external signing logic here
+    return new Uint8Array(); // Placeholder return
+};
+// Create a new signature using external signing with public certificate collection
+let signature: PdfSignature = PdfSignature.create(
+    externalSignatureCallback,
+    publicCertificates,
+    {
+        cryptographicStandard: CryptographicStandard.cms,
+        algorithm: DigestAlgorithm.sha256
+    }
+);
+// Set the signature to the field
+field.setSignature(signature);
+// Add the field into PDF form
+form.add(field);
+// Save the document
+document.save('output.pdf');
+// Destroy the document
+document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+## Create Signature Using PFX Data and Private Key
+
+This example demonstrates how to create a new PDF signature using the `PdfSignature` class with PFX certificate data and a private key. This approach is commonly used for digital signing when you have access to a personal certificate file and its password.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+import {PdfDocument, PdfPage, PdfForm, PdfSignatureField, DigestAlgorithm, CryptographicStandard} from '@syncfusion/ej2-pdf';
+
+// Load the document
+let document: PdfDocument = new PdfDocument(data, password);
+// Get the first page of the document
+let page: PdfPage = document.getPage(0);
+// Access the PDF form
+let form: PdfForm = document.form;
+// Create a new signature field
+let field: PdfSignatureField = new PdfSignatureField(page, 'Signature', { x: 10, y: 10, width: 100, height: 50 });
+// Create a new signature using PFX data and private key
+let sign: PdfSignature = PdfSignature.create(
+    {
+        cryptographicStandard: CryptographicStandard.cms,
+        digestAlgorithm: DigestAlgorithm.sha256
+    },
+    certData,
+    password
+);
+// Set the signature to the field
+field.setSignature(sign);
+// Add the field into PDF form
+form.add(field);
+// Save the document
+document.save('output.pdf');
+// Destroy the document
+document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+## Retrieve the Signed Date of a PDF Signature
+
+This example demonstrates how to retrieve the signed date of a PDF signature using the `getSignedDate()` method of the `PdfSignature` class. This property helps identify when the document was digitally signed.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+import {PdfDocument, PdfPage, PdfForm, PdfSignatureField, DigestAlgorithm, CryptographicStandard} from '@syncfusion/ej2-pdf';
+
+// Load the document
+let document: PdfDocument = new PdfDocument(data, password);
+// Get the first page of the document
+let page: PdfPage = document.getPage(0);
+// Access the PDF form
+let form: PdfForm = document.form;
+// Create a new signature field
+let field: PdfSignatureField = new PdfSignatureField(page, 'Signature', { x: 10, y: 10, width: 100, height: 50 });
+// Create a new signature using PFX data and private key
+let sign: PdfSignature = PdfSignature.create(
+    {
+        cryptographicStandard: CryptographicStandard.cms,
+        digestAlgorithm: DigestAlgorithm.sha256
+    },
+    certData,
+    password
+);
+// Set the signature to the field
+field.setSignature(sign);
+// Get the signed date
+sign.getSignedDate();
+// Add the field into PDF form
+form.add(field);
+// Save the document
+document.save('output.pdf');
+// Destroy the document
+document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+## Get Certificate Information from a PDF Signature
+
+This example demonstrates how to retrieve the certificate information of a PDF signature using the `getCertificateInformation()` method of the `PdfSignature` class. This information includes details about the signer’s certificate used for digital signing.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+import {PdfDocument, PdfPage, PdfForm, PdfSignatureField, DigestAlgorithm,PdfCertificateInformation, CryptographicStandard} from '@syncfusion/ej2-pdf';
+
+// Load the document
+let document: PdfDocument = new PdfDocument(data, password);
+// Get the first page of the document
+let page: PdfPage = document.getPage(0);
+// Access the PDF form
+let form: PdfForm = document.form;
+// Create a new signature field
+let field: PdfSignatureField = new PdfSignatureField(page, 'Signature', { x: 10, y: 10, width: 100, height: 50 });
+// Create a new signature using PFX data and private key
+let sign: PdfSignature = PdfSignature.create(
+    {
+        cryptographicStandard: CryptographicStandard.cms,
+        digestAlgorithm: DigestAlgorithm.sha256
+    },
+    certData,
+    password
+);
+// Set the signature to the field
+field.setSignature(sign);
+// Get the certificate information of the signature
+let certificateInfo: PdfCertificateInformation = sign.getCertificateInformation();
+// Add the field into PDF form
+form.add(field);
+// Save the document
+document.save('output.pdf');
+// Destroy the document
+document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+## Get Digital Signature Configuration Options
+
+This example demonstrates how to retrieve the configuration options of a digital signature in a PDF document using the `getSignatureOptions()` method of the `PdfSignature` class. These options include details such as the cryptographic standard and digest algorithm used for signing.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+import {PdfDocument, PdfPage, PdfForm, PdfSignatureField, DigestAlgorithm, CryptographicStandard} from '@syncfusion/ej2-pdf';
+
+// Load the document
+let document: PdfDocument = new PdfDocument(data, password);
+// Get the first page of the document
+let page: PdfPage = document.getPage(0);
+// Access the PDF form
+let form: PdfForm = document.form;
+// Get the signature field
+let field: PdfSignatureField = form.fieldAt(0) as PdfSignatureField;
+// Get the PDF signature
+let signature: PdfSignature = field.getSignature();
+// Get the signature options
+let options: PdfSignatureOptions = signature.getSignatureOptions();
+// Get the cryptographic standard of the signature
+let cryptographicStandard: CryptographicStandard = options.cryptographicStandard;
+// Destroy the document
+document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+## Replace Empty Signature with Externally Signed Data
+
+This example demonstrates how to replace an empty signature field in a PDF document with externally signed data using the `replaceEmptySignature()` method of the `PdfSignature` class. This method allows embedding externally signed content, certificates, and optional timestamp data into the PDF.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+import {PdfDocument, PdfPage, PdfForm, PdfSignatureField, DigestAlgorithm, CryptographicStandard} from '@syncfusion/ej2-pdf';
+
+// Load the document
+let document: PdfDocument = new PdfDocument('data');
+// Get the first page of the document
+let page: PdfPage = document.getPage(0);
+// Access the PDF form
+let form: PdfForm = document.form;
+// Create a new signature field
+let field: PdfSignatureField = new PdfSignatureField(page, 'Signature', { x: 10, y: 10, width: 100, height: 50 });
+// Placeholder for signed data
+let signedData: Uint8Array;
+// Define a callback function used for external signing
+let externalSignatureCallback = (
+    data: Uint8Array,
+    options: {
+        algorithm: DigestAlgorithm;
+        cryptographicStandard: CryptographicStandard;
+    }
+): void => {
+    // Implement external signing logic here
+    signedData = new Uint8Array(); // Placeholder return
+};
+// Create a new signature using external signing with public certificate collection
+let signature: PdfSignature = PdfSignature.create(
+    {
+        cryptographicStandard: CryptographicStandard.cms,
+        algorithm: DigestAlgorithm.sha256
+    },
+    externalSignatureCallback,
+    publicCertificates
+);
+// Set the signature to the field
+field.setSignature(signature);
+// Add the field into PDF form
+form.add(field);
+// Save the document data
+let data: Uint8Array = document.save();
+// Destroy the document
+document.destroy();
+// Replace the empty signature with externally signed hash and certificates
+let signedDocumentData: Uint8Array = PdfSignature.replaceEmptySignature(
+    data,
+    'Signature',
+    signedData,
+    DigestAlgorithm.sha256,
+    publicCertificates
+);
+// Destroy the document
+document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Library/javascript/EJ2-images/Helloworld.png b/Document-Processing/PDF/PDF-Library/javascript/EJ2-images/Helloworld.png
new file mode 100644
index 000000000..003ad9420
Binary files /dev/null and b/Document-Processing/PDF/PDF-Library/javascript/EJ2-images/Helloworld.png differ
diff --git a/Document-Processing/PDF/PDF-Library/javascript/FormFields.md b/Document-Processing/PDF/PDF-Library/javascript/FormFields.md
new file mode 100644
index 000000000..2c8131876
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Library/javascript/FormFields.md
@@ -0,0 +1,866 @@
+---
+title: Form Fields in TypeScript PDF library | Syncfusion
+description: This section explains how to create a digital signature in the PDF document by using the TypeScript PDF library
+platform: document-processing
+control: PDF
+documentation: UG
+---
+# Form Fields in TypeScript PDF library
+
+An interactive form, sometimes referred to as an AcroForm is a collection of fields for gathering information. A PDF document can contain any number of fields appearing on any combination of pages, all of that make a single, globally interactive form spanning the entire document.
+
+## Creating a new PDF form
+
+Essential<sup>&reg;</sup> PDF allows you to create and manage the form in PDF document by using `PdfForm` class. The `PdfForm` class represents the entire field collection of the form.
+
+### Adding the text box field 
+
+This example demonstrates how to add a text box field to a PDF document using the `PdfTextBoxField` class. A text box field allows users to enter text data in interactive PDF forms.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+import {PdfDocument, PdfPage, PdfForm, PdfTextBoxField, PdfStandardFont} from '@syncfusion/ej2-pdf';
+
+// Create a new PDF document
+let document: PdfDocument = new PdfDocument();
+//Add the PDF page.
+let page: PdfPage = document.addPage();
+// Access the PDF form from the document
+let form: PdfForm = document.form;
+// Create a new text box field
+let field: PdfTextBoxField = new PdfTextBoxField(page, 'FirstName', {x: 10, y: 10, width: 100, height: 50});
+// Set the default text value for the text box
+field.text = 'John';
+// Apply a standard font (Helvetica) with size 10 to the text box
+field.font = new PdfStandardFont(PdfFontFamily.helvetica, 10);
+// Set the background color of the text box to red
+field.backColor = { r: 255, g: 0, b: 0 };
+// Set the border color of the text box to blue
+field.borderColor = { r: 0, g: 0, b: 255 };
+// Add a tooltip to the text box for user guidance
+field.toolTip = 'FirstName';
+// Set the text color inside the text box to green
+field.color = { r: 0, g: 255, b: 0 };
+// Add the configured text box field to the PDF form
+form.add(field);
+// Save the document
+document.save('Output.pdf');
+// Close the document
+document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+The following code snippet explains how to add a popup annotation in an existing PDF document.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+import {PdfDocument, PdfPage, PdfForm, PdfTextBoxField, PdfStandardFont} from '@syncfusion/ej2-pdf';
+
+// Load an existing PDF document
+let document: PdfDocument = new PdfDocument(data, password);
+// Access the first page
+let page: PdfPage = document.getPage(0);
+// Access the PDF form from the document
+let form: PdfForm = document.form;
+// Create a new text box field
+let field: PdfTextBoxField = new PdfTextBoxField(page, 'FirstName', {x: 10, y: 10, width: 100, height: 50});
+// Set the default text value for the text box
+field.text = 'John';
+// Apply a standard font (Helvetica) with size 10 to the text box
+field.font = new PdfStandardFont(PdfFontFamily.helvetica, 10);
+// Set the background color of the text box to red
+field.backColor = { r: 255, g: 0, b: 0 };
+// Set the border color of the text box to blue
+field.borderColor = { r: 0, g: 0, b: 255 };
+// Add a tooltip to the text box for user guidance
+field.toolTip = 'FirstName';
+// Set the text color inside the text box to green
+field.color = { r: 0, g: 255, b: 0 };
+// Add the configured text box field to the PDF form
+form.add(field);
+// Save the document
+document.save('Output.pdf');
+// Close the document
+document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+### Adding the combo box field
+
+This example demonstrates how to add a combo box field to a PDF document using the `PdfComboBoxField` class. A combo box field provides a drop-down list for users to select predefined options.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+import {PdfDocument, PdfPage, PdfForm, PdfComboBoxField} from '@syncfusion/ej2-pdf';
+
+// Create a new PDF document
+let document: PdfDocument = new PdfDocument();
+// Add a page
+let page: PdfPage = document.addPage();
+// Access the PDF form
+let form: PdfForm = document.form;
+// Create a new combo box field
+let field: PdfComboBoxField = new PdfComboBoxField(page, 'list1', { x: 100, y: 60, width: 100, height: 50 });
+// Add list items to the field
+field.addItem(new PdfListFieldItem('English', 'English'));
+field.addItem(new PdfListFieldItem('French', 'French'));
+field.addItem(new PdfListFieldItem('German', 'German'));
+// Set the selected index
+field.selectedIndex = 2;
+// Set the flag indicating whether the combo box allows multiple selections
+field.multiSelect = true;
+// Add the field into PDF form
+form.add(field);
+// Save the document
+document.save('Output.pdf');
+// Close the document
+document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+The following code snippet explains how to add a popup annotation in an existing PDF document.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+import {PdfDocument, PdfPage, PdfForm, PdfComboBoxField} from '@syncfusion/ej2-pdf';
+
+// Load an existing PDF document
+let document: PdfDocument = new PdfDocument(data, password);
+// Access the first page
+let page: PdfPage = document.getPage(0);
+// Access the PDF form
+let form: PdfForm = document.form;
+// Create a new combo box field
+let field: PdfComboBoxField = new PdfComboBoxField(page, 'list1', { x: 100, y: 60, width: 100, height: 50 });
+// Add list items to the field
+field.addItem(new PdfListFieldItem('English', 'English'));
+field.addItem(new PdfListFieldItem('French', 'French'));
+field.addItem(new PdfListFieldItem('German', 'German'));
+// Set the selected index
+field.selectedIndex = 2;
+// Set the flag indicating whether the combo box allows multiple selections
+field.multiSelect = true;
+// Add the field into PDF form
+form.add(field);
+// Save the document
+document.save('Output.pdf');
+// Close the document
+document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+### Adding the radio button field
+
+This example demonstrates how to add a radio button field to a PDF document using the `PdfRadioButtonListField` class. Radio buttons allow users to select one option from a group of choices.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+import {PdfDocument, PdfPage, PdfForm, PdfRadioButtonListField} from '@syncfusion/ej2-pdf';
+
+// Create a new PDF document
+let document: PdfDocument = new PdfDocument();
+// Add a page
+let page: PdfPage = document.addPage(); 
+// Access the PDF form
+let form: PdfForm = document.form;
+// Create a new radio button list field
+let field: PdfRadioButtonListField = new PdfRadioButtonListField(page, 'Age');
+// Create and add first item
+let first: PdfRadioButtonListItem = field.add('1-9', { x: 100, y: 140, width: 20, height: 20 });
+// Create and add second item
+let second: PdfRadioButtonListItem = field.add('10-49', { x: 100, y: 170, width: 20, height: 20 }, page);
+// Set selected index of the radio button list field
+field.selectedIndex = 0;
+// Add the field into PDF form
+form.add(field);
+// Save the document
+document.save('Output.pdf');
+// Close the document
+document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+The following code snippet explains how to add a popup annotation in an existing PDF document.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+import {PdfDocument, PdfPage, PdfForm, PdfRadioButtonListField} from '@syncfusion/ej2-pdf';
+
+// Load an existing PDF document
+let document: PdfDocument = new PdfDocument(data, password);
+// Access the first page
+let page: PdfPage = document.getPage(0);
+// Access the PDF form
+let form: PdfForm = document.form;
+// Create a new radio button list field
+let field: PdfRadioButtonListField = new PdfRadioButtonListField(page, 'Age');
+// Create and add first item
+let first: PdfRadioButtonListItem = field.add('1-9', { x: 100, y: 140, width: 20, height: 20 });
+// Create and add second item
+let second: PdfRadioButtonListItem = field.add('10-49', { x: 100, y: 170, width: 20, height: 20 }, page);
+// Set selected index of the radio button list field
+field.selectedIndex = 0;
+// Add the field into PDF form
+form.add(field);
+// Save the document
+document.save('Output.pdf');
+// Close the document
+document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+### Adding the list box field
+
+This example demonstrates how to add a list box field to a PDF document using the `PdfListBoxField` class. A list box field displays multiple options, allowing users to select one or more items.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+import {PdfDocument, PdfPage, PdfForm, PdfListBoxField} from '@syncfusion/ej2-pdf';
+
+// Create a new PDF document
+let document: PdfDocument = new PdfDocument();
+// Add a page
+let page: PdfPage = document.addPage();
+// Access the PDF form
+let form: PdfForm = document.form;
+// Create a new list box field
+let field: PdfListBoxField = new PdfListBoxField(page, 'list1', { x: 100, y: 60, width: 100, height: 50 });
+// Add list items to the field
+field.addItem(new PdfListFieldItem('English', 'English'));
+field.addItem(new PdfListFieldItem('French', 'French'));
+// Set the selected index
+field.selectedIndex = 1;
+// Set the flag indicating whether the list box allows multiple selections
+field.multiSelect = true;
+// Add the field into PDF form
+form.add(field);
+// Save the document
+document.save('Output.pdf');
+// Close the document
+document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+The following code snippet explains how to add a popup annotation in an existing PDF document.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+import {PdfDocument, PdfPage, PdfForm, PdfListBoxField} from '@syncfusion/ej2-pdf';
+
+// Load an existing PDF document
+let document: PdfDocument = new PdfDocument(data, password);
+// Access the first page
+let page: PdfPage = document.getPage(0);
+// Access the PDF form
+let form: PdfForm = document.form;
+// Create a new list box field
+let field: PdfListBoxField = new PdfListBoxField(page, 'list1', { x: 100, y: 60, width: 100, height: 50 });
+// Add list items to the field
+field.addItem(new PdfListFieldItem('English', 'English'));
+field.addItem(new PdfListFieldItem('French', 'French'));
+// Set the selected index
+field.selectedIndex = 1;
+// Set the flag indicating whether the list box allows multiple selections
+field.multiSelect = true;
+// Add the field into PDF form
+form.add(field);
+// Save the document
+document.save('Output.pdf');
+// Close the document
+document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+### Adding the check Box field
+
+This example demonstrates how to add a check box field to a PDF document using the `PdfCheckBoxField` class. Check boxes allow users to select or deselect options in a form.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+import {PdfDocument, PdfPage, PdfForm, PdfCheckBoxField} from '@syncfusion/ej2-pdf';
+
+// Create a new PDF document
+let document: PdfDocument = new PdfDocument();
+// Add a page
+let page: PdfPage = document.addPage();
+// Access the PDF form
+let form: PdfForm = document.form;
+// Create a new check box field
+let field: PdfCheckBoxField = new PdfCheckBoxField('CheckBox1', { x: 100, y: 40, width: 20, height: 20 }, page);
+// Set the checked flag as true
+field.checked = true;
+// Set the tooltip value
+field.toolTip = 'Checked';
+// Add the field into PDF form
+form.add(field);
+// Save the document
+document.save('Output.pdf');
+// Close the document
+document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+The following code snippet explains how to add a popup annotation in an existing PDF document.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+import {PdfDocument, PdfPage, PdfForm, PdfCheckBoxField} from '@syncfusion/ej2-pdf';
+
+// Load an existing PDF document
+let document: PdfDocument = new PdfDocument(data, password);
+// Access the first page
+let page: PdfPage = document.getPage(0);
+// Access the PDF form
+let form: PdfForm = document.form;
+// Create a new check box field
+let field: PdfCheckBoxField = new PdfCheckBoxField('CheckBox1', { x: 100, y: 40, width: 20, height: 20 }, page);
+// Set the checked flag as true
+field.checked = true;
+// Set the tooltip value
+field.toolTip = 'Checked';
+// Add the field into PDF form
+form.add(field);
+// Save the document
+document.save('Output.pdf');
+// Close the document
+document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+### Adding the signature field
+
+This example demonstrates how to add a signature field to a PDF document using the `PdfSignatureField` class. A signature field enables users to digitally sign the PDF document.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+import {PdfDocument, PdfPage, PdfForm, PdfSignatureField, PdfInteractiveBorder} from '@syncfusion/ej2-pdf';
+
+// Create a new PDF document
+let document: PdfDocument = new PdfDocument();
+// Add a page
+let page: PdfPage = document.addPage();
+// Add the signature field into PDF form
+document.form.add(
+    new PdfSignatureField(
+        page,
+        'ApprovalSignature',
+        { x: 50, y: 260, width: 200, height: 40 },
+        {
+            toolTip: 'Sign here',
+            color: { r: 0, g: 0, b: 0 },
+            backColor: { r: 255, g: 255, b: 255 },
+            borderColor: { r: 0, g: 0, b: 0 },
+            border: new PdfInteractiveBorder({
+                width: 1,
+                style: PdfBorderStyle.solid
+            })
+        }
+    )
+);
+// Save the document
+document.save('Output.pdf');
+// Close the document
+document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+The following code snippet explains how to add a popup annotation in an existing PDF document.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+import {PdfDocument, PdfPage, PdfForm, PdfSignatureField, PdfInteractiveBorder} from '@syncfusion/ej2-pdf';
+
+// Load an existing PDF document
+let document: PdfDocument = new PdfDocument(data, password);
+// Access the first page
+let page: PdfPage = document.getPage(0);
+// Add the signature field into PDF form
+document.form.add(
+    new PdfSignatureField(
+        page,
+        'ApprovalSignature',
+        { x: 50, y: 260, width: 200, height: 40 },
+        {
+            toolTip: 'Sign here',
+            color: { r: 0, g: 0, b: 0 },
+            backColor: { r: 255, g: 255, b: 255 },
+            borderColor: { r: 0, g: 0, b: 0 },
+            border: new PdfInteractiveBorder({
+                width: 1,
+                style: PdfBorderStyle.solid
+            })
+        }
+    )
+);
+// Save the document
+document.save('Output.pdf');
+// Close the document
+document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+### Adding the button field 
+
+This example demonstrates how to add a button field to a PDF document using the `PdfButtonField` class. Buttons can be configured to perform actions such as submitting a form or triggering JavaScript.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+import {PdfDocument, PdfPage, PdfForm, PdfButtonField, PdfHighlightMode, PdfBorderStyle, PdfInteractiveBorder} from '@syncfusion/ej2-pdf';
+
+/ Create a new PDF document
+let document: PdfDocument = new PdfDocument();
+// Add a page
+let page: PdfPage = document.addPage();
+// Add a button field into the PDF form
+document.form.add(
+    new PdfButtonField(
+        page,
+        'Submit',
+        { x: 50, y: 560, width: 120, height: 28 },
+        {
+            toolTip: 'Submit form',
+            color: { r: 255, g: 255, b: 255 },
+            backColor: { r: 0, g: 122, b: 204 },
+            borderColor: { r: 0, g: 0, b: 0 },
+            border: new PdfInteractiveBorder({
+                width: 1,
+                style: PdfBorderStyle.solid
+            }),
+            text: 'Submit',
+            highlightMode: PdfHighlightMode.push
+        }
+    )
+);
+// Save the document
+document.save('Output.pdf');
+// Close the document
+document.destroy();
+
+
+{% endhighlight %}
+{% endtabs %}
+
+The following code snippet explains how to add a popup annotation in an existing PDF document.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+import {PdfDocument, PdfPage, PdfForm, PdfButtonField, PdfHighlightMode, PdfBorderStyle, PdfInteractiveBorder} from '@syncfusion/ej2-pdf';
+
+// Load an existing PDF document
+let document: PdfDocument = new PdfDocument(data, password);
+// Access the first page
+let page: PdfPage = document.getPage(0);
+// Add a button field into the PDF form
+document.form.add(
+    new PdfButtonField(
+        page,
+        'Submit',
+        { x: 50, y: 560, width: 120, height: 28 },
+        {
+            toolTip: 'Submit form',
+            color: { r: 255, g: 255, b: 255 },
+            backColor: { r: 0, g: 122, b: 204 },
+            borderColor: { r: 0, g: 0, b: 0 },
+            border: new PdfInteractiveBorder({
+                width: 1,
+                style: PdfBorderStyle.solid
+            }),
+            text: 'Submit',
+            highlightMode: PdfHighlightMode.push
+        }
+    )
+);
+// Save the document
+document.save('Output.pdf');
+// Close the document
+document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+## Filling form fields in an existing PDF Document
+
+Essential<sup>&reg;</sup> PDF allows you to fill the form fields using PdfField class. 
+
+### Filling the text box field
+
+This example demonstrates how to fill a text box field in a PDF document using the `text` property of the `PdfTextBoxField` class. The following code snippet illustrates how to set the text value for the field.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import {PdfDocument, PdfPage, PdfTextBoxField} from '@syncfusion/ej2-pdf';
+
+    // Load an existing PDF document
+    let document: PdfDocument = new PdfDocument(data, password);
+    // Access the first page
+    let page: PdfPage = document.getPage(0);
+    // Access text box field
+    let field: PdfTextBoxField = document.form.fieldAt(0) as PdfTextBoxField;
+    // Sets the text value to text box field
+    field.text = 'Syncfusion';
+    // Sets the text alignment of form field as center
+    field.textAlignment = PdfTextAlignment.center;
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+### Filling the combo box field
+
+This example demonstrates how to fill a combo box field in a PDF document using the `selectedIndex` property of the `PdfComboBoxField` class. The following code snippet shows how to change the selected index in a combo box.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import {PdfDocument, PdfPage, PdfComboBoxField} from '@syncfusion/ej2-pdf';
+
+    // Load an existing PDF document
+    let document: PdfDocument = new PdfDocument(data, password);
+    // Access the first page
+    let page: PdfPage = document.getPage(0);
+    // Access combobox field
+    let field: PdfComboBoxField = document.form.fieldAt(0) as PdfComboBoxField;
+    // Sets the selected index
+    field.selectedIndex = 2;
+    // Sets the flag indicates whether the list box allows multiple selections.
+    field.multiSelect = true;
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+### Filling the radio button field
+
+This example demonstrates how to fill a radio button field in a PDF document using the `selectedIndex` property of the `PdfRadioButtonListField` class. The following code snippet illustrates how to change the selected index in a radio button.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import {PdfDocument, PdfPage, PdfRadioButtonListField} from '@syncfusion/ej2-pdf';
+
+    // Load an existing PDF document
+    let document: PdfDocument = new PdfDocument(data, password);
+    // Access the first page
+    let page: PdfPage = document.getPage(0);
+    // Access radio button list field
+    let field: PdfRadioButtonListField = document.form.fieldAt(0) as PdfRadioButtonListField;
+    // Sets the selected index
+    field.selectedIndex = 2;
+    // Added tool tip
+    field.toolTip = 'Radio button';
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+### Filling the list box field
+
+This example demonstrates how to fill a list box field in a PDF document using the `selectedIndex` property of the `PdfLoadedListBoxField` class. The following code snippet shows how to change the selected index in a list box.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import {PdfDocument, PdfPage, PdfListBoxField} from '@syncfusion/ej2-pdf';
+
+    // Load an existing PDF document
+    let document: PdfDocument = new PdfDocument(data, password);
+    // Access the first page
+    let page: PdfPage = document.getPage(0);
+    // Access listbox field
+    let field: PdfListBoxField = document.form.fieldAt(2) as PdfListBoxField;
+    // Sets the selected index
+    field.selectedIndex = 2;
+    // Added tool tip
+    field.toolTip = 'ListBox Fields';
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+### Filling the check Box field
+
+This example demonstrates how to fill a check box field in a PDF document using the `Checked` property of the `PdfCheckBoxField` class. The following code snippet illustrates how to mark a checkbox as selected.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import {PdfDocument, PdfPage, PdfCheckBoxField} from '@syncfusion/ej2-pdf';
+
+    // Load an existing PDF document
+    let document: PdfDocument = new PdfDocument(data, password);
+    // Access the first page
+    let page: PdfPage = document.getPage(0);
+    // Access checkbox field
+    let field: PdfCheckBoxField = document.form.fieldAt(2) as PdfCheckBoxField;
+    // Sets the tooltip value
+    field.toolTip = 'Checked';
+    // Added tool tip
+    field.toolTip = 'CheckBox Fields';
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+
+### Filling the signature field
+
+This example demonstrates how to fill a signature field in a PDF document using the `PdfSignatureField` class. The following code snippet illustrates how to create a signature using PFX data and assign it to the signature field.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import {PdfDocument, PdfPage, PdfForm, PdfSignatureField} from '@syncfusion/ej2-pdf';
+
+    // Load an existing PDF document
+    let document: PdfDocument = new PdfDocument(data, password);
+    // Access the first page
+    let page: PdfPage = document.getPage(0);
+    // Access checkbox field
+    let field: PdfSignatureField = document.form.fieldAt(2) as PdfSignatureField;
+    // // Set custom value
+    field.setValue('Author', 'John');
+    // Added tool tip
+    field.toolTip = 'CheckBox Fields';
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+    
+{% endhighlight %}
+{% endtabs %}
+
+## Retrieving/Modifying the form fields
+
+### Modifying the existing form field in PDF document
+
+This example demonstrates how to modify an existing form field in a PDF document using the `PdfTextBoxField` class. The following code snippet illustrates how to update the text value, alignment, and default value of a text box field.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import {PdfDocument, PdfPage, PdfTextBoxField} from '@syncfusion/ej2-pdf';
+
+    // Load an existing PDF document
+    let document: PdfDocument = new PdfDocument(data, password);
+    // Access the first page
+    let page: PdfPage = document.getPage(0);
+    // Access text box field
+    let field: PdfTextBoxField = document.form.fieldAt(0) as PdfTextBoxField;
+    // Sets the text value to text box field
+    field.text = 'Syncfusion';
+    // Sets the text alignment of form field as center
+    field.textAlignment = PdfTextAlignment.center;
+    // Sets the default value of the text box field
+    field.defaultValue = 'Syncfusion';
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+## Removing the form fields from existing PDF document
+
+This example demonstrates how to remove items from an existing form field in a PDF document using the `removeItemAt()` method of the `PdfField` class. The following code snippet illustrates how to access a form field and remove its first item.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import {PdfDocument, PdfField} from '@syncfusion/ej2-pdf';
+
+    // Load an existing PDF document
+    let document: PdfDocument = new PdfDocument(data, password);
+    // Access the form field at index 0
+    let field: PdfField = document.form.fieldAt(0);
+    // Remove the first item of the form field
+    field.removeItemAt(0);
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+## Flattening form fields in a PDF
+
+This example demonstrates how to flatten form fields in a PDF document to make their values permanent and non-editable. Flattening removes the interactive elements while preserving the visual appearance of the filled data.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import {PdfDocument, PdfField} from '@syncfusion/ej2-pdf';
+
+    // Load an existing PDF document
+    let document: PdfDocument = new PdfDocument(data, password);
+    // Get the first field
+    let field: PdfField = document.form.fieldAt(0);
+    // Sets the boolean flag indicating whether the form field have been flattened or not.
+    field.flatten = true;
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+## Marking form fields as Read-Only
+
+This example demonstrates how to mark form fields as read-only by accessing them from the PdfFormFieldCollection and setting their ReadOnly property to true. 
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import {PdfDocument, PdfField} from '@syncfusion/ej2-pdf';
+
+    // Load an existing PDF document
+    let document: PdfDocument = new PdfDocument(data, password);
+    // Access the form field at index 0
+    let field: PdfField = document.form.fieldAt(0);
+    // Sets a value indicating whether read only.
+    field.readOnly = true;
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+## Importing form fields
+
+### Importing FDF file to PDF
+
+This example demonstrates how to import form data from an FDF file into a PDF document using the `importFormData` method. Importing FDF data allows you to populate form fields in a PDF with values from an external data source.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import {PdfDocument} from '@syncfusion/ej2-pdf';
+
+    // Load an existing PDF document
+    let document: PdfDocument = new PdfDocument(data, password);
+    // Imports form data from to the PDF document.
+    document.importFormData('formData.fdf', DataFormat.fdf);
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+### Importing XFDF file to PDF
+
+This example demonstrates how to import form data from an XFDF file into a PDF document using the `importFormData` method. Importing XFDF data allows you to populate form fields in a PDF with values from an external data source.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import {PdfDocument} from '@syncfusion/ej2-pdf';
+
+    // Load an existing PDF document
+    let document: PdfDocument = new PdfDocument(data, password);
+    // Imports form data from to the PDF document.
+    document.importFormData('formData.xfdf', DataFormat.xfdf);
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+## Exporting form fields
+
+### Export PDF file to FDF
+
+This example demonstrates how to export form data from a PDF document to an FDF file using the `exportFormData` method. Exporting FDF data allows you to save the values of form fields in a lightweight format for reuse or integration with other systems.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import {PdfDocument, Uint8Array, PdfFormFieldExportSettings } from '@syncfusion/ej2-pdf';
+
+    // Load an existing PDF document
+    let document: PdfDocument = new PdfDocument(data, password);
+    // Sets the form field data export settings with output data format.
+    let settings: PdfFormFieldExportSettings = new PdfFormFieldExportSettings();
+    settings.dataFormat = DataFormat.fdf;
+    // Export form field to fdf format
+    let fdf: Uint8Array = document.exportFormData(settings);
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+### Export PDF file to XFDF
+
+This example demonstrates how to export form data from a PDF document to an XFDF file using the `exportFormData` method. Exporting XFDF data allows you to save the values of form fields in a lightweight format for reuse or integration with other systems.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import {PdfDocument, Uint8Array, PdfFormFieldExportSettings } from '@syncfusion/ej2-pdf';
+    
+    // Load an existing PDF document
+    let document: PdfDocument = new PdfDocument(data, password);
+    // Sets the form field data export settings with output data format.
+    let settings: PdfFormFieldExportSettings = new PdfFormFieldExportSettings();
+    settings.dataFormat = DataFormat.xfdf;
+    // Export form field to XFDF format
+    let xfdf: Uint8Array = document.exportFormData(settings);
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Library/javascript/Getting_started_images/Asp-net-core-creation1.png b/Document-Processing/PDF/PDF-Library/javascript/Getting_started_images/Asp-net-core-creation1.png
new file mode 100644
index 000000000..86a0ddc0c
Binary files /dev/null and b/Document-Processing/PDF/PDF-Library/javascript/Getting_started_images/Asp-net-core-creation1.png differ
diff --git a/Document-Processing/PDF/PDF-Library/javascript/Getting_started_images/Asp-net-core-creation2.png b/Document-Processing/PDF/PDF-Library/javascript/Getting_started_images/Asp-net-core-creation2.png
new file mode 100644
index 000000000..3bd117c95
Binary files /dev/null and b/Document-Processing/PDF/PDF-Library/javascript/Getting_started_images/Asp-net-core-creation2.png differ
diff --git a/Document-Processing/PDF/PDF-Library/javascript/Getting_started_images/Asp-net-core-creation3.png b/Document-Processing/PDF/PDF-Library/javascript/Getting_started_images/Asp-net-core-creation3.png
new file mode 100644
index 000000000..af986a819
Binary files /dev/null and b/Document-Processing/PDF/PDF-Library/javascript/Getting_started_images/Asp-net-core-creation3.png differ
diff --git a/Document-Processing/PDF/PDF-Library/javascript/Getting_started_images/Asp-net-mvc-creation1.png b/Document-Processing/PDF/PDF-Library/javascript/Getting_started_images/Asp-net-mvc-creation1.png
new file mode 100644
index 000000000..6b3e72cee
Binary files /dev/null and b/Document-Processing/PDF/PDF-Library/javascript/Getting_started_images/Asp-net-mvc-creation1.png differ
diff --git a/Document-Processing/PDF/PDF-Library/javascript/Getting_started_images/Asp-net-mvc-creation2.png b/Document-Processing/PDF/PDF-Library/javascript/Getting_started_images/Asp-net-mvc-creation2.png
new file mode 100644
index 000000000..e1d721dd5
Binary files /dev/null and b/Document-Processing/PDF/PDF-Library/javascript/Getting_started_images/Asp-net-mvc-creation2.png differ
diff --git a/Document-Processing/PDF/PDF-Library/javascript/Getting_started_images/Asp-net-mvc-creation3.png b/Document-Processing/PDF/PDF-Library/javascript/Getting_started_images/Asp-net-mvc-creation3.png
new file mode 100644
index 000000000..54ae2d971
Binary files /dev/null and b/Document-Processing/PDF/PDF-Library/javascript/Getting_started_images/Asp-net-mvc-creation3.png differ
diff --git a/Document-Processing/PDF/PDF-Library/javascript/Getting_started_images/Output.png b/Document-Processing/PDF/PDF-Library/javascript/Getting_started_images/Output.png
new file mode 100644
index 000000000..0c42217b1
Binary files /dev/null and b/Document-Processing/PDF/PDF-Library/javascript/Getting_started_images/Output.png differ
diff --git a/Document-Processing/PDF/PDF-Library/javascript/Getting_started_images/vue2-terminal.png b/Document-Processing/PDF/PDF-Library/javascript/Getting_started_images/vue2-terminal.png
new file mode 100644
index 000000000..39beefaa2
Binary files /dev/null and b/Document-Processing/PDF/PDF-Library/javascript/Getting_started_images/vue2-terminal.png differ
diff --git a/Document-Processing/PDF/PDF-Library/javascript/HyperLinks.md b/Document-Processing/PDF/PDF-Library/javascript/HyperLinks.md
new file mode 100644
index 000000000..6f7577f96
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Library/javascript/HyperLinks.md
@@ -0,0 +1,196 @@
+---
+title: Hyperlinks in TypeScript PDF library | Syncfusion
+description: This section explains how to add a hyperlink in a new or existing PDF document by using the TypeScript PDF library
+platform: document-processing
+control: PDF
+documentation: UG
+---
+# Hyperlinks in TypeScript PDF library
+
+In PDF, hyperlinks can be added to allow the users to navigate to another part of PDF file, web page or any other external content.
+
+## Working with Web navigation
+
+This example demonstrates how to create a web link annotation in a PDF document using the `PdfTextWebLinkAnnotation` class. A web link annotation allows users to navigate to a specified URL directly from the PDF by clicking the annotated text.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import { PdfDocument, PdfPage, PdfStringFormat, PdfStandardFont, PdfFontFamily, Size, PdfTextWebLinkAnnotation, PdfFontStyle  } from '@syncfusion/ej2-pdf';
+
+    // Load an existing PDF document
+    let document: PdfDocument = new PdfDocument();
+    // Access the first page
+    let page: PdfPage = document.addPage();
+    // Create a new PDF string format
+    const format: PdfStringFormat = new PdfStringFormat(PdfTextAlignment.left, PdfVerticalAlignment.top);
+    // Create a new standard font
+    const font: PdfStandardFont = new PdfStandardFont(PdfFontFamily.helvetica, 10, PdfFontStyle.regular);
+    // Get the text size
+    let size: Size = font.measureString('Syncfusion');
+    // Create a new text web link annotation
+    let annotation: PdfTextWebLinkAnnotation = new PdfTextWebLinkAnnotation({x: 50, y: 40, width: size.width, height: size.height}, {r: 0, g: 0, b: 0}, {r: 165, g: 42, b: 42}, 1);
+    // Add annotation to the page
+    page.annotations.add(annotation);
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+The following code snippet explains how to add a text web link annotation in an existing PDF document.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import { PdfDocument, PdfPage, PdfStringFormat, PdfStandardFont, PdfFontFamily, Size, PdfTextWebLinkAnnotation, PdfFontStyle  } from '@syncfusion/ej2-pdf';
+
+    // Load an existing PDF document
+    let document: PdfDocument = new PdfDocument(data, password);
+    // Access the first page
+    let page: PdfPage = document.getPage(0);
+    // Create a new PDF string format
+    const format: PdfStringFormat = new PdfStringFormat(PdfTextAlignment.left, PdfVerticalAlignment.top);
+    // Create a new standard font
+    const font: PdfStandardFont = new PdfStandardFont(PdfFontFamily.helvetica, 10, PdfFontStyle.regular);
+    // Get the text size
+    let size: Size = font.measureString('Syncfusion');
+    // Create a new text web link annotation
+     let annotation: PdfTextWebLinkAnnotation = new PdfTextWebLinkAnnotation({x: 50, y: 40, width: size.width, height: size.height}, {r: 0, g: 0, b: 0}, {r: 165, g: 42, b: 42}, 1);
+    // Add annotation to the page
+    page.annotations.add(annotation);
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+## Working with internal document navigation
+
+This example demonstrates how to create internal navigation within a PDF document using destination-based annotations.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import { PdfDocument, PdfPage, PdfStringFormat, PdfStandardFont, Size, PdfDocumentLinkAnnotation, PdfDestination, PdfDestinationMode } from '@syncfusion/ej2-pdf';
+
+    // Create a new PDF document
+    let document: PdfDocument = new PdfDocument();
+    // Add a page
+    let page: PdfPage = document.addPage();
+    // Create a new PDF string format
+    const format: PdfStringFormat = new PdfStringFormat(PdfTextAlignment.left, PdfVerticalAlignment.top);
+    // Create a new standard font
+    const font: PdfStandardFont = new PdfStandardFont(PdfFontFamily.helvetica, 10, PdfFontStyle.regular);
+    // Get the text size
+    let size: Size = font.measureString('Syncfusion');
+    // Create a new text web link annotation
+    let annotation: PdfDocumentLinkAnnotation = new PdfDocumentLinkAnnotation({x: 50, y: 40, width: size.width, height: size.height}, {r: 0, g: 0, b: 0}, {r: 165, g: 42, b: 42}, 1);
+    // Initializes a new instance of the `PdfDestination` class.
+    let destination: PdfDestination = new PdfDestination();
+    // Sets the zoom factor.
+    destination.zoom = 20;
+    // Sets the page where the destination is situated.
+    destination.page = page;
+    // Sets the mode of the destination.
+    destination.mode = PdfDestinationMode.fitToPage;
+    // Sets the location of the destination.
+    destination.location = {x: 20, y: 20};;
+   // Sets the bounds of the destination.
+   destination.destinationBounds = {x: 20, y: 20, width: 100, height: 50};
+   // Sets destination to  document link annotation.
+   annotation.destination = destination;
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+The following code snippet demonstrates how to add internal document navigation to a link annotation in an existing PDF document.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import { PdfDocument, PdfPage, PdfDocumentLinkAnnotation } from '@syncfusion/ej2-pdf';
+
+    // Load an existing PDF document
+    let document: PdfDocument = new PdfDocument(data, password);
+    // Get the page
+    let page: PdfPage = document.getPage(0);
+    // Access the annotation at index 0
+    let annotation: PdfDocumentLinkAnnotation = document.getPage(0).annotations.at(0) as PdfDocumentLinkAnnotation;
+    // Initializes a new instance of the `PdfDestination` class.
+    let destination: PdfDestination = new PdfDestination();
+    // Sets the zoom factor.
+    destination.zoom = 20;
+    // Sets the page where the destination is situated.
+    destination.page = page;
+    // Sets the mode of the destination.
+    destination.mode = PdfDestinationMode.fitToPage;
+     // Sets the location of the destination.
+    destination.location = {x: 20, y: 20};;
+    // Sets the bounds of the destination.
+    destination.destinationBounds = {x: 20, y: 20, width: 100, height: 50};
+    // Sets destination to  document link annotation.
+    annotation.destination = destination;
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+## Working with external document navigation
+
+This example demonstrates how to create external navigation in a PDF document using `PdfFileLinkAnnotation` annotations. External navigation allows users to open and navigate to another PDF or an external file from within the current document.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import { PdfDocument, PdfPage, PdfFileLinkAnnotation } from '@syncfusion/ej2-pdf';
+
+    // Create a new PDF document
+    let document: PdfDocument = new PdfDocument();
+    // Add a page
+    let page: PdfPage = document.addPage();
+    // Create a new file link annotation
+    let annotation: PdfFileLinkAnnotation = new PdfFileLinkAnnotation({x: 10, y: 40, width: 30, height: 30}, 'image.png');
+    // Add annotation to the page
+    page.annotations.add(annotation);
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+The following code snippet demonstrates how to add internal document navigation to a web link annotation in an existing PDF document.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import { PdfDocument, PdfPage, PdfFileLinkAnnotation } from '@syncfusion/ej2-pdf';
+
+    // Load an existing PDF document
+    let document: PdfDocument = new PdfDocument(data, password);
+    // Get the first page
+    let page: PdfPage = document.getPage(0) as PdfPage;
+    // Create a new file link annotation
+    let annotation: PdfFileLinkAnnotation = new PdfFileLinkAnnotation({x: 10, y: 40, width: 30, height: 30}, 'image.png');
+    // Add annotation to the page
+    page.annotations.add(annotation);
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Library/javascript/Images.md b/Document-Processing/PDF/PDF-Library/javascript/Images.md
new file mode 100644
index 000000000..bb0406515
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Library/javascript/Images.md
@@ -0,0 +1,148 @@
+---
+title: Images in TypeScript PDF library | Syncfusion
+description: This section explains how to add and replace images in a PDF document by using the TypeScript PDF library
+platform: document-processing
+control: PDF
+documentation: UG
+---
+
+# Images in TypeScript PDF library
+
+Essential<sup>&reg;</sup> PDF supports both raster and vector images.
+
+Images are supported through the `PdfImage` class, which is an abstract base class that provides the common functionality for `PdfBitmap` class.
+
+## Inserting an image in a new document
+
+The following raster images are supported in Essential<sup>&reg;</sup> PDF.
+
+* BMP
+* JPEG
+* JPEG with Exif standard
+* GIF
+* PNG
+* TIFF
+* ICO and ICON
+
+## Adding image in PDF document
+
+This example demonstrates how to add an image to a PDF document using the `PdfBitmap` class and the `draw` method of the `PdfImage` class. The image is loaded from a file and drawn at the specified coordinates on the page.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import { PdfDocument, PdfPage, PdfImage, PdfGraphics, PdfBitmap } from '@syncfusion/ej2-pdf';
+
+    // Create a new PDF document
+    let document: PdfDocument = new PdfDocument();
+    // Add a page
+    let page: PdfPage = document.addPage();
+    // Get graphics from the page
+    let graphics: PdfGraphics = page.graphics;
+    // Load the image
+    let image: PdfImage = new PdfBitmap('/9j/4AAQSkZJRgABAQEAkACQAAD/4....QB//Z');
+    // Draw the image.
+    image.draw(graphics, {x: 10, y: 10});
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+## Inserting an image in an existing document
+
+This example demonstrates how to insert an image into an existing PDF document using the `PdfBitmap` class and the `draw` method of the `PdfImage` class. The image is loaded from a file and rendered at the specified position on the selected page.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import { PdfDocument, PdfPage, PdfGraphics, PdfImage, PdfBitmap } from '@syncfusion/ej2-pdf';
+
+    // Load an existing PDF document
+    let document: PdfDocument = new PdfDocument(data, password);
+    // Access first page
+    let page: PdfPage = document.getPage(0);
+    // Get graphics from the page
+    let graphics: PdfGraphics = page.graphics;
+    // Load the image
+    let image: PdfImage = new PdfBitmap('/9j/4AAQSkZJRgABAQEAkACQAAD/4....QB//Z');
+    // Draw the image.
+    image.draw(graphics, {x: 10, y: 10});
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+## Clipping and graphics state
+
+This example demonstrates how to apply clipping and manage graphics state in a PDF document using the `PdfGraphics` class. The `save` and `restore` methods preserve the current graphics state, while the `setClip` method defines a clipping region to restrict drawing operations, ensuring precise control over rendering.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import { PdfDocument, PdfPage, PdfGraphics, PdfImage, PdfBitmap, PdfGraphicsState, PdfFillMode  } from '@syncfusion/ej2-pdf';
+
+    // Create a new PDF document
+    let document: PdfDocument = new PdfDocument();
+    // Add a page
+    let page: PdfPage = document.addPage();
+    // Get graphics from the page
+    let graphics: PdfGraphics = page.graphics;
+    // Load the image— only the part within the clipping region will be visible
+    let image: PdfImage = new PdfBitmap('/9j/4AAQSkZJRgABAQEAkACQAAD/4....QB//Z');
+    // Save the current graphics state (to restore later)
+    let state: PdfGraphicsState = graphics.save();
+    graphics.setClip({x: 0, y: 0, width: 50, height: 12}, PdfFillMode.alternate );
+    // Draw the image.
+    image.draw(graphics, {x: 10, y: 10});
+    // Restore the graphics state to remove the clipping region
+    graphics.restore(state);
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+## Applying transparency and rotation to the image
+
+This example demonstrates how to apply transparency and rotation to an image in a PDF document using the `PdfGraphics` class. Transparency can be controlled through the graphics state, while rotation is applied by transforming the graphics context before drawing the image, enabling advanced visual effects in the document.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import { PdfDocument, PdfPage, PdfGraphics, PdfImage, PdfBitmap, PdfGraphicsState } from '@syncfusion/ej2-pdf';
+
+    // Create a new PDF document
+    let document: PdfDocument = new PdfDocument();
+    // Add a page
+    let page: PdfPage = document.addPage();
+    // Get graphics from the page
+    let graphics: PdfGraphics = page.graphics;
+    // Load the image— only the part within the clipping region will be visible
+    let image: PdfImage = new PdfBitmap('/9j/4AAQSkZJRgABAQEAkACQAAD/4....QB//Z');
+    // Save the current graphics state (to restore later)
+    let state: PdfGraphicsState = graphics.save();
+    //Translate the coordinate system to the  required position
+    graphics.translateTransform({x: 100, y: 100});
+    //Apply transparency
+    graphics.setTransparency(0.5);
+    //Rotate the coordinate system
+    graphics.rotateTransform(-45);
+    // Draw the image.
+    image.draw(graphics,{x: 10, y: 20});
+    // Restore the graphics state to remove the clipping region
+    graphics.restore(state);
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Library/javascript/Layers.md b/Document-Processing/PDF/PDF-Library/javascript/Layers.md
new file mode 100644
index 000000000..63664f6c2
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Library/javascript/Layers.md
@@ -0,0 +1,171 @@
+---
+title: Layers in TypeScript PDF library | Syncfusion
+description: This section explains how to add a layer in a PDF document using the TypeScript PDF library to organize content and enhance document structure
+platform: document-processing
+control: PDF
+documentation: UG
+---
+
+# Layers in TypeScript PDF library
+
+Layers, also known as Option Content refers to sections of content in a PDF document that can be selectively viewed or hidden by document authors or consumers. This capability is useful in items such as CAD drawings, layered artwork, maps, and multi-language documents.
+
+Essential<sup>&reg;</sup> PDF provides support to create, add and merge the layers into PDF document.
+
+## Adding Layers in a PDF document
+
+This example demonstrates how to add layers to a PDF document using the `PdfLayer` class. Layers allow you to organize content into separate, optional sections that can be shown or hidden by the user.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import { PdfDocument, PdfPage, PdfLayerCollection, PdfLayer, PdfGraphics, PdfPen } from '@syncfusion/ej2-pdf';
+
+    // Create a new PDF document
+    let document: PdfDocument = new PdfDocument();
+    // Add a page
+    let page: PdfPage = document.addPage();
+    // Access the collection of layers in the PDF document
+    let layers: PdfLayerCollection = document.layers;
+    // Add a new layer named 'Layer1' to the PDF document
+    let layer: PdfLayer = layers.add('Layer1');
+    // Create a graphics object for the newly added layer on the specified page
+    let graphics: PdfGraphics = layer.createGraphics(page);
+    // Translate the graphics origin to the specified coordinates (x: 100, y: 60)
+    graphics.translateTransform({ x: 100, y: 60 });
+    // Create a black pen with a thickness of 1 unit
+    let pen: PdfPen = new PdfPen({ r: 0, g: 0, b: 0 }, 1);
+    // Draw a line using the pen from point (200, 10) to point (300, 100)
+    graphics.drawLine(pen, { x: 200, y: 10 }, { x: 300, y: 100 });
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+## Adding annotation to layer
+
+This example demonstrates how to add an annotation to a specific layer in a PDF document using the `PdfLayer` class. Associating annotations with layers allows you to control their visibility dynamically.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import { PdfDocument, PdfPage, PdfLayerCollection, PdfLayer, PdfGraphics, PdfAnnotation, PdfPen } from '@syncfusion/ej2-pdf';
+
+    // Load an existing PDF document
+    let document: PdfDocument = new PdfDocument(data, password);
+    // Access the first page
+    let page: PdfPage = document.getPage(0);
+    // Access the collection of layers in the document
+    let layers: PdfLayerCollection = document.layers;
+    // Add a new layer to the document with the name 'Layer1'
+    let layer: PdfLayer = layers.add('Layer1');
+    // Access the first annotation on the page
+    let annotation: PdfAnnotation = page.annotations.at(0);
+    // Assign the layer to the annotation
+    annotation.layer = layer;
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+## Nested Layers
+
+This example demonstrates how to create nested layers in a PDF document using the `PdfLayer` class. Nested layers enable hierarchical organization of content for better control and user experience.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+import { PdfDocument, PdfPen } from '@syncfusion/ej2-pdf';
+
+// Create a new PDF document
+let document = new PdfDocument();
+// Add a page
+let page = document.addPage();
+// Get the collection of layers
+let layers = document.layers;
+// Add a new layer named 'Layer1'
+let layer = layers.add('Layer1');
+// Create graphics for 'Layer1'
+let graphics = layer.createGraphics(page);
+// Add one child layers
+let childLayer1 = layer.layers.add('ChildLayer2');
+// Create graphics for 'ChildLayer2'
+graphics = childLayer1.createGraphics(page);
+// Apply translation transform
+graphics.translateTransform({ x: 100, y: 60 });
+// Create a black pen
+let pen = new PdfPen({ r: 0, g: 0, b: 0 }, 1);
+// Draw a line
+graphics.drawLine(pen, { x: 200, y: 10 }, { x: 300, y: 100 });
+// Save and destroy the document
+document.save('Output.pdf');
+document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+## Removing layers from an existing PDF document
+
+This example demonstrates how to remove layers from an existing PDF document using the `PdfLayerCollection` class. Removing unnecessary layers helps simplify the document structure.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import { PdfDocument, PdfLayerCollection  } from '@syncfusion/ej2-pdf';
+
+    // Load an existing PDF document
+    let document: PdfDocument = new PdfDocument(data, password);
+    // Get the layer collection.
+    let layers: PdfLayerCollection = document.layers;
+    //Remove the layer
+    layers.removeAt(0);
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+## Lock or Unlock layers
+
+This example demonstrates how to lock or unlock layers in a PDF document using the `PdfLayer` class. Locking layers prevents users from toggling their visibility, ensuring that critical content remains displayed.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import { PdfDocument, PdfLayerCollection, PdfLayer, PdfGraphics, PdfPen } from '@syncfusion/ej2-pdf';
+
+    // Create a new PDF document
+    let document: PdfDocument = new PdfDocument();
+    // Add a new section to the document
+    let section: PdfSection = document.addSection();
+    // Add a page to the section
+    let page: PdfPage = section.addPage();
+    // Access the collection of layers in the PDF document
+    let layers: PdfLayerCollection = document.layers;
+    // Add a new layer named 'Layer1' to the PDF document
+    let layer: PdfLayer = layers.add('Layer1');
+    // Create a graphics object for the newly added layer on the specified page
+    let graphics: PdfGraphics = layer.createGraphics(page);
+    //Set a lock state
+    layer.locked = true;
+    // Translate the graphics origin to the specified coordinates (x: 100, y: 60)
+    graphics.translateTransform({ x: 100, y: 60 });
+    // Create a black pen with a thickness of 1 unit
+    let pen: PdfPen = new PdfPen({ r: 0, g: 0, b: 0 }, 1);
+    // Draw a line using the pen from point (200, 10) to point (300, 100)
+    graphics.drawLine(pen, { x: 200, y: 10 }, { x: 300, y: 100 });
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Library/javascript/Lists.md b/Document-Processing/PDF/PDF-Library/javascript/Lists.md
new file mode 100644
index 000000000..ec01a5871
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Library/javascript/Lists.md
@@ -0,0 +1,111 @@
+---
+title: Lists in TypeScript PDF library | Syncfusion
+description: This section explains how to work with lists in a PDF document using the TypeScript PDF library to display and manage items in a structured format
+platform: document-processing
+control: PDF
+documentation: UG
+---
+
+# Lists in TypeScript PDF library
+
+The Syncfusion<sup>&reg;</sup> PDF allows you list the content in ordered and unordered list. The ordered list can be number or alphabets and the unordered list can be bullets, circles, and images.
+
+## Adding an ordered list
+
+This example demonstrates how to create an ordered list in a PDF document using the `PdfOrderedList` class. Ordered lists allow you to present items in a structured, sequential format, typically numbered or lettered, enhancing readability and organization within the PDF content.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+import { PdfDocument, PdfPage, PdfList, PdfStandardFont, PdfBrush, PdfStringFormat, PdfPen, PdfNumberStyle, PdfOrderedList, PdfListItemCollection } from '@syncfusion/ej2-pdf';
+
+// Load an existing document
+let document: PdfDocument = new PdfDocument(data, password);
+// Access the first page
+let page: PdfPage = document.getPage(0);
+// Assign the array of string items
+let products: string[] = ['Excel', 'Power', 'Point', 'Word', 'PDF'];
+// Create a new font for list
+let itemFont: PdfStandardFont = new PdfStandardFont(PdfFontFamily.helvetica, 10);
+// Create a new brush for list
+let itemBrush: PdfBrush = new PdfBrush({ r: 0, g: 255, b: 255 });
+// Create a new format for list
+let itemFormat: PdfStringFormat = new PdfStringFormat(PdfTextAlignment.center);
+// Create a new pen for list
+let itemPen: PdfPen = new PdfPen({ r: 0, g: 255, b: 0 }, 1);
+// Initialize a PdfNumberStyle for items
+let itemStyle: PdfNumberStyle = PdfNumberStyle.numeric;
+// Initialize a delimiter for the items
+let itemDelimiter: string = ')';
+// Add the items to list item collection by passing the array of products
+let items: PdfListItemCollection = new PdfListItemCollection(products);
+// Initialize the instance of ordered list and pass the item collection and optional settings
+let list: PdfOrderedList = new PdfOrderedList(items, {
+    font: itemFont,
+    format: itemFormat,
+    pen: itemPen,
+    brush: itemBrush,
+    indent: 30,
+    textIndent: 50,
+    style: itemStyle,
+    delimiter: itemDelimiter
+});
+// Draw the ordered list on the page
+list.draw(page, { x: 0, y: 20, width: 500, height: 700 });
+// Save the document
+document.save('output.pdf');
+// Destroy the document
+document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+## Adding an unordered list
+
+This example demonstrates how to create an unordered list in a PDF document using the `PdfUnorderedList` class. Unordered lists display items with bullet points instead of numbers, making them ideal for presenting non-sequential information in a clear and organized manner.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+import { PdfDocument, PdfPage, PdfList, PdfStandardFont, PdfBrush, PdfStringFormat, PdfPen, PdfNumberStyle, PdfUnorderedListStyle, PdfListItemCollection } from '@syncfusion/ej2-pdf';
+
+// Load the existing document
+let document: PdfDocument = new PdfDocument(data, password);
+// Access the first page
+let page: PdfPage = document.getPage(0);
+// Define the items in the unordered list
+let products: string[] = ['Excel', 'Power', 'Point', 'Word', 'PDF'];
+// Create a new font for list
+let itemFont: PdfStandardFont = new PdfStandardFont(PdfFontFamily.helvetica, 10);
+// Create a new brush for list
+let itemBrush: PdfBrush = new PdfBrush({ r: 0, g: 255, b: 255 });
+// Create a new format for list
+let itemFormat: PdfStringFormat = new PdfStringFormat(PdfTextAlignment.center);
+// Create a new pen for list
+let itemPen: PdfPen = new PdfPen({ r: 0, g: 255, b: 0 }, 1);
+// Initialise a PdfUnorderedListStyle
+let itemStyle: PdfUnorderedListStyle = PdfUnorderedListStyle.square;
+// Initialize a delimiter for the items
+let itemDelimiter: string = ')';
+// Add the items to list item collection by passing the array of products
+let items: PdfListItemCollection = new PdfListItemCollection(products);
+// Initialize the instance of the unordered list and pass the list item collection and settings
+let list: PdfUnorderedList = new PdfUnorderedList(items, {
+    font: itemFont,
+    format: itemFormat,
+    pen: itemPen,
+    brush: itemBrush,
+    indent: 30,
+    textIndent: 50,
+    style: itemStyle,
+    delimiter: itemDelimiter
+});
+// Draw the unordered list on the page
+list.draw(page, { x: 0, y: 20, width: 500, height: 700 });
+// Save the document
+document.save('output.pdf');
+// Destroy the document
+document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Library/javascript/Open-and-save-PDF-files.md b/Document-Processing/PDF/PDF-Library/javascript/Open-and-save-PDF-files.md
new file mode 100644
index 000000000..a476c7b7d
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Library/javascript/Open-and-save-PDF-files.md
@@ -0,0 +1,89 @@
+---
+layout: post
+title: Open and save PDF files using JavaScript PDF library | Syncfusion
+description: Learn to load and save PDFs in Syncfusion JavaScript PDF library using data as base64 strings or byte arrays.
+platform: document-processing
+control: PDF
+documentation: ug
+domainurl: ##DomainURL##
+---
+
+# Open and save PDF files in JavaScript PDF library
+
+## Opening an existing PDF document
+
+Open an existing PDF document using the `PdfDocument` class with the specified PDF data.
+
+```typescript
+// Load an existing PDF document from string data
+let document: PdfDocument = new PdfDocument(data);
+```
+
+The PdfDocument constructor can accept PDF data in either Base64 string or Uint8Array format. Here’s a quick example for both approaches:
+
+### Using Base64 String
+
+Open an existing PDF document using the `PdfDocument` class with the specified PDF data as Base64 string.
+
+```javascript
+let data: string = 'JVBERi0xLjcNJeLjz9MNCjEyNSAw...........TU3MTQNCiUlRU9GDQo=';
+// Load an existing PDF document from data as Base64 string
+let document: PdfDocument = new PdfDocument(data);
+```
+
+### Using Uint8Array
+
+Open an existing PDF document using the `PdfDocument` class with the specified PDF data as Uint8Array.
+
+```javascript
+let binaryData: Uint8Array = Uint8Array.from(data);
+// Load an existing PDF document from data as Uint8Array
+let document: PdfDocument = new PdfDocument(binaryData);
+```
+
+## Opening an Encrypted PDF document with password
+
+Open an encrypted PDF document using the `PdfDocument` class by providing the correct password.
+
+```javascript
+// Load an existing PDF document with password
+let document: PdfDocument = new PdfDocument(data, "password");
+```
+
+## Save and download a PDF document in browser environment
+
+Save and download the PDF document using the `save` method of `PdfDocument` class with the specified file name.
+
+```javascript
+// Load an existing PDF document
+let document: PdfDocument = new PdfDocument(data);
+// To-Do some manipulation
+// Save and download the PDF document to the specified filename.
+document.save('output.pdf');
+```
+
+## Saving a PDF document to byte array
+
+Save the modified PDF document to the specified byte array using the `save` method available in `PdfDocument` class.
+
+```javascript
+// Load an existing PDF document
+let document: PdfDocument = new PdfDocument(data);
+//To-Do some manipulation
+// Save and get PDF data as byte array.
+let data: Uint8Array = document.save();
+```
+
+## Closing a document
+
+After the document manipulation and save operation are completed, you should close the instance of `PdfDocument`, in order to release all the memory consumed by PDF DOM. The following code example illustrates how to destroy a `PdfDocument` instance.
+
+```javascript
+// Load an existing PDF document
+let document: PdfDocument = new PdfDocument(data);
+//To-Do some manipulation
+// Save the PDF document
+document.save('output.pdf');
+// Destroy the document
+document.destroy();
+```
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Library/javascript/Overview.md b/Document-Processing/PDF/PDF-Library/javascript/Overview.md
new file mode 100644
index 000000000..66f0b4596
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Library/javascript/Overview.md
@@ -0,0 +1,45 @@
+---
+layout: post
+title: Overview of the TypeScript PDF Library Component | Syncfusion
+description: Learn about the Syncfusion TypeScript PDF library component, its key capabilities, and supported platforms.
+platform: document-processing
+control: PDF
+documentation: ug
+domainurl: ##DomainURL##
+---
+
+# Overview of the TypeScript PDF library control 
+
+The Essential<sup>&reg;</sup> TypeScript PDF Library is a powerful, high-performance, non-UI solution built natively in TypeScript. It provides seamless integration of advanced PDF functionalities into applications developed with TypeScript, JavaScript, Angular, React, Vue, ASP.NET Core, and ASP.NET MVC. With this library, you can easily read, create, and manipulate PDF documents—without relying on Adobe Acrobat.
+
+## Key features
+
+The following are the key features of this library.
+
+* Create PDF documents from scratch with ease.
+* Load, edit, and save existing PDF files.
+* Open and manipulate password-protected PDF documents.
+* Enhance PDFs by adding text, images, shapes, and other graphical elements.
+* Add and manage interactive components such as bookmarks, annotations, and form fields.
+* Flatten form fields and annotations for a finalized document.
+* Import and export form field data and annotations seamlessly.
+* Merge multiple PDFs or split a document into separate files.
+* Apply text watermarks, image watermarks, and watermark annotations.
+* Insert hyperlinks for both web and document navigation.
+* Add, remove, or modify bookmarks for better document organization.
+* Create, remove, and flatten layers within PDFs.
+* Design and apply templates for consistent layouts and branding.
+* Digitally sign PDF documents for secure authentication.
+* Extract or redact text from PDF files.
+* Extract images from PDF documents.
+* Redact shapes to protect sensitive graphical content.
+
+## Supported web platforms
+
+* ASP.NET core
+* ASP.NET MVC
+* Angular
+* React
+* Vue
+* JavaScript
+* TypeScript
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Library/javascript/PDF-document.md b/Document-Processing/PDF/PDF-Library/javascript/PDF-document.md
new file mode 100644
index 000000000..e244d4fbe
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Library/javascript/PDF-document.md
@@ -0,0 +1,148 @@
+---
+title: Document in TypeScript PDF library | Syncfusion
+description: This section explains how to set document settings and properties in a PDF file by using the TypeScript PDF library
+platform: document-processing
+control: PDF
+documentation: UG
+---
+# Document in TypeScript PDF library
+
+Essential<sup>&reg;</sup> PDF provides support to create, read, and manipulate PDF documents, allowing you to generate high-quality, secure, and feature-rich PDF files programmatically.
+
+## Adding the document settings
+
+This example shows how to configure custom page settings before adding a page to a PDF document. It creates a `PdfPageSettings` instance, applies margins, page size and sets the orientation.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+ 
+    import { PdfDocument, PdfPage, PdfPageSettings, PdfMargins, PdfPageOrientation, PdfStandardFont, PdfFontFamily, PdfFontStyle } from '@syncfusion/ej2-pdf';
+ 
+    // Create a new PDF document
+    let document: PdfDocument = new PdfDocument();
+    // Create a new PDF page settings instance
+    let pageSettings: PdfPageSettings = new PdfPageSettings();
+    // Sets the margins
+    pageSettings.margins = new PdfMargins(40);
+    // Sets the page size
+    pageSettings.size ={width: 595, height: 842};;
+    // Sets the page orientation
+    pageSettings.orientation = PdfPageOrientation.landscape;
+    // Add a page
+    let page: PdfPage = document.addPage(pageSettings);
+    // Get graphics from the page
+    let graphics: PdfGraphics = page.graphics;
+    // Set font
+    let font: PdfStandardFont = document.embedFont(PdfFontFamily.helvetica, 10, PdfFontStyle.regular);
+    // Draw text
+    graphics.drawString('Hello World', font, {x: 10, y: 20, width: 100, height: 200}, new PdfBrush({r: 0, g: 0, b: 255}));
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+ 
+{% endhighlight %}
+{% endtabs %}
+
+## Creating sections in a PDF
+
+This example demonstrates how to create a section in a PDF document with custom page settings. It shows how to configure rotation, orientation, margins, and page size using `PdfPageSettings`. The `PdfSection` class is used to apply different page customizations within a single PDF document.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+ 
+    import { PdfDocument, PdfPage, PdfPageSettings, PdfMargins, PdfPageOrientation, PdfStandardFont, PdfFontFamily, PdfFontStyle, PdfBrush } from '@syncfusion/ej2-pdf';
+ 
+    // Create a new PDF document
+    let document: PdfDocument = new PdfDocument();
+    // Define page settings
+    let settings: PdfPageSettings = new PdfPageSettings();
+    settings.rotation = PdfRotationAngle.angle180;
+    settings.orientation = PdfPageOrientation.landscape;  
+    settings.margins = new PdfMargins(40);               
+    settings.size = {width: 595, height: 842};;                       
+    // Add a section to the document with the specified settings
+    let section: PdfSection = document.addSection(settings);
+    // Add a page
+    let page: PdfPage = section.addPage();
+    // Get graphics from the page
+    let graphics: PdfGraphics = page.graphics;
+    // Set font
+    let font: PdfStandardFont = document.embedFont(PdfFontFamily.helvetica, 10, PdfFontStyle.regular);
+    // Draw text
+    graphics.drawString('Hello World', font, {x: 10, y: 20, width: 100, height: 200}, new PdfBrush({r: 0, g: 0, b: 255}));
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+ 
+{% endhighlight %}
+{% endtabs %}
+
+## Working with document properties
+
+This example demonstrates how to create a PDF document, set its metadata properties such as title, author, subject, keywords, creator, producer, language, and dates, and then retrieve these properties using the `PdfDocumentInformation` class.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+ 
+    import { PdfDocument, PdfPage, PdfDocumentInformation, PdfStandardFont, PdfFontFamily, PdfFontStyle, PdfBrush } from '@syncfusion/ej2-pdf';
+ 
+    // Create a PDF document
+    let document: PdfDocument = new PdfDocument();
+    // Access the document information (metadata)
+    let documentProperties: PdfDocumentInformation = document.getDocumentInformation();
+    // Set document properties
+    documentProperties.title = "Sample PDF Document";        // Title of the PDF
+    documentProperties.author = "John Doe";                 // Author name
+    documentProperties.subject = "PDF Metadata Example";    // Subject of the document
+    documentProperties.keywords = "PDF, Metadata, Example"; // Keywords for search
+    documentProperties.creator = "Syncfusion PDF Library";  // Application that created the PDF
+    documentProperties.producer = "Syncfusion PDF Engine";  // PDF producer
+    documentProperties.language = "en-US";                  // Language of the document
+    documentProperties.creationDate = new Date();           // Creation date
+    documentProperties.modificationDate = new Date();       // Last modified date
+    // Add a page
+    let page: PdfPage = document.addPage();
+    // Get graphics from the page
+    let graphics: PdfGraphics = page.graphics;
+    // Set font
+    let font: PdfStandardFont = document.embedFont(PdfFontFamily.helvetica, 10, PdfFontStyle.regular);
+    // Draw text
+    graphics.drawString('Hello World', font, {x: 10, y: 20, width: 100, height: 200}, new PdfBrush({r: 0, g: 0, b: 255}));
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+ 
+{% endhighlight %}
+{% endtabs %}
+
+## Performing incremental update for PDF document
+
+The `isIncrementalUpdate` property allows you to check if the PDF document supports incremental updates, which can improve performance during modifications by appending changes rather than rewriting the entire document.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+ 
+    import { PdfDocument, PdfPage, PdfStandardFont, PdfFontFamily, PdfFontStyle, PdfBrush } from '@syncfusion/ej2-pdf';
+ 
+    // Create a PDF document
+    let document: PdfDocument = new PdfDocument();
+    // Disable incremental update to rewrite the entire file
+    document.fileStructure.isIncrementalUpdate = false;
+    // Add a page
+    let page: PdfPage = document.addPage();
+    // Get graphics from the page
+    let graphics: PdfGraphics = page.graphics;
+    // Set font
+    let font: PdfStandardFont = document.embedFont(PdfFontFamily.helvetica, 10, PdfFontStyle.regular);
+    // Draw text
+    graphics.drawString('Hello World', font, {x: 10, y: 20, width: 100, height: 200}, new PdfBrush({r: 0, g: 0, b: 255}));
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+ 
+{% endhighlight %}
+{% endtabs %}
diff --git a/Document-Processing/PDF/PDF-Library/javascript/PDF-pages.md b/Document-Processing/PDF/PDF-Library/javascript/PDF-pages.md
new file mode 100644
index 000000000..56cd40327
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Library/javascript/PDF-pages.md
@@ -0,0 +1,279 @@
+---
+title: Pages in TypeScript PDF library | Syncfusion
+description: This section explains how to add, rearrange, remove pages, and detect empty pages in a PDF file by using the TypeScript PDF library
+platform: document-processing
+control: PDF
+documentation: UG
+---
+# Pages in TypeScript PDF library
+
+Essential<sup>&reg;</sup> PDF provides support to add, remove, rearrange, and detect empty pages in PDF documents, enabling complete control over page management for creating dynamic and customized PDFs.
+
+## Adding a new page to the document
+
+The following code sample demonstrates how to add a `PdfPage` to a PDF document. When multiple pages are added, each new page is appended to the end of the document.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import { PdfDocument, PdfPage, PdfStandardFont, PdfFontFamily, PdfFontStyle, PdfBrush } from '@syncfusion/ej2-pdf';
+
+    // Create a PDF document
+    let document: PdfDocument = new PdfDocument();
+    // Add a page
+    let page: PdfPage = document.addPage();
+    // Get graphics from the page
+    let graphics: PdfGraphics = page.graphics;
+    // Set font
+    let font: PdfStandardFont = document.embedFont(PdfFontFamily.helvetica, 10, PdfFontStyle.regular);
+    // Draw text
+    graphics.drawString('Hello World', font, {x: 10, y: 20, width: 100, height: 200}, new PdfBrush({r: 0, g: 0, b: 255}));
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+## Adding margin to the PDF pages
+
+The `PdfPageSettings` class is used to define properties such as margins, orientation, rotation, and page size. In this example, margins are set using the `PdfMargins` class to ensure consistent spacing around the page content. These settings can be applied when creating sections or pages in the PDF for precise layout control.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import { PdfDocument, PdfPage, PdfStandardFont, PdfFontFamily, PdfFontStyle, PdfBrush } from '@syncfusion/ej2-pdf';
+
+    // Create a new PDF document
+    let document: PdfDocument = new PdfDocument();
+    // Define page settings
+    let settings: PdfPageSettings = new PdfPageSettings();
+    // Add margin  
+    settings.margins = new PdfMargins(40);                                    
+    // Add a section to the document with the specified settings
+    let section: PdfSection = document.addSection(settings);
+    // Add a page
+    let page: PdfPage = section.addPage();
+    // Get graphics from the page
+    let graphics: PdfGraphics = page.graphics;
+    // Set font
+    let font: PdfStandardFont = document.embedFont(PdfFontFamily.helvetica, 10, PdfFontStyle.regular);
+    // Draw text
+    graphics.drawString('Hello World', font, {x: 10, y: 20, width: 100, height: 200}, new PdfBrush({r: 0, g: 0, b: 255}));
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+## Adding sections with different page settings
+
+This example demonstrates how to add sections with different page settings in a PDF document. It shows how to configure rotation, orientation, margins, and page size using `PdfPageSettings`. The `PdfSection` class is used to apply unique page customizations within a single PDF document.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import { PdfDocument, PdfPage, PdfStandardFont, PdfFontFamily, PdfFontStyle, PdfBrush } from '@syncfusion/ej2-pdf';
+
+    // Create a new PDF document
+    let document: PdfDocument = new PdfDocument();
+    // Create a new PDF page settings instance
+    let pageSetting: PdfPageSettings = new PdfPageSettings();
+    // Sets the margins
+    pageSetting.margins = new PdfMargins(40);
+    // Sets the page size
+    pageSetting.size ={width: 595, height: 842};;
+    // Sets the page orientation
+    pageSetting.orientation = PdfPageOrientation.landscape;
+    // Add a page
+    let page: PdfPage = document.addPage(pageSetting);
+    // Get graphics from the page
+    let graphics: PdfGraphics = page.graphics;
+    // Set font
+    let font: PdfStandardFont = document.embedFont(PdfFontFamily.helvetica, 10, PdfFontStyle.regular);
+    // Draw text
+    graphics.drawString('Hello World', font, {x: 10, y: 20, width: 100, height: 200}, new PdfBrush({r: 0, g: 0, b: 255}));
+    // Create a new PDF page settings instance
+    let pageSetting1: PdfPageSettings = new PdfPageSettings();
+    // Sets the margins
+    pageSetting1.margins = new PdfMargins(40);
+    // Sets the page size
+    pageSetting1.size ={width: 595, height: 842};;
+    // Sets the page orientation
+    pageSetting1.orientation = PdfPageOrientation.landscape;
+    // Add a page
+    let page1: PdfPage = document.addPage(pageSetting1);
+     // Get graphics from the page
+    let graphics1 = page1.graphics;
+    // Draw text
+    graphics1.drawString('Hello World', font, {x: 40, y: 60, width: 100, height: 200}, new PdfBrush({r: 0, g: 0, b: 255}));
+    // Save the PDF document
+    document.save('Output.pdf');
+    // Close and dispose the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+## Get number of pages from a PDF document
+
+This example demonstrates how to retrieve the total number of pages in a PDF document using the `pageCount` property of the `PdfDocument` class. The page count returns an integer value representing the number of pages currently in the document.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import { PdfDocument } from '@syncfusion/ej2-pdf';
+
+    // Load an existing PDF document
+    let document: PdfDocument = new PdfDocument(data, password);
+    // Gets the page count
+    let count: number = document.pageCount;
+    // Destroy the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+## Importing pages from an existing document
+
+This example demonstrates how to import pages from an existing PDF document into a new PDF document using the `importPageRange` method of the `PdfDocument` class. This method allows you to specify a start and end index to copy a range of pages from the source document into the target document.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import { PdfDocument } from '@syncfusion/ej2-pdf';
+
+    // Load an existing PDF document
+	let document: PdfDocument = new PdfDocument(data, password);
+    // Define start and end page indices
+    let startIndex = 0;
+    let endIndex = document.pageCount - 1;
+    // Import all pages from the loaded document into the new document
+    document.importPageRange(document, startIndex, endIndex);
+    // Save the new document
+    document.save('Output.pdf');
+    // Close the loaded document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+## Rearranging pages in an existing document
+
+This example demonstrates how to rearrange the pages in an existing PDF document using the `reorderPages` method of the `PdfDocument` class. The method accepts an array of page indices that defines the new order of pages within the document.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import { PdfDocument } from '@syncfusion/ej2-pdf';
+
+    // Load an existing PDF document
+    let document: PdfDocument = new PdfDocument(data, password);
+    // Reorders the pages in the PDF document
+    document.reorderPages([3, 2, 1]);
+    // Save the document
+    document.save('output.pdf');
+    // Destroy the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+## Removing pages from a document
+
+This example demonstrates how to remove a page from a PDF document using the `removePage` method of the `PdfDocument` class. The method takes the zero-based index of the page to be removed, effectively deleting that page from the document.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import { PdfDocument } from '@syncfusion/ej2-pdf';
+
+    // Load an existing PDF document
+    let document: PdfDocument = new PdfDocument(data, password);
+    // Removes the first page
+    document.removePage(0);
+    // Save the document
+    document.save('output.pdf');
+    // Destroy the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+## Rotating a PDF page
+
+This example demonstrates how to rotate a PDF page using the `rotation` property of the `PdfPageSettings` class. The property accepts a value from the `PdfRotationAngle` enumeration, such as angle180, to specify the rotation angle applied to the page.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import { PdfDocument, PdfPage, PdfStandardFont, PdfFontFamily, PdfFontStyle } from '@syncfusion/ej2-pdf';
+
+    // Create a new PDF document
+    let document: PdfDocument = new PdfDocument();
+    // Create a new PDF page settings instance
+    let pageSetting : PdfPageSettings = new PdfPageSettings();
+    // Sets the page rotation
+    pageSetting.rotation = PdfRotationAngle.angle180;
+    // Add a page
+    let page: PdfPage = document.addPage(pageSetting);
+    // Get graphics from the page
+    let graphics: PdfGraphics = page.graphics;
+    // Set font
+    let font: PdfStandardFont = document.embedFont(PdfFontFamily.helvetica, 10, PdfFontStyle.regular);
+    // Draw text
+    graphics.drawString('Hello World', font, {x: 10, y: 20, width: 100, height: 200}, new PdfBrush({r: 0, g: 0, b: 255}));
+    // Save the PDF document
+    let data = document.save('Output.pdf');
+    // Close and dispose the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+## Rotating an existing PDF page
+
+This example demonstrates how to rotate an existing PDF page using the `rotation` property of the `PdfPage` class. The property accepts a value from the `PdfRotationAngle` enumeration, such as angle180, to specify the rotation angle applied to the selected page.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import { PdfDocument, PdfPage, PdfStandardFont, PdfFontFamily, PdfFontStyle } from '@syncfusion/ej2-pdf';
+
+    // Load an existing PDF document
+    let document: PdfDocument = new PdfDocument(data, password);
+    // Access first page
+    let page: PdfPage = document.getPage(0);
+    //Set the rotation for loaded page
+    page.rotation = PdfRotationAngle.angle180;
+    // Save the document
+    document.save('output.pdf');
+    // Destroy the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+## Splitting a PDF file to individual pages
+
+This example demonstrates how to split a PDF file into individual pages by importing a specific page from the source document using the `importPage` method of the `PdfDocument` class. The method takes the zero-based index of the page to be copied and adds it as a new page in the target document.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import { PdfDocument, PdfPage, PdfStandardFont, PdfFontFamily, PdfFontStyle } from '@syncfusion/ej2-pdf';
+
+    // Load an existing PDF document
+    let document: PdfDocument = new PdfDocument(data, password);
+    // Copy the second page and add it as third page
+    document.importPage(1);
+    // Save the output PDF
+    document.save('Output.pdf');
+    // Destroy the documents
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Library/javascript/Redaction.md b/Document-Processing/PDF/PDF-Library/javascript/Redaction.md
new file mode 100644
index 000000000..e8000932b
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Library/javascript/Redaction.md
@@ -0,0 +1,147 @@
+---
+title: Redaction in TypeScript PDF library |Syncfusion
+description: This section explains how to redact content from an existing PDF document by using the TypeScript PDF library
+platform: document-processing
+control: PDF
+documentation: UG
+---
+# Redaction in TypeScript PDF library
+
+Redacting a PDF is the process of permanently removing sensitive or confidential information from PDF documents. Syncfusion<sup>&reg;</sup> PDF library provides an easy way to redact PDF documents. 
+
+## Removing sensitive content from the PDF document
+
+Redaction permanently removes confidential or sensitive information from a PDF. The `PdfRedactionAnnotation` class allows you to define areas to redact, ensuring the underlying text or image data is completely deleted from the document.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+import { PdfDocument, PdfPage, PdfRedactionAnnotation } from '@syncfusion/ej2-pdf';
+
+// Load an existing PDF document
+let document: PdfDocument = new PdfDocument(data, password);
+// Get the first page
+let page: PdfPage = document.getPage(0) as PdfPage;
+// Create a new redaction annotation
+const annot: PdfRedactionAnnotation = new PdfRedactionAnnotation(
+    { x: 100, y: 100, width: 100, height: 100 },
+    {
+        borderColor: { r: 255, g: 0, b: 0 },
+        repeatText: true,
+        font: document.embedFont(PdfFontFamily.helvetica, 10, PdfFontStyle.regular),
+        textColor: { r: 0, g: 0, b: 0 },
+        appearanceFillColor: { r: 255, g: 255, b: 255 }
+    }
+);
+// Add annotation to the page
+page.annotations.add(annot);
+// Destroy the document
+document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+## Display text on the redacted area
+
+You can overlay custom text on the redacted region to indicate the reason for redaction or provide context. For example, adding "Confidential" or "Redacted" helps users understand why the content was removed.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import { PdfDocument, PdfPage, PdfRedactionAnnotation } from '@syncfusion/ej2-pdf';
+
+    // Load an existing PDF document
+    let document: PdfDocument = new PdfDocument(data, password);
+    // Access the first page
+    let page: PdfPage = document.getPage(0);
+    // Create a new redaction annotation
+    const font: PdfFont = new PdfStandardFont(PdfFontFamily.timesRoman, 12);
+    const annotation: PdfRedactionAnnotation = new PdfRedactionAnnotation({x: 100, y: 100, width: 100, height: 100},{ borderColor: {r: 255, g: 0, b: 0},
+            repeatText: true,
+            overlayText: 'Sample Overlay',
+            font: document.embedFont(PdfFontFamily.helvetica, 10, PdfFontStyle.regular),
+            textColor: {r: 0, g: 0, b: 0},
+            appearanceFillColor: {r: 255, g: 255, b: 255} });
+    // Add annotation to the page
+    page.annotations.add(annotation);
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+## Fill color on the redacted area
+
+You can apply a solid fill color to cover the redacted content. This is the most common approach for redaction.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import { PdfDocument, PdfPage, PdfRedactionAnnotation } from '@syncfusion/ej2-pdf';
+
+    // Create a new PDF document
+    let document: PdfDocument = new PdfDocument();
+    // Add a page
+    let page: PdfPage = document.addPage();
+    // Create a new redaction annotation with specified position and size
+    let annot: PdfRedactionAnnotation = new PdfRedactionAnnotation({ x: 100, y: 100, width: 300, height: 200 });
+    // Define multiple rectangular areas (bounds) within the annotation for redaction
+    annot.boundsCollection = [
+        { x: 50, y: 50, width: 100, height: 100 },   // First redaction area
+        { x: 200, y: 100, width: 60, height: 30 },   // Second redaction area
+        { x: 100, y: 400, width: 60, height: 30 }    // Third redaction area
+    ];
+    // Set the overlay text that will appear on the redacted areas
+    annot.overlayText = "Confidential";
+    // Enable repeating the overlay text across the redacted region
+    annot.repeatText = true;
+    // Set the fill color for the redaction appearance (red)
+    annot.appearanceFillColor = { r: 255, g: 0, b: 0 };
+    // Set the color of the overlay text (blue)
+    annot.textColor = { r: 0, g: 0, b: 255 };
+    // Set the opacity level for the redaction annotation (50% transparent)
+    annot.opacity = 0.5;
+    // Set the inner color for the redaction area (green)
+    annot.innerColor = { r: 0, g: 255, b: 0 };
+    // Align the overlay text to the center of the redaction area
+    annot.textAlignment = PdfTextAlignment.center;
+    // Specify the author of the annotation
+    annot.author = "QA Tester";
+    // Specify the subject or purpose of the annotation
+    annot.subject = "Redaction Test";
+    // Add the configured redaction annotation to the page's annotations collection
+    page.annotations.add(annot);
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+## Redaction appearance fill color
+
+Customize the appearance of the redacted area by applying specific fill colors. This helps maintain a consistent design or highlight redacted sections in a visually appealing way.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import { PdfDocument, PdfPage, PdfRedactionAnnotation } from '@syncfusion/ej2-pdf';
+
+    // Load an existing PDF document
+    let document: PdfDocument = new PdfDocument(data, password);
+    // Access the first page
+    let page: PdfPage = document.getPage(0);
+     //Appearance Fill color
+    const annot = new PdfRedactionAnnotation({x: 100, y: 100, width: 100, height: 50});
+    annot.appearanceFillColor = {r: 255, g: 255, b: 0};
+    page.annotations.add(annot);
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Library/javascript/Shapes.md b/Document-Processing/PDF/PDF-Library/javascript/Shapes.md
new file mode 100644
index 000000000..12d303c92
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Library/javascript/Shapes.md
@@ -0,0 +1,508 @@
+---
+title: Shapes in TypeScript PDF library | Syncfusion
+description: This section explains how to add shapes such as lines, curves, paths, text, rectangles, pies, arcs, Beziers, and ellipses by using the TypeScript PDF library
+platform: document-processing
+control: PDF
+documentation: UG
+---
+# Shapes in TypeScript PDF library
+
+Essential<sup>&reg;</sup> PDF has support for adding the below shapes.
+
+* Line
+* Curve
+* Path
+* Text 
+* Rectangle
+* Pie
+* Arc
+* Bezier
+* Ellipse
+
+## Adding Shapes to a PDF document
+
+Essential<sup>&reg;</sup> PDF supports adding shapes with different types of brushes like solid bush, gradient brush, tiling brush, and image brush along with various color spaces and transparency levels.
+
+### Polygon
+
+This example demonstrates how to draw a polygon shape in a PDF document using the `drawPolygon` method of the `PdfGraphics` class.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import { PdfDocument, PdfPage, PdfPen } from '@syncfusion/ej2-pdf';
+
+    // Create a new PDF document
+    let document: PdfDocument = new PdfDocument();
+    // Add a page
+    let page: PdfPage = document.addPage();
+    // Get graphics from the page
+    let graphics: PdfGraphics = page.graphics;
+    // Create a new pen
+    let pen: PdfPen = new PdfPen({r: 0, g: 0, b: 0}, 1);
+    // Define the polygon points
+    let points: Point[] = [{x: 10, y: 100}, {x: 10, y: 200}, {x: 100, y: 100}, {x: 100, y: 200}, {x: 55, y: 150}];
+    // Draw the polygon on the page graphics
+    graphics.drawPolygon(points, pen);
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+The following code snippet explains how to draw a polygon in an existing PDF document.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import { PdfDocument, PdfPage, PdfPen } from '@syncfusion/ej2-pdf';
+
+    // Load an existing PDF document
+    let document: PdfDocument = new PdfDocument(data, password);
+    // Access the first page
+    let page: PdfPage = document.getPage(0);
+    // Get graphics from the page
+    let graphics: PdfGraphics = page.graphics;
+    // Create a new pen
+    let pen: PdfPen = new PdfPen({r: 0, g: 0, b: 0}, 1);
+    // Define the polygon points
+    let points: Point[] = [{x: 10, y: 100}, {x: 10, y: 200}, {x: 100, y: 100}, {x: 100, y: 200}, {x: 55, y: 150}];
+    // Draw the polygon on the page graphics
+    graphics.drawPolygon(points, pen);
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+### Line
+
+This example demonstrates how to draw a straight line in a PDF document using the `drawLine` method of the `PdfGraphics` class.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import { PdfDocument, PdfPage, PdfPen } from '@syncfusion/ej2-pdf';
+
+    // Create a new PDF document
+    let document: PdfDocument = new PdfDocument();
+    // Add a page
+    let page: PdfPage = document.addPage();
+    // Get graphics from the page
+    let graphics: PdfGraphics = page.graphics;
+    // Create a new pen
+    let pen: PdfPen = new PdfPen({r: 0, g: 0, b: 0}, 1);
+    // Draw a line on the page graphics
+    graphics.drawLine(pen, {x: 10, y: 200}, {x: 100, y: 100});
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+The following code snippet explains how to draw a line in an existing PDF document.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import { PdfDocument, PdfPage, PdfPen } from '@syncfusion/ej2-pdf';
+
+    // Load an existing PDF document
+    let document: PdfDocument = new PdfDocument(data, password);
+    // Access the first page
+    let page: PdfPage = document.getPage(0);
+    // Get graphics from the page
+    let graphics: PdfGraphics = page.graphics;
+    // Create a new pen
+    let pen: PdfPen = new PdfPen({r: 0, g: 0, b: 0}, 1);
+    // Draw a line on the page graphics
+    graphics.drawLine(pen, {x: 10, y: 200}, {x: 100, y: 100});
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+### Path
+
+This example demonstrates how to draw a path in a PDF document using the `drawPath` method of the `PdfGraphics` class.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import { PdfDocument, PdfPage, PdfPen, PdfPath } from '@syncfusion/ej2-pdf';
+
+    // Create a new PDF document
+    let document: PdfDocument = new PdfDocument();
+    // Add a page
+    let page: PdfPage = document.addPage();
+    // Create a new path
+    let path: PdfPath = new PdfPath();
+    // Gets the graphics of the PDF page
+    let graphics: PdfGraphics = page.graphics;
+    // Create a new pen
+    let pen: PdfPen = new PdfPen({r: 0, g: 0, b: 0}, 1);
+    // Add lines to the path
+    path.addLine({x: 10, y: 50}, {x: 200, y: 250});
+    path.addLine({x: 10, y: 150}, {x: 220, y: 250});
+    path.addLine({x: 10, y: 200}, {x: 240, y: 250});
+    // Draw the path on the page graphics
+    graphics.drawPath(path, pen);
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+The following code snippet explains how to draw path in an existing PDF document.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import { PdfDocument, PdfPage, PdfPen, PdfPath } from '@syncfusion/ej2-pdf';
+
+    // Load an existing PDF document
+    let document: PdfDocument = new PdfDocument(data, password);
+    // Access the first page
+    let page: PdfPage = document.getPage(0);
+    // Create a new path
+    let path: PdfPath = new PdfPath();
+    // Gets the graphics of the PDF page
+    let graphics: PdfGraphics = page.graphics;
+    // Create a new pen
+    let pen: PdfPen = new PdfPen({r: 0, g: 0, b: 0}, 1);
+    // Add lines to the path
+    path.addLine({x: 10, y: 50}, {x: 200, y: 250});
+    path.addLine({x: 10, y: 150}, {x: 220, y: 250});
+    path.addLine({x: 10, y: 200}, {x: 240, y: 250});
+    // Draw the path on the page graphics
+    graphics.drawPath(path, pen);
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+### Text
+
+This example demonstrates how to draw a text in a PDF document using the `drawString` method of the `PdfGraphics` class.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import { PdfDocument, PdfPage, PdfStandardFont, PdfBrush } from '@syncfusion/ej2-pdf';
+
+    // Create a new PDF document
+    let document: PdfDocument = new PdfDocument();
+    // Add a page
+    let page: PdfPage = document.addPage();
+    // Get graphics from the page
+    let graphics: PdfGraphics = page.graphics;
+    // Set font
+    let font: PdfStandardFont = document.embedFont(PdfFontFamily.helvetica, 10, PdfFontStyle.regular);
+    // Draw text
+    graphics.drawString('Hello World', font, {x: 10, y: 20, width: 100, height: 200}, new PdfBrush({r: 0, g: 0, b: 255}));
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+The following code snippet explains how to draw text in an existing PDF document.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import { PdfDocument, PdfPage, PdfStandardFont, PdfBrush } from '@syncfusion/ej2-pdf';
+
+    // Load an existing PDF document
+    let document: PdfDocument = new PdfDocument(data, password);
+    // Access the first page
+    let page: PdfPage = document.getPage(0);
+    // Get graphics from the page
+    let graphics: PdfGraphics = page.graphics;
+    // Set font
+    let font: PdfStandardFont = document.embedFont(PdfFontFamily.helvetica, 10, PdfFontStyle.regular);
+    // Draw text
+    graphics.drawString('Hello World', font, {x: 10, y: 20, width: 100, height: 200}, new PdfBrush({r: 0, g: 0, b: 255}));
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+### Rectangle
+
+This example demonstrates how to draw a rectangle in a PDF document using the `drawRectangle` method of the `PdfGraphics` class.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import { PdfDocument, PdfPage, PdfGraphics, PdfPen } from '@syncfusion/ej2-pdf';
+
+    // Create a new PDF document
+    let document: PdfDocument = new PdfDocument();
+    // Add a page
+    let page: PdfPage = document.addPage();
+    // Gets the graphics of the PDF page
+    let graphics: PdfGraphics = page.graphics;
+    // Create a new pen.
+    let pen: PdfPen = new PdfPen({r: 0, g: 0, b: 0}, 1);
+    // Draw a rectangle on the page graphics.
+    graphics.drawRectangle({x: 10, y: 20, width: 100, height: 200}, pen);
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+The following code snippet explains how to draw rectangle in an existing PDF document.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import { PdfDocument, PdfPage, PdfGraphics, PdfPen } from '@syncfusion/ej2-pdf';
+
+    // Load an existing PDF document
+    let document: PdfDocument = new PdfDocument(data, password);
+    // Access the first page
+    let page: PdfPage = document.getPage(0);
+      // Gets the graphics of the PDF page
+    let graphics: PdfGraphics = page.graphics;
+    // Create a new pen.
+    let pen: PdfPen = new PdfPen({r: 0, g: 0, b: 0}, 1);
+    // Draw a rectangle on the page graphics.
+    graphics.drawRectangle({x: 10, y: 20, width: 100, height: 200}, pen);
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+### Pie
+
+This example demonstrates how to draw a pie in a PDF document using the `drawPie` method of the `PdfGraphics` class.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import { PdfDocument, PdfPage, PdfGraphics, PdfPen } from '@syncfusion/ej2-pdf';
+
+    // Create a new PDF document
+    let document: PdfDocument = new PdfDocument();
+    // Add a page
+    let page: PdfPage = document.addPage();
+    // Gets the graphics of the PDF page
+    let graphics: PdfGraphics = page.graphics;
+    // Create a new pen
+    let pen: PdfPen = new PdfPen({r: 0, g: 0, b: 0}, 1);
+    // Draw a pie slice on the page graphics
+    graphics.drawPie({x: 10, y: 50, width: 200, height: 200}, 180, 60, pen);
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+The following code snippet explains how to draw pie in an existing PDF document.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import { PdfDocument, PdfPage, PdfGraphics, PdfPen } from '@syncfusion/ej2-pdf';
+
+    // Load an existing PDF document
+    let document: PdfDocument = new PdfDocument(data, password);
+    // Access the first page
+    let page: PdfPage = document.getPage(0);
+    // Gets the graphics of the PDF page
+    let graphics: PdfGraphics = page.graphics;
+    // Create a new pen
+    let pen: PdfPen = new PdfPen({r: 0, g: 0, b: 0}, 1);
+    // Draw a pie slice on the page graphics
+    graphics.drawPie({x: 10, y: 50, width: 200, height: 200}, 180, 60, pen);
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+### Arc
+
+This example demonstrates how to draw a arc in a PDF document using the `drawArc` method of the `PdfGraphics` class.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import { PdfDocument, PdfPage, PdfGraphics, PdfPen } from '@syncfusion/ej2-pdf';
+
+    // Create a new PDF document
+    let document: PdfDocument = new PdfDocument();
+    // Add a page
+    let page: PdfPage = document.addPage();
+    // Gets the graphics of the PDF page
+    let graphics: PdfGraphics = page.graphics;
+    // Create a new pen
+    let pen: PdfPen = new PdfPen({r: 0, g: 0, b: 0}, 1);
+    // Draw a arc slice on the page graphics
+    graphics.drawArc({x: 10, y: 20, width: 100, height: 200}, 20, 30, pen);
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+The following code snippet explains how to draw arc in an existing PDF document.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import { PdfDocument, PdfPage, PdfGraphics, PdfPen } from '@syncfusion/ej2-pdf';
+
+    // Load an existing PDF document
+    let document: PdfDocument = new PdfDocument(data, password);
+    // Access the first page
+    let page: PdfPage = document.getPage(0);
+    // Gets the graphics of the PDF page
+    let graphics: PdfGraphics = page.graphics;
+    // Create a new pen
+    let pen: PdfPen = new PdfPen({r: 0, g: 0, b: 0}, 1);
+    // Draw a aec slice on the page graphics
+    graphics.drawArc({x: 10, y: 20, width: 100, height: 200}, 20, 30, pen);
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+### Bezier
+
+This example demonstrates how to draw a bezier in a PDF document using the `drawBezier` method of the `PdfGraphics` class.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import { PdfDocument, PdfPage, PdfGraphics, PdfPen } from '@syncfusion/ej2-pdf';
+
+    // Create a new PDF document
+    let document: PdfDocument = new PdfDocument();
+    // Add a page
+    let page: PdfPage = document.addPage();
+    // Gets the graphics of the PDF page
+    let graphics: PdfGraphics = page.graphics;
+    // Create a new pen
+    let pen: PdfPen = new PdfPen({r: 0, g: 0, b: 0}, 1);
+    // Draw a Bezier curve on the page graphics
+    graphics.drawBezier({x: 50, y: 100}, {x: 200, y: 50}, {x: 100, y: 150}, {x: 150, y: 100}, pen);
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+The following code snippet explains how to draw bezier in an existing PDF document.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import { PdfDocument, PdfPage, PdfGraphics, PdfPen } from '@syncfusion/ej2-pdf';
+
+    // Load an existing PDF document
+    let document: PdfDocument = new PdfDocument(data, password);
+    // Access the first page
+    let page: PdfPage = document.getPage(0);
+    // Gets the graphics of the PDF page
+    let graphics: PdfGraphics = page.graphics;
+    // Create a new pen
+    let pen: PdfPen = new PdfPen({r: 0, g: 0, b: 0}, 1);
+    // Draw a Bezier curve on the page graphics
+     graphics.drawBezier({x: 50, y: 100}, {x: 200, y: 50}, {x: 100, y: 150}, {x: 150, y: 100}, pen);
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% enhighlight %}
+{% endtabs %}
+
+### Ellipse
+
+This example demonstrates how to draw a ellipse in a PDF document using the `drawEllipse` method of the `PdfGraphics` class.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import { PdfDocument, PdfPage, PdfGraphics, PdfPen } from '@syncfusion/ej2-pdf';
+
+    // Create a new PDF document
+    let document: PdfDocument = new PdfDocument();
+    // Add a page
+    let page: PdfPage = document.addPage();
+    // Gets the graphics of the PDF page
+    let graphics: PdfGraphics = page.graphics;
+    // Create a new pen
+    let pen: PdfPen = new PdfPen({r: 0, g: 0, b: 0}, 1);
+    // Draw an ellipse on the page graphics
+    graphics.drawEllipse({x: 10, y: 20, width: 100, height: 200}, pen);
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+The following code snippet explains how to draw ellipse in an existing PDF document.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import { PdfDocument, PdfPage, PdfGraphics, PdfPen } from '@syncfusion/ej2-pdf';
+    
+    // Load an existing PDF document
+    let document: PdfDocument = new PdfDocument(data, password);
+    // Access the first page
+    let page: PdfPage = document.getPage(0);
+    // Gets the graphics of the PDF page
+    let graphics: PdfGraphics = page.graphics;
+    // Create a new pen
+     let pen: PdfPen = new PdfPen({r: 0, g: 0, b: 0}, 1);
+    // Draw an ellipse on the page graphics
+    graphics.drawEllipse({x: 10, y: 20, width: 100, height: 200}, pen);
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Library/javascript/Supported-and-Unsupported-Features.md b/Document-Processing/PDF/PDF-Library/javascript/Supported-and-Unsupported-Features.md
new file mode 100644
index 000000000..bf4d6346d
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Library/javascript/Supported-and-Unsupported-Features.md
@@ -0,0 +1,557 @@
+---
+title: Supported and Unsupported EJ2 Features | Syncfusion 
+description: This section explains about features available in Essential EJ2 PDF and their availability in different platforms.
+platform: document-processing
+control: PDF
+documentation: UG
+---
+# Supported and Unsupported EJ2  Features 
+
+The following table shows the various features available in the Essential<sup>&reg;</sup> EJ2 PDF and their availability in different platforms.
+
+<table>
+<thead>
+<tr>
+<th>
+Features<br/><br/></th><th>
+EJ2<br/><br/></th><th>
+</tr>
+
+</thead>
+<tbody>
+<tr>
+<td>
+Drawing Text<br/><br/></td><td>
+Yes<br/><br/></td><td>
+<tr>
+<td>
+Text Formatting<br/><br/></td><td>
+Yes<br/><br/></td><td>
+<tr>
+<td>
+Multilingual Support<br/><br/></td><td>
+Yes<br/><br/></td><td>
+<tr>
+<td>
+Drawing RTL text<br/><br/></td><td>
+Yes<br/><br/></td><td>
+<tr>
+<td>
+Drawing complex script text<br/><br/></td><td>
+No<br/><br/></td><td>
+<tr>
+<td>
+Text Extraction<br/><br/></td><td>
+Yes<br/><br/></td><td>
+<tr>
+<td>
+Unicode<br/><br/></td><td>
+Yes<br/><br/></td><td>
+<tr>
+<td>
+Pagination<br/><br/></td><td>
+No<br/><br/></td><td>
+</tbody>
+</table>
+
+Graphics:
+
+<table>
+<thead>
+<tr>
+<th>
+Features<br/><br/></th><th>
+EJ2<br/><br/></th><th>
+</thead>
+<tbody>
+<tr>
+<td>
+Pen and Brush<br/><br/></td><td>
+Yes<br/><br/></td><td>
+<tr>
+<td>
+Layers<br/><br/></td><td>
+Yes<br/><br/></td><td>
+<tr>
+<td>
+Transparent Graphics<br/><br/></td><td>
+Yes<br/><br/></td><td>
+<tr>
+<td>
+Color Spaces<br/><br/></td><td>
+No<br/><br/></td><td>
+<tr>
+<td>
+Image Extraction<br/><br/></td><td>
+Yes<br/><br/></td><td>
+<tr>
+<td>
+Enhanced Printing Support<br/><br/></td><td>
+No<br/><br/></td><td>
+<tr>
+<td>
+Barcode<br/><br/></td><td>
+No<br/><br/></td><td>
+</tbody>
+</table>
+
+Document-level Operations:
+
+<table>
+<thead>
+<tr>
+<th>
+Features<br/><br/></th><th>
+EJ2<br/><br/></th><th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td>
+Merge Documents<br/><br/></td><td>
+Yes<br/><br/></td><td>
+</tr>
+<tr>
+<td>
+Split Document<br/><br/></td><td>
+Yes<br/><br/></td><td>
+<tr>
+<td>
+Overlay Documents<br/><br/></td><td>
+No<br/><br/></td><td>
+<tr>
+<td>
+Import Pages<br/><br/></td><td>
+Yes<br/><br/></td><td>
+<tr>
+<td>
+Stamp<br/><br/></td><td>
+Yes<br/><br/></td><td>
+<tr>
+<td>
+Booklet<br/><br/></td><td>
+Yes<br/><br/></td><td>
+</tbody>
+</table>
+
+Document Settings:
+
+<table>
+<thead>
+<tr>
+<th>
+Features<br/><br/></th><th>
+EJ2<br/><br/></th><th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td>
+Custom Metadata<br/><br/></td><td>
+No<br/><br/></td><td>
+<tr>
+<td>
+Document Properties<br/><br/></td><td>
+Yes<br/><br/></td><td>
+<tr>
+<td>
+Page Orientation<br/><br/></td><td>
+Yes<br/><br/></td><td>
+<tr>
+<td>
+Page Sizes<br/><br/></td><td>
+Yes<br/><br/></td><td>
+<tr>
+<td>
+Viewer Preferences<br/><br/></td><td>
+No<br/><br/></td><td>
+<tr>
+<td>
+Tagged PDF with section 508 compliant<br/><br/></td><td>
+No<br/><br/></td><td>
+</tbody>
+</table>
+
+Forms:
+
+<table>
+<thead>
+<tr>
+<th>
+Features<br/><br/></th><th>
+EJ2<br/><br/></th><th>
+</thead>
+<tbody>
+<tr>
+<td>
+Fields<br/><br/></td><td>
+Yes<br/><br/></td><td>
+</tr>
+<tr>
+<td>
+Form Filling<br/><br/></td><td>
+Yes<br/><br/></td><td>
+</tr>
+<tr>
+<td>
+Flatten<br/><br/></td><td>
+Yes<br/><br/></td><td>
+</tr>
+<tr>
+<td>
+Import Form Data<br/><br/></td><td>
+Yes<br/><br/></td><td>
+</tr>
+<tr>
+<td>
+Form Export<br/><br/></td><td>
+Yes<br/><br/></td><td>
+</tr>
+</tbody>
+</table>
+
+XFA Forms:
+
+<table>
+<thead>
+<tr>
+<th>
+Features<br/><br/></th><th>
+EJ2<br/><br/></th><th>
+</thead>
+<tbody>
+<tr>
+<td>
+Fields<br/><br/></td><td>
+No<br/><br/></td><td>
+<tr>
+<td>
+Form Filling<br/><br/></td><td>
+No<br/><br/></td><td>
+</tbody>
+</table>
+
+<br>
+Document Conversion:
+
+<table>
+<thead>
+<tr>
+<th>
+Features<br/><br/></th><th>
+EJ2<br/><br/></th><th>
+</thead>
+<tbody>
+<tr>
+<td>
+TIFF to PDF<br/><br/></td><td>
+No<br/><br/></td><td>
+<tr>
+<td>
+HTML to PDF<br/><br/></td><td>
+No<br/><br/></td><td>
+<tr>
+<td>
+RTF To PDF<br/><br/></td><td>
+No<br/><br/></td><td>
+<tr>
+<td>
+DOC To PDF<br/><br/></td><td>
+No<br/><br/></td><td>
+<tr>
+<td>
+Excel To PDF<br/><br/></td><td>
+No<br/><br/></td><td>
+<tr>
+<td>
+PDF OCR<br/><br/></td><td>
+No<br/><br/></td><td>
+<tr>
+<td>
+XPS to PDF<br/><br/></td><td>
+No<br/><br/></td><td>
+<tr>
+<td>
+SVG to PDF<br/><br/></td><td>
+No<br/><br/></td><td>
+<tr>
+<td>
+EMF to PDF<br/><br/></td><td>
+No<br/><br/></td><td>
+<tr>
+<td>
+JPEG to PDF<br/><br/></td><td>
+No<br/><br/></td><td>
+<tr>
+<td>
+PDF to JPEG<br/><br/></td><td>
+No<br/><br/></td><td>
+<tr>
+<td>
+PDF to PDF/A-1b<br/><br/></td><td>
+No<br/><br/></td><td>
+</tbody>
+</table>
+
+<br>
+PDF Standards:
+
+<table>
+<thead>
+<tr>
+<th>
+Features<br/><br/></th><th>
+EJ2<br/><br/></th><th>
+</thead>
+<tbody>
+<tr>
+<td>
+PDF/ A-1b Compliance<br/><br/></td><td>
+No<br/><br/></td><td>
+<tr>
+<td>
+PDF/ A-2b Compliance<br/><br/></td><td>
+No<br/><br/></td><td>
+<tr>
+<td>
+PDF/ A-3b Compliance<br/><br/></td><td>
+No<br/><br/></td><td>
+<tr>
+<td>
+PDF/x1a: 2001 Compliance<br/><br/></td><td>
+No<br/><br/></td><td>
+<tr>
+<td>
+ZUGFeRD Invoice<br/><br/></td><td>
+No<br/><br/></td><td>
+</tbody>
+</table>
+
+Fonts:
+
+<table>
+<thead>
+<tr>
+<th>
+Features<br/><br/></th><th>
+EJ2<br/><br/></th><th>
+</thead>
+<tbody>
+<tr>
+<td>
+Standard Fonts<br/><br/></td><td>
+Yes<br/><br/></td><td>
+<tr>
+<td>
+CJK Fonts<br/><br/></td><td>
+Yes<br/><br/></td><td>
+<tr>
+<td>
+TrueType Fonts<br/><br/></td><td>
+Yes<br/><br/></td><td>
+<tr>
+<td>
+Unicode TrueType<br/><br/></td><td>
+Yes<br/><br/></td><td>
+</tbody>
+</table>
+
+Images:
+
+<table>
+<thead>
+<tr>
+<th>
+Features<br/><br/></th><th>
+EJ2<br/><br/></th><th>
+</thead>
+<tbody>
+<tr>
+<td>
+Scalar Images<br/><br/></td><td>
+Yes<br/><br/></td><td>
+<tr>
+<td>
+Soft Mask<br/><br/></td><td>
+Yes<br/><br/></td><td>
+<tr>
+<td>
+Vector Images<br/><br/></td><td>
+Yes<br/><br/></td><td>
+</tr>
+<tr>
+<td>
+Watermarks<br/><br/></td><td>
+Yes<br/><br/></td><td>
+<tr>
+<td>
+Raster images (JPEG and PNG)<br/><br/></td><td>
+Yes<br/><br/></td><td>
+</tbody>
+</table>
+
+Tables:
+
+<table>
+<thead>
+<tr>
+<th>
+Features<br/><br/></th><th>
+EJ2<br/><br/></th><th>
+</thead>
+<tbody>
+<tr>
+<td>
+ADO.Net Tables Support<br/><br/></td><td>
+No<br/><br/></td><td>
+<tr>
+<td>
+Cell / Row / Column Formatting<br/><br/></td><td>
+No<br/><br/></td><td>
+<tr>
+<td>
+Header<br/><br/></td><td>
+No<br/><br/></td><td>
+<tr>
+<td>
+Pagination<br/><br/></td><td>
+No<br/><br/></td><td>
+</tr>
+<tr>
+<td>
+Borders<br/><br/></td><td>
+No<br/><br/></td><td>
+</tr>
+<tr>
+<td>
+RowSpan and ColumnSpan<br/><br/></td><td>
+No<br/><br/></td><td>
+</tr>
+<tr>
+<td>
+Nested table<br/><br/></td><td>
+No<br/><br/></td><td>
+</tr>
+<tr>
+<td>
+Cell Padding and Spacing<br/><br/></td><td>
+No<br/><br/></td><td>
+</tr>
+</tbody>
+</table>
+
+Page Level Operations:
+
+<table>
+<thead>
+<tr>
+<th>
+Features<br/><br/></th><th>
+EJ2<br/><br/></th><th>
+</thead>
+<tbody>
+<tr>
+<td>
+Headers and Footers<br/><br/></td><td>
+No<br/><br/></td><td>
+<tr>
+<td>
+Page Label<br/><br/></td><td>
+No<br/><br/></td><td>
+<tr>
+<td>
+Automatic Fields<br/><br/></td><td>
+No<br/><br/></td><td>
+</tbody>
+</table>
+
+Interactive Elements:
+
+<table>
+<thead>
+<tr>
+<th>
+Features<br/><br/></th><th>
+EJ2<br/><br/></th><th>
+</thead>
+<tbody>
+<tr>
+<td>
+3D-Annotation<br/><br/></td><td>
+No<br/><br/></td><td>
+</tr>
+<tr>
+<td>
+Measurement Annotations<br/><br/></td><td>
+Yes<br/><br/></td><td>
+</tr>
+<tr>
+<td>
+Action<br/><br/></td><td>
+No<br/><br/></td><td>
+</tr>
+<tr>
+<td>
+Attachment<br/><br/></td><td>
+No<br/><br/></td><td>
+</tr>
+<tr>
+<td>
+Bookmark<br/><br/></td><td>
+Yes<br/><br/></td><td>
+</tr>
+<tr>
+<td>
+Hyperlink<br/><br/></td><td>
+Yes<br/><br/></td><td>
+</tr>
+<tr>
+<td>
+Portfolio<br/><br/></td><td>
+No<br/><br/></td><td>
+</tr>
+<tr>
+<td>
+Import Annotation Data<br/><br/></td><td>
+Yes<br/><br/></td><td>
+</tr>
+<tr>
+<td>
+Export Annotation Data<br/><br/></td><td>
+Yes<br/><br/></td><td>
+</tr>
+</tbody>
+</table>
+
+Security:
+
+<table>
+<thead>
+<tr>
+<th>
+Features<br/><br/></th><th>
+EJ2<br/><br/></th><th>
+</thead>
+<tbody>
+<tr>
+<td>
+Digital Signature<br/><br/></td><td>
+Yes<br/><br/></td><td>
+<tr>
+<td>
+Digital Signature with LTV<br/><br/></td><td>
+No<br/><br/></td><td>
+<tr>
+<td>
+Validate Digital Signature<br/><br/></td><td>
+No<br/><br/></td><td>
+<tr>
+<td>
+Encryption and Decryption<br/><br/></td><td>
+No<br/><br/></td><td>
+<tr>
+<td>
+Redaction<br/><br/></td><td>
+Yes<br/><br/></td><td>
+</tbody>
+</table>
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Library/javascript/Templates.md b/Document-Processing/PDF/PDF-Library/javascript/Templates.md
new file mode 100644
index 000000000..e33d2fef8
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Library/javascript/Templates.md
@@ -0,0 +1,72 @@
+---
+title: Templates in TypeScript PDF library | Syncfusion
+description: This section explains how to create a PDF template, which is a drawing surface where contents can be added, by using the TypeScript PDF library
+platform: document-processing
+control: PDF
+documentation: UG
+---
+# Templates in TypeScript PDF library
+
+A PDF template is a drawing surface, where contents can be added. All the elements that can be added to a PdfPage is supported in PdfTemplate as well. The template in turn can be drawn over the page or can be positioned at any part of the page.
+
+## Creating a new PDF template
+
+This example demonstrates how to create a new PDF template using the `PdfTemplate` class. A PDF template allows you to define reusable graphics or content that can be drawn on multiple pages or annotations within a PDF document.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import { PdfDocument, PdfPage, PdfRubberStampAnnotation, PdfTemplate, PdfImage, PdfBitmap } from '@syncfusion/ej2-pdf';
+
+    // Create a new PDF document
+    let document: PdfDocument = new PdfDocument();
+    // Add a page
+    let page: PdfPage = document.addPage();
+    // Create a new rubber stamp annotation
+    let annotation: PdfRubberStampAnnotation = new PdfRubberStampAnnotation ({x: 50, y: 100, width: 100, height: 50});
+    // Get the normal appearance of the annotation
+    let normalAppearance: PdfTemplate = annotation.appearance.normal;
+    // Create new image object by using JPEG image data as Base64 string format
+    let image: PdfImage = new PdfBitmap('/9j/4AAQSkZJRgABAQEAkACQAAD/4....QB//Z');
+    // Draw the image as the custom appearance for the annotation
+    normalAppearance.graphics.drawImage(image, {x: 10, y: 20});
+    // Add annotation to the page
+    page.annotations.add(annotation);
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+## Creating templates from existing PDF document
+
+This example demonstrates how to create templates from an existing PDF document using the `PdfTemplate` class. A PDF template allows you to extract and reuse content from a PDF page or annotation, enabling consistent design and repeated elements across multiple pages.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import { PdfDocument, PdfPage, PdfRubberStampAnnotation, PdfTemplate, PdfImage, PdfBitmap } from '@syncfusion/ej2-pdf';
+
+    // Load an existing PDF document
+    let document: PdfDocument = new PdfDocument(data, password);
+    // Get the first page
+    let page: PdfPage = document.getPage(0) as PdfPage;
+    // Create a new rubber stamp annotation
+    let annotation: PdfRubberStampAnnotation = new PdfRubberStampAnnotation ({x: 50, y: 100, width: 100, height: 50});
+    // Get the normal appearance of the annotation
+    let normalAppearance: PdfTemplate = annotation.appearance.normal;
+    // Create new image object by using JPEG image data as Base64 string format
+    let image: PdfImage = new PdfBitmap('/9j/4AAQSkZJRgABAQEAkACQAAD/4....QB//Z');
+    // Draw the image as the custom appearance for the annotation
+    normalAppearance.graphics.drawImage(image, {x: 10, y: 20});
+    // Add annotation to the page
+    page.annotations.add(annotation);
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Library/javascript/Text-Extraction.md b/Document-Processing/PDF/PDF-Library/javascript/Text-Extraction.md
new file mode 100644
index 000000000..c4e459ed7
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Library/javascript/Text-Extraction.md
@@ -0,0 +1,210 @@
+---
+title: Text Extraction in TypeScript PDF library | Syncfusion
+description: This section explains how to extract text and its bounds from a specific page or the entire PDF document by using the TypeScript PDF library
+platform: document-processing
+control: PDF
+documentation: UG
+---
+# Text Extraction in TypeScript PDF library
+
+Essential<sup>&reg;</sup> PDF allows you to extract the text from a particular page or the entire PDF document. 
+
+## Working with basic text extraction
+
+This example demonstrates how to extract text from a PDF page using the `PdfDataExtractor` class. Basic text extraction allows retrieving plain text content from a PDF document.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import { PdfDocument, string, PdfDataExtractor } from '@syncfusion/ej2-pdf';
+
+    // Load an existing PDF document
+    let document: PdfDocument = new PdfDocument(data, password);
+    // Initialize a new instance of the `PdfDataExtractor` class
+    let extractor: PdfDataExtractor = new PdfDataExtractor(document);
+    // Extract text content from the PDF document.
+    let text: string = extractor.extractText();
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+## Extract Text from Specific Page Range in a PDF Document
+
+This example demonstrates how to extract text from a PDF document by specifying a start and end page number. This approach allows you to retrieve text content from a defined range of pages for processing or analysis.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import { PdfDocument, string, PdfDataExtractor } from '@syncfusion/ej2-pdf';
+
+    // Load an existing PDF document
+    let document: PdfDocument = new PdfDocument(data, password);
+    // Initialize a new instance of the `PdfDataExtractor` class
+    let extractor: PdfDataExtractor = new PdfDataExtractor(document);
+    // Extract text content from the PDF document.
+    let text: string = extractor.extractText({ startPageIndex: 0, endPageIndex: document.pageCount - 1 });
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+## Working with layout based text extraction
+
+This example demonstrates how to extract text from a PDF page using the `PdfDataExtractor` class with layout-based options.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import { PdfDocument, string, PdfDataExtractor } from '@syncfusion/ej2-pdf';
+
+    // Load an existing PDF document
+    let document: PdfDocument = new PdfDocument(data, password);
+    // Initialize a new instance of the `PdfDataExtractor` class
+    let extractor: PdfDataExtractor = new PdfDataExtractor(document);
+    // Extracts text from the PDF Page based on its layout
+    let text: string = extractor.extractText({isLayout: true});
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+N> Layout based text extraction may take additional processing time when compared to the normal extraction mode.
+
+## Text Extraction with Bounds
+
+### Working with Lines
+
+This example demonstrates how to extract text from a PDF page based on individual lines using the `extractTextLines` method. This approach provides a collection of `TextLine` objects, allowing precise access to text content line by line.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import { PdfDocument, TextLine, PdfDataExtractor } from '@syncfusion/ej2-pdf';
+
+    // Load an existing PDF document
+    let document: PdfDocument = new PdfDocument(data, password);
+    // Initialize a new instance of the `PdfDataExtractor` class
+    let extractor: PdfDataExtractor = new PdfDataExtractor(document);
+    // Extracts text from the PDF Page based on its line
+    let textCollection: TextLine[] = extractor.extractTextLines({ startPageIndex: 0, endPageIndex: document.pageCount - 1});
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+### Working with words
+
+This example demonstrates how to extract words from a PDF document using the `extractTextLines` method. Each line contains a collection of `TextWord` objects. 
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import { PdfDocument, TextLine, TextWord, PdfDataExtractor, TextGlyph } from '@syncfusion/ej2-pdf';
+
+    // Load an existing PDF document
+    let document: PdfDocument = new PdfDocument(data, password);
+    // Create a PdfDataExtractor instance for the given PDF document
+    let extractor: PdfDataExtractor = new PdfDataExtractor(document);
+    // Extract text lines from all pages in the document
+    let textCollection: TextLine[] = extractor.extractTextLines({
+      startPageIndex: 0,
+      endPageIndex: document.pageCount - 1
+    });
+    let page: PdfPage;
+    // Iterate through each extracted text line
+    for (let i: number = 0; i < textCollection.length; i++) {
+    // Get the page corresponding to the current text line
+    page = document.getPage(textCollection[i].pageIndex);
+    // Retrieve all words from the current text line
+    let wordCollection: TextWord[] = textCollection[i].words;
+    // Iterate through each word in the line
+    for (let j: number = 0; j < wordCollection.length; j++) {
+        let word: TextWord = wordCollection[j];
+        if (word) {
+            // Iterate through each glyph (character shape) in the word
+            for (let k: number = 0; k < word.glyphs.length; k++) {
+                let glyph: TextGlyph = word.glyphs[k];
+                // Draw a rectangle around the glyph's bounding box on the page
+                page.graphics.drawRectangle(
+                    glyph.bounds[0], // X-coordinate
+                    glyph.bounds[1], // Y-coordinate
+                    glyph.bounds[2], // Width
+                    glyph.bounds[3], // Height
+                    new PdfPen([238, 130, 238], 1) // Violet-colored pen with thickness 1
+                );
+            }
+        }
+    }
+  }
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+### Working with characters
+
+This example demonstrates how to access individual characters from a PDF document using the `TextGlyph` class. 
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import { PdfDocument, TextLine, TextWord, PdfDataExtractor, TextGlyph } from '@syncfusion/ej2-pdf';
+
+    // Load an existing PDF document
+    let document: PdfDocument = new PdfDocument(data, password);
+    // Create a PdfDataExtractor instance for the given PDF document
+    let extractor: PdfDataExtractor = new PdfDataExtractor(document);
+    // Extract text lines from all pages in the document
+    let textCollection: TextLine[] = extractor.extractTextLines({
+      startPageIndex: 0,
+      endPageIndex: document.pageCount - 1
+    });
+    let page: PdfPage;
+    // Iterate through each extracted text line
+    for (let i: number = 0; i < textCollection.length; i++) {
+    // Get the page corresponding to the current text line
+    page = document.getPage(textCollection[i].pageIndex);
+    // Retrieve all words from the current text line
+    let wordCollection: TextWord[] = textCollection[i].words;
+    // Iterate through each word in the line
+    for (let j: number = 0; j < wordCollection.length; j++) {
+        let word: TextWord = wordCollection[j];
+        if (word) {
+            // Iterate through each glyph (character shape) in the word
+            for (let k: number = 0; k < word.glyphs.length; k++) {
+                let glyph: TextGlyph = word.glyphs[k];
+                // Draw a rectangle around the glyph's bounding box on the page
+                page.graphics.drawRectangle(
+                    glyph.bounds[0], // X-coordinate
+                    glyph.bounds[1], // Y-coordinate
+                    glyph.bounds[2], // Width
+                    glyph.bounds[3], // Height
+                    new PdfPen([238, 130, 238], 1) // Violet-colored pen with thickness 1
+                );
+            }
+        }
+    }
+  }
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Library/javascript/Text.md b/Document-Processing/PDF/PDF-Library/javascript/Text.md
new file mode 100644
index 000000000..3df81b037
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Library/javascript/Text.md
@@ -0,0 +1,266 @@
+---
+title: Text in TypeScript PDF library | Syncfusion
+description: This section explains how to add text to a PDF by using different types of fonts, including TrueType fonts and standard fonts, with the TypeScript PDF library
+platform: document-processing
+control: PDF
+documentation: UG
+---
+# Text in TypeScript PDF library
+
+Essential<sup>&reg;</sup> PDF provides support to add and format text in PDF documents using various font types, including TrueType and standard fonts, enabling precise control over text appearance and layout.
+
+## Drawing text in a new document
+
+This example demonstrates how to draw text in a new PDF document using the `drawString` method of the `PdfGraphics` class. The method allows you to specify the text content, font, brush, and position to render the text on a page within the document.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import { PdfDocument, PdfPage, PdfStandardFont, PdfFontFamily, PdfFontStyle, PdfBrush } from '@syncfusion/ej2-pdf';
+
+    // Create a PDF document
+    let document: PdfDocument = new PdfDocument();
+    // Add a page
+    let page: PdfPage = document.addPage();
+    // Get graphics from the page
+    let graphics: PdfGraphics = page.graphics;
+    // Set font
+    let font: PdfStandardFont = document.embedFont(PdfFontFamily.helvetica, 10, PdfFontStyle.regular);
+    // Draw text
+    graphics.drawString('Hello World', font, {x: 10, y: 20, width: 100, height: 200}, new PdfBrush({r: 0, g: 0, b: 255}));
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+N>  Due to the inherent limitations of the PDF specification and the rendering capabilities of PDF libraries, emojis with skin tone modifiers are not supported in generated PDF documents. Only the base versions of emojis can be displayed. This limitation is common across most PDF libraries, as the PDF format does not explicitly support rendering skin tone variations in emojis.
+
+## The importance of saving and restoring graphics state in PDF content rendering
+
+This example demonstrates the importance of saving and restoring the graphics state when rendering PDF content using the `save` and `restore` methods of the `PdfGraphics` class. These methods ensure that any transformations, such as scaling, rotation, or color changes, applied to the graphics context do not affect subsequent drawing operations, maintaining consistent layout and design.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import { PdfDocument, PdfPage, PdfStandardFont, PdfFontFamily, PdfFontStyle, PdfBrush } from '@syncfusion/ej2-pdf';
+
+    // Create a new PDF document
+    let document: PdfDocument = new PdfDocument();
+    // Add a page
+    let page: PdfPage = document.addPage();
+    // Get graphics from the page
+    let graphics: PdfGraphics = page.graphics;
+    // Save the current graphics state and apply transformations
+    graphics.save();
+    graphics.translateTransform({x: 100, y: 50});
+    graphics.rotateTransform(45);
+    // Set font
+    let font: PdfStandardFont = document.embedFont(PdfFontFamily.helvetica, 10, PdfFontStyle.regular);
+    // Draw text
+    graphics.drawString('Hello World', font, {x: 10, y: 20, width: 100, height: 200}, new PdfBrush({r: 0, g: 0, b: 255}));
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+## Drawing text in an existing document
+
+This example demonstrates how to draw text in an existing PDF document using the `drawString` method of the `PdfGraphics` class. The method allows you to specify the text content, font, brush, and position to render the text on a selected page within the document.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import { PdfDocument, PdfPage, PdfStandardFont, PdfFontFamily, PdfFontStyle, PdfBrush } from '@syncfusion/ej2-pdf';
+
+    // Load an existing PDF document
+    let document: PdfDocument = new PdfDocument(data, password);
+    // Access first page
+    let page: PdfPage = document.getPage(0);
+    // Set font
+    let font: PdfStandardFont = document.embedFont(PdfFontFamily.helvetica, 10, PdfFontStyle.regular);
+    // Draw text
+    page.graphics.drawString('Hello World', font, {x: 10, y: 20, width: 100, height: 200}, new PdfBrush({r: 0, g: 0, b: 255}));
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+## Drawing text using different fonts
+
+Essential<sup>&reg;</sup> PDF allows you to add text to the PDF document using the following types of fonts.
+
+1. Standard fonts
+2. TrueType fonts
+3. Chinese, Japanese and Korean (CJK) fonts
+
+### Draw text using standard fonts
+
+This example demonstrates how to draw text using standard fonts in a PDF document by utilizing the `drawString` method of the `PdfGraphics` class along with predefined font types from the `PdfStandardFont` class. Standard fonts such as Helvetica, TimesRoman, or Courier can be specified to render text with consistent and widely supported typography.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import { PdfDocument, PdfPage, PdfStandardFont, PdfFontFamily, PdfFontStyle, PdfBrush } from '@syncfusion/ej2-pdf';
+
+    // Create a new PDF document
+    let document: PdfDocument = new PdfDocument();
+    // Add a page
+    let page: PdfPage = document.addPage();
+    // Set font
+    let font: PdfStandardFont = new PdfStandardFont(PdfFontFamily.helvetica, 10);
+    // Draw text
+    page.graphics.drawString('Hello World', font, {x: 10, y: 20, width: 100, height: 200}, new PdfBrush({r: 0, g: 0, b: 255}));
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+### Draw Text using TrueType fonts
+
+This example demonstrates how to draw text using TrueType fonts in a PDF document by utilizing the `drawString` method of the `PdfGraphics` class along with a `PdfTrueTypeFont` instance. The TrueType font provides enhanced text rendering with support for custom font styles.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import { PdfDocument, PdfPage, PdfTrueTypeFont, PdfBrush } from '@syncfusion/ej2-pdf';
+
+    // Create a new PDF document
+    let document: PdfDocument = new PdfDocument();
+    // Add a page
+    let page: PdfPage = document.addPage();
+    // Set font
+    let font: PdfTrueTypeFont = new PdfTrueTypeFont('Arial.ttf', 10);
+    // Draw text
+    page.graphics.drawString('Hello World', font, {x: 10, y: 20, width: 100, height: 200}, new PdfBrush({r: 0, g: 0, b: 255}));
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+### Draw text using CJK fonts
+
+This example demonstrates how to draw text using fonts in a PDF document by utilizing the `drawString` method of the `PdfGraphics` class along with a `PdfCjkStandardFont` instance. CJK fonts provide support for Chinese, Japanese, and Korean characters, ensuring accurate rendering of multilingual text in the document.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import { PdfDocument, PdfPage, PdfCjkStandardFont, PdfBrush } from '@syncfusion/ej2-pdf';
+
+    // Create a new PDF document
+    let document: PdfDocument = new PdfDocument();
+    // Add a page
+    let page: PdfPage = document.addPage();
+    // Set font
+    let font: PdfCjkStandardFont = new PdfCjkStandardFont(PdfCjkFontFamily.heiseiMinchoW3, 10);
+    // Draw text
+    page.graphics.drawString('こんにちは世界', font, {x: 10, y: 20, width: 100, height: 200}, new PdfBrush({r: 0, g: 0, b: 255}));
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+## Drawing text using OpenType font
+
+This example demonstrates how to draw text using an OpenType font in a PDF document by utilizing the `drawString` method of the `PdfGraphics` class along with a `PdfTrueTypeFont` instance. OpenType fonts provide advanced typographic features and support for a wide range of characters.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import { PdfDocument, PdfPage, PdfTrueTypeFont, PdfBrush } from '@syncfusion/ej2-pdf';
+
+    // Create a new PDF document
+    let document: PdfDocument = new PdfDocument();
+    // Add a page
+    let page: PdfPage = document.addPage();
+    // Set font
+    let font: PdfTrueTypeFont = new PdfTrueTypeFont("Arial.otf", 10);
+    // Draw text
+    page.graphics.drawString('Syncfusion Essential PDF library used to create, read, and edit PDF files in any application', font, {x: 10, y: 20, width: 100, height: 200}, new PdfBrush({r: 0, g: 0, b: 255}));
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+## Drawing text using different text alignment
+
+This example demonstrates how to draw text in a PDF document using different text alignment options by utilizing the `PdfStringFormat` class. The alignment can be set through the alignment property, which supports values such as Left, Center, and Right, allowing precise control over the positioning of text within the page or a defined rectangle.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import { PdfDocument, PdfPage, PdfStandardFont, PdfStringFormat, PdfFontFamily, PdfFontStyle, PdfBrush } from '@syncfusion/ej2-pdf';
+
+    // Create a new PDF document
+    let document: PdfDocument = new PdfDocument();
+    // Add a page
+    let page: PdfPage = document.addPage();
+    // Create a string format object to define text layout
+    let format = new PdfStringFormat();
+    format.alignment = PdfTextAlignment.right; // Align text to the right
+    format.wordSpacing = 2;                    // Set word spacing
+    format.characterSpacing = 1;               // Set character spacing
+    // Set font
+    let font: PdfStandardFont = document.embedFont(PdfFontFamily.helvetica, 10, PdfFontStyle.regular);
+    // Draw text
+    page.graphics.drawString('Syncfusion Essential PDF library', font, {x: 10, y: 20, width: 100, height: 200}, new PdfBrush({r: 0, g: 0, b: 255}));
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+## LineLimit, ClipPath, NoClip properties in PdfStringFormat
+
+**LineLimit:** When LineLimit is enabled, the provided string will be laid out within the specified bounds. If the LineLimit property is disabled, the layout will continue to fill any remaining space. The default value of the LineLimit property is true.
+
+**NoClip:** If we enable the NoClip option, it will show the text without cutting any words. If we disable the NoClip option, any text outside the fitting area will be hidden.
+
+{% tabs %}
+{% highlight c# tabtitle="TypeScript" %}
+
+    import { PdfDocument, PdfPage, PdfStandardFont, PdfStringFormat, PdfFontFamily, PdfFontStyle, PdfBrush } from '@syncfusion/ej2-pdf';
+
+    // Create a new PDF document
+    let document: PdfDocument = new PdfDocument();
+    // Add a page
+    let page: PdfPage = document.addPage();
+    // Set font
+    let font: PdfStandardFont = document.embedFont(PdfFontFamily.helvetica, 10, PdfFontStyle.regular);
+    // Create a new PdfStringFormat and set its properties
+    let format: PdfStringFormat = new PdfStringFormat();
+    // Set no clip
+    format.noClip = true;
+    // Set line limit
+    format.lineLimit = false;
+    // Draw text
+    page.graphics.drawString('Hello World', font, {x: 10, y: 20, width: 100, height: 200}, new PdfBrush({r: 0, g: 0, b: 255}));
+    // Save the document
+    document.save('Output.pdf');
+    // Close the document
+    document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/Redaction/mobile-view.md b/Document-Processing/PDF/PDF-Viewer/angular/Redaction/mobile-view.md
new file mode 100644
index 000000000..d40b7a35e
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/angular/Redaction/mobile-view.md
@@ -0,0 +1,235 @@
+---
+layout: post
+title: Redaction in mobile view in Angular PDF Viewer | Syncfusion
+description: Learn how to apply redactions in mobile view using the Syncfusion Angular PDF Viewer with a complete toolbar setup and redaction workflow.
+platform: document-processing
+control: PdfViewer
+documentation: ug
+---
+
+# Redaction in Mobile View in Angular PdfViewer Component
+
+The Redaction Tool enables users to permanently mark and remove sensitive content from PDF documents in mobile view using the Angular PdfViewer component. This feature is optimized for touch interactions and provides a streamlined redaction workflow specifically designed for mobile devices.
+
+![Redaction in Mobile View](./redaction-annotations-images/redaction-mobile-view.png)
+
+N> In mobile view, the redaction toolbar appears at the bottom of the viewer for easy thumb access. Mobile layout activates automatically on small screens.
+
+## Adding Redaction in Mobile View
+
+To enable redaction functionality in your Angular application, configure the PDF Viewer with the following setup:
+
+{% tabs %}
+{% highlight ts tabtitle="Standalone" %}
+
+import { Component, ViewChild } from '@angular/core';
+import {
+  PdfViewerComponent,
+  ToolbarSettingsModel,
+  LinkAnnotationService,
+  BookmarkViewService,
+  MagnificationService,
+  ThumbnailViewService,
+  ToolbarService,
+  NavigationService,
+  AnnotationService,
+  TextSearchService,
+  TextSelectionService,
+  PrintService,
+  FormFieldsService,
+  FormDesignerService,
+  PageOrganizerService
+} from '@syncfusion/ej2-angular-pdfviewer';
+
+@Component({
+  selector: 'app-root',
+  template: `
+    <div class="content-wrapper">
+      <ejs-pdfviewer
+        #pdfviewer
+        id="pdfViewer"
+        [resourceUrl]="resourceUrl"
+        [documentPath]="documentPath"
+        [toolbarSettings]="toolbarSettings"
+        style="height:640px;display:block">
+      </ejs-pdfviewer>
+    </div>
+  `,
+  providers: [
+    LinkAnnotationService,
+    BookmarkViewService,
+    MagnificationService,
+    ThumbnailViewService,
+    ToolbarService,
+    NavigationService,
+    AnnotationService,
+    TextSearchService,
+    TextSelectionService,
+    PrintService,
+    FormFieldsService,
+    FormDesignerService,
+    PageOrganizerService
+  ]
+})
+export class AppComponent {
+  @ViewChild('pdfviewer', { static: true }) pdfViewer!: PdfViewerComponent;
+
+  // Standalone mode (CDN) – keep this version aligned with your package
+  public resourceUrl = 'https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib';
+  public documentPath = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
+
+  // Matches your JS toolbar configuration, with RedactionEditTool included
+  public toolbarSettings: ToolbarSettingsModel = {
+    toolbarItems: [
+      'OpenOption',
+      'UndoRedoTool',
+      'PageNavigationTool',
+      'MagnificationTool',
+      'PanTool',
+      'SelectionTool',
+      'CommentTool',
+      'SubmitForm',
+      'AnnotationEditTool',
+      'RedactionEditTool',   // Redaction entry in the primary toolbar
+      'FormDesignerEditTool',
+      'SearchOption',
+      'PrintOption',
+      'DownloadOption'
+    ]
+  };
+}
+
+{% endhighlight %}
+{% endtabs %}
+
+## Understanding Mobile Redaction Toolbar Tools
+
+When you enter redaction mode in mobile view, a specialized redaction toolbar appears with multiple tools optimized for touch interaction. Each tool serves a specific purpose in the redaction workflow.
+
+### Redaction Annotation Tool
+
+The Redaction Annotation tool is the primary redaction feature that allows you to draw redaction rectangles on specific content:
+
+Function: Creates visual redaction annotations that mark content for permanent removal
+Usage:
+Touch and drag to draw rectangular redaction overlays on any content area.
+
+Process:
+- Selected content appears with a customizable overlay (default black)
+- Annotations remain editable until explicitly applied
+- Can be repositioned or deleted before final application
+
+![Redaction Annotation Tool](./redaction-annotations-images/redaction-annotation-annot.png)
+
+### Page Redaction Tool
+
+The Page Redaction tool enables batch redaction of entire pages based on specific patterns.
+
+![Page Redaction Tool](./redaction-annotations-images/page-redaction-annot.png)
+
+Function: Redacts complete pages or page ranges with a single action
+Options Available:
+- Odd Pages: Redacts only odd-numbered pages (1, 3, 5, etc.)
+- Even Pages: Redacts only even-numbered pages (2, 4, 6, etc.)
+- Specific Page: Specify single pages, ranges (e.g., 1-5, 10-15), or comma-separated lists (e.g., 1,3,5-7)
+- Current Page: Redacts only the currently displayed page
+
+Usage:
+Select desired pattern → Review affected pages in the viewer → Confirm redaction scope
+
+![Page Redaction Tool Dialog](./redaction-annotations-images/page-redaction-dialog-annot.png)
+
+### Redaction Properties Tool
+
+The Redaction Properties tool allows customization of redaction appearance before application.
+
+![Redaction Properties Mobile View](./redaction-annotations-images/redaction-properties-annot.png)
+
+Function: Customize the visual appearance of redaction overlays and text replacement
+Customizable Properties:
+- Fill Color: Change the redaction overlay color (default: black)
+- Outline Color: Set outline color for redaction boxes (optional)
+- Overlay Text: Add custom text to appear on redacted areas (e.g., "REDACTED", "CONFIDENTIAL")
+- Text Color: Change overlay text color for better visibility
+- Text Font: Select font family for overlay text
+- Text Alignment: Position overlay text within redaction boxes
+- Text Size: Adjust overlay text size relative to redaction area
+
+![Redaction Properties Dialog Mobile View](./redaction-annotations-images/redaction-properties-dialog-annot.png)
+
+## Enabling Redaction Mode in Mobile View
+
+Step 1: Tap the Redaction button in the mobile toolbar to activate redaction mode. The redaction toolbar will appear at the bottom of the viewer.
+
+![Redaction toolbar displayed at bottom of mobile PDF viewer with three distinct tools](./redaction-annotations-images/redaction-mobile-view.png)
+
+Step 2: From the redaction toolbar, select your desired redaction tool:
+- First Tool (Redaction Annotation): For selective content redaction
+- Second Tool (Page Redaction): For page-wide or pattern-based redaction
+- Third Tool (Redaction Properties): For appearance customization
+
+Step 3: Configure your redaction parameters using the selected tool interface.
+
+## Applying Different Redaction Types in Mobile View
+
+### Selective Content Redaction
+1. Select Redaction Annotation tool (first button)
+2. Choose Content: Tap and drag over text or draw rectangular areas
+3. Preview: Check redaction overlays for accuracy
+4. Apply: Tap "Apply Redactions" button
+
+### Page-Wide Redaction
+1. Select Page Redaction tool (second button)
+2. Choose Pattern: Select odd pages, even pages, or custom range
+3. Review: Verify affected pages in the viewer
+4. Apply: Confirm page redaction scope and apply
+
+### Custom Appearance Redaction
+1. Select Redaction Properties tool (third button)
+2. Customize: Adjust colors, overlay text, and formatting
+3. Preview: See changes applied to existing annotations
+4. Apply: Use customized appearance for final redaction
+
+## Applying Redactions in Mobile View
+
+N> Applying redactions is permanent. After applying, the underlying content and text are removed from the document and cannot be recovered.
+
+Once you have configured redactions using any combination of tools.
+
+Step 1: Review all redaction marks and configurations.
+
+![Review Redaction Annotation](./redaction-annotations-images/review-redaction-annotation-mv-annot.png)
+
+Step 2: Tap the Apply Redactions button in the redaction toolbar
+
+![Apply Redaction Button](./redaction-annotations-images/apply-redaction-button-mv.png)
+
+Step 3: Confirm the action when prompted - this operation is permanent and cannot be undone
+
+![Apply Redaction Dialog](./redaction-annotations-images/apply-redaction-dialog-mv-annot.png)
+
+The selected content will be permanently removed and replaced according to your redaction properties (solid color blocks or custom overlay text).
+
+![Applied Redaction](./redaction-annotations-images/applied-redaction-annot.png)
+
+## Removing Redaction Annotations
+
+To remove existing redaction annotations before they are applied:
+
+- Step 1: Tap the Redaction Edit button in the mobile toolbar to enter annotation editing mode
+- Step 2: Tap on any existing redaction annotation you wish to remove
+- Step 3: Select Delete from the context menu that appears
+
+Alternative: Tap redaction annotation → Use delete button in annotation properties panel
+
+![Delete Redaction Annotation](./redaction-annotations-images/delete-redaction-annotation-annot.png)
+
+N> Once redactions have been applied to the document, they become part of the PDF content and cannot be removed or modified.
+
+## See Also
+
+* [Redaction Overview](./overview)
+* [UI Interaction](./ui-interaction)
+* [Programmatic Support in Redaction](./programmatic-support)
+* [Toolbar](./toolbar)
+* [Search Text and Redact](./search-redact)
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/Redaction/overview.md b/Document-Processing/PDF/PDF-Viewer/angular/Redaction/overview.md
new file mode 100644
index 000000000..e0fbcc84b
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/angular/Redaction/overview.md
@@ -0,0 +1,166 @@
+---
+layout: post
+title: Redaction annotation in Angular PDF Viewer | Syncfusion
+description: Learn how to hide sensitive information with interactive and programmatic redaction using the Syncfusion Angular PDF Viewer.
+platform: document-processing
+control: PDF Viewer
+documentation: ug
+domainurl: ##DomainURL##
+---
+
+# Redaction in Angular PdfViewer
+
+Redaction annotations are used to hide confidential or sensitive information in a PDF. The Syncfusion Angular PDF Viewer (EJ2) lets you mark areas or entire pages for redaction, customize their appearance, and permanently apply them with a single action.
+
+## Enable the redaction toolbar
+
+To enable the redaction toolbar, configure the `toolbarSettings.toolbarItems` property of the PdfViewer instance to include the **RedactionEditTool**.
+
+The following example shows how to enable the redaction toolbar:
+
+{% tabs %}
+{% highlight ts tabtitle="Standalone" %}
+
+import { Component, ViewChild } from '@angular/core';
+import {
+  PdfViewerComponent,
+  LinkAnnotationService,
+  BookmarkViewService,
+  MagnificationService,
+  ThumbnailViewService,
+  ToolbarService,
+  NavigationService,
+  AnnotationService,
+  TextSearchService,
+  TextSelectionService,
+  PrintService,
+  FormFieldsService,
+  FormDesignerService,
+  PageOrganizerService,
+  ToolbarSettingsModel
+} from '@syncfusion/ej2-angular-pdfviewer';
+
+@Component({
+  selector: 'app-root',
+  template: `
+    <div class="content-wrapper">
+      <ejs-pdfviewer
+        #pdfviewer
+        id="pdfViewer"
+        [resourceUrl]="resourceUrl"
+        [documentPath]="documentPath"
+        [toolbarSettings]="toolbarSettings"
+        style="height:640px;display:block">
+      </ejs-pdfviewer>
+    </div>
+  `,
+  providers: [
+    LinkAnnotationService,
+    BookmarkViewService,
+    MagnificationService,
+    ThumbnailViewService,
+    ToolbarService,
+    NavigationService,
+    AnnotationService,
+    TextSearchService,
+    TextSelectionService,
+    PrintService,
+    FormFieldsService,
+    FormDesignerService,
+    PageOrganizerService
+  ]
+})
+export class AppComponent {
+  @ViewChild('pdfviewer', { static: true }) pdfViewer!: PdfViewerComponent;
+
+  // Standalone mode (CDN) – keep this version aligned with your package
+  public resourceUrl = 'https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib';
+  public documentPath = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
+
+  // Matches your JS toolbar configuration, with RedactionEditTool included
+  public toolbarSettings: ToolbarSettingsModel = {
+    toolbarItems: [
+      'OpenOption',
+      'UndoRedoTool',
+      'PageNavigationTool',
+      'MagnificationTool',
+      'PanTool',
+      'SelectionTool',
+      'CommentTool',
+      'SubmitForm',
+      'AnnotationEditTool',
+      'RedactionEditTool',   // Redaction entry in the primary toolbar
+      'FormDesignerEditTool',
+      'SearchOption',
+      'PrintOption',
+      'DownloadOption'
+    ]
+  };
+}
+
+{% endhighlight %}
+{% endtabs %}
+
+N> Prerequisites: Add the PdfViewer control to your Angular application and ensure the redaction feature is available in the version you are using. Once applied, redaction permanently removes the selected content.
+
+![Toolbar with the Redaction tool highlighted](redaction-annotations-images/redaction-icon-toolbar.png)
+
+## Add Redaction Annotations
+
+You can mark specific content for redaction using the toolbar or through code.  
+
+Select the **Redaction tool** and draw over the text or graphics you want to hide. You can also add overlay text (such as “Confidential”) and adjust the style — fill color, border color, and opacity.
+
+![Drawing a redaction region over page content](redaction-annotations-images/adding-redaction-annotation.png)
+
+## Delete Redaction Annotations
+
+Redaction annotations can be removed easily:
+
+- Click the **Delete** button on the toolbar, or  
+- Select the annotation and press the **Delete** key.
+
+![Toolbar showing the Delete command for redaction](redaction-annotations-images/redaction-delete-icon.png)
+
+## Redact Entire Pages
+
+The viewer allows you to redact whole pages that contain sensitive information. You can choose specific pages, page ranges, or redact all pages using the built‑in dialog, or perform the same action programmatically.
+
+![Toolbar showing the Redact Page option](redaction-annotations-images/redact-page-icon.png)
+
+## Apply Redaction
+
+Once annotations are added, you can permanently apply them to the document. This action cannot be undone.  
+
+Use the **Apply Redaction** button on the toolbar or call the API method:
+
+- The button is disabled until at least one redaction annotation exists.  
+- It becomes active when redaction annotations are present.
+
+![Toolbar showing the Apply Redaction button](redaction-annotations-images/redact-button-icon.png)
+
+A confirmation dialog appears before applying redaction to ensure you acknowledge the irreversible nature of the process.
+
+![Confirmation dialog for applying redaction](redaction-annotations-images/apply-redaction-dialog.png)
+
+N> After redaction is applied, the original content cannot be recovered.
+
+## Comment Support
+
+Redaction annotations can include comments using the built‑in comment panel. This helps you add notes, track reviews, or record the reason for redaction.  
+
+Comments can be added through the UI or API. For more details, see the [Comments documentation](../annotations/comments).
+
+## Import and Export Redaction Annotations
+
+You can save and reload redaction annotations by exporting and importing them in JSON format. This makes it easy to persist annotations or share them across sessions.
+
+For more details, see the [Export and import annotations documentation](../how-to/import-export-annotation).
+
+## See also
+
+* [Redaction UI interactions](./ui-interaction)
+* [Redaction Programmatic support](./programmatic-support)
+* [Redaction Toolbar](./toolbar)
+* [Redaction Mobile view](./mobile-view)
+* [Search Text and Redact](./search-redact)
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/Redaction/programmatic-support.md b/Document-Processing/PDF/PDF-Viewer/angular/Redaction/programmatic-support.md
new file mode 100644
index 000000000..f0ac83335
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/angular/Redaction/programmatic-support.md
@@ -0,0 +1,702 @@
+---
+layout: post
+title: Redaction Programmatic support in Angular PDF Viewer | Syncfusion
+description: Learn how to add, delete, update, and apply redaction annotations programmatically in the Syncfusion Angular PDF Viewer.
+platform: document-processing
+control: PdfViewer
+documentation: ug
+---
+
+# Programmatic support for redaction in Angular PdfViewer
+
+The Syncfusion Angular PDF Viewer provides APIs to add, update, delete, and apply redaction annotations programmatically. You can also redact entire pages, configure default properties, and work with the redaction property panel.
+
+## Enable the redaction toolbar
+
+To enable the redaction toolbar, configure the `toolbarSettings.toolbarItems` property of the PdfViewer instance to include the **RedactionEditTool**.
+
+The following example shows how to enable the redaction toolbar:
+
+{% tabs %}
+{% highlight ts tabtitle="Standalone" %}
+
+import { Component, ViewChild } from '@angular/core';
+import {
+  PdfViewerComponent,
+  LinkAnnotationService,
+  BookmarkViewService,
+  MagnificationService,
+  ThumbnailViewService,
+  ToolbarService,
+  NavigationService,
+  AnnotationService,
+  TextSearchService,
+  TextSelectionService,
+  PrintService,
+  FormFieldsService,
+  FormDesignerService,
+  PageOrganizerService,
+  ToolbarSettingsModel
+} from '@syncfusion/ej2-angular-pdfviewer';
+
+@Component({
+  selector: 'app-root',
+  template: `
+    <div class="content-wrapper">
+      <ejs-pdfviewer
+        #pdfviewer
+        id="pdfViewer"
+        [resourceUrl]="resourceUrl"
+        [documentPath]="documentPath"
+        [toolbarSettings]="toolbarSettings"
+        style="height:640px;display:block">
+      </ejs-pdfviewer>
+    </div>
+  `,
+  providers: [
+    LinkAnnotationService,
+    BookmarkViewService,
+    MagnificationService,
+    ThumbnailViewService,
+    ToolbarService,
+    NavigationService,
+    AnnotationService,
+    TextSearchService,
+    TextSelectionService,
+    PrintService,
+    FormFieldsService,
+    FormDesignerService,
+    PageOrganizerService
+  ]
+})
+export class AppComponent {
+  @ViewChild('pdfviewer', { static: true }) pdfViewer!: PdfViewerComponent;
+
+  // Standalone mode (CDN) – keep this version aligned with your package
+  public resourceUrl = 'https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib';
+  public documentPath = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
+
+  // Matches your JS toolbar configuration, with RedactionEditTool included
+  public toolbarSettings: ToolbarSettingsModel = {
+    toolbarItems: [
+      'OpenOption',
+      'UndoRedoTool',
+      'PageNavigationTool',
+      'MagnificationTool',
+      'PanTool',
+      'SelectionTool',
+      'CommentTool',
+      'SubmitForm',
+      'AnnotationEditTool',
+      'RedactionEditTool',   // Redaction entry in the primary toolbar
+      'FormDesignerEditTool',
+      'SearchOption',
+      'PrintOption',
+      'DownloadOption'
+    ]
+  };
+}
+
+{% endhighlight %}
+{% endtabs %}
+
+## Add redaction annotations programmatically
+
+You can add redaction annotations to a PDF document using the `addAnnotation` method of the `annotation` module. You can listen to the `annotationAdd` event to track when annotations are added.
+
+{% tabs %}
+{% highlight ts tabtitle="Standalone" %}
+
+import { Component, ViewChild } from '@angular/core';
+import {
+  PdfViewerComponent,
+  LinkAnnotationService,
+  BookmarkViewService,
+  MagnificationService,
+  ThumbnailViewService,
+  ToolbarService,
+  NavigationService,
+  AnnotationService,
+  TextSearchService,
+  TextSelectionService,
+  PrintService,
+  FormFieldsService,
+  FormDesignerService,
+  PageOrganizerService,
+  ToolbarSettingsModel
+} from '@syncfusion/ej2-angular-pdfviewer';
+
+@Component({
+  selector: 'app-root',
+  // Inline template—kept minimal and close to your JS structure
+  template: `
+    <div class="content-wrapper">
+      <div style="margin-bottom:8px;display:flex;gap:8px;align-items:center;">
+        <button id="addRedactAnnot" type="button" (click)="addRedaction()">
+          Add Redaction Annotation
+        </button>
+      </div>
+      <ejs-pdfviewer
+        #pdfviewer
+        id="PdfViewer"
+        [documentPath]="document"
+        [resourceUrl]="resource"
+        [toolbarSettings]="toolbarSettings"
+        style="height:640px;display:block"
+        (annotationAdd)="onAnnotationAdd($event)">
+      </ejs-pdfviewer>
+    </div>
+  `,
+  providers: [
+    LinkAnnotationService,
+    BookmarkViewService,
+    MagnificationService,
+    ThumbnailViewService,
+    ToolbarService,
+    NavigationService,
+    AnnotationService,
+    TextSearchService,
+    TextSelectionService,
+    PrintService,
+    FormFieldsService,
+    FormDesignerService,
+    PageOrganizerService
+  ]
+})
+export class AppComponent {
+  @ViewChild('pdfviewer', { static: true }) pdfViewer!: PdfViewerComponent;
+
+  // Update these as needed
+  public document = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
+  public resource = 'https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib';
+
+  // Keep toolbar simple; include redaction edit tool if you want UI access too
+  public toolbarSettings: ToolbarSettingsModel = {
+    toolbarItems: [
+      'OpenOption',
+      'PageNavigationTool',
+      'MagnificationTool',
+      'PanTool',
+      'SelectionTool',
+      'AnnotationEditTool',
+      'RedactionEditTool',   // shows the redaction UI tool (optional)
+      'SearchOption',
+      'PrintOption',
+      'DownloadOption'
+    ]
+  };
+
+  addRedaction(): void {
+    if (!this.pdfViewer) { return; }
+
+    this.pdfViewer.annotation.addAnnotation('Redaction', {
+      bound: { x: 200, y: 480, width: 150, height: 75 },
+      pageNumber: 1,
+      markerFillColor: '#0000FF',
+      markerBorderColor: 'white',
+      fillColor: 'red',
+      overlayText: 'Confidential',
+      fontColor: 'yellow',
+      fontFamily: 'Times New Roman',
+      fontSize: 8,
+      beforeRedactionsApplied: false
+    } as any);
+  }
+
+  //You can listen to the annotationAdd event to track when annotations are added.
+  onAnnotationAdd(args: any): void {
+    console.log('Annotation added:', args);
+  }
+}
+
+{% endhighlight %}
+{% endtabs %}
+
+## Delete redaction annotations programmatically
+
+Redaction annotations can be removed using the `deleteAnnotationById` event or by selecting and deleting them through code.
+
+{% tabs %}
+{% highlight ts tabtitle="Standalone" %}
+
+import { Component, ViewChild } from '@angular/core';
+import {
+  PdfViewerComponent,
+  AnnotationService,
+  ToolbarService,
+  LinkAnnotationService,
+  BookmarkViewService,
+  MagnificationService,
+  ThumbnailViewService,
+  NavigationService,
+  TextSearchService,
+  TextSelectionService,
+  PrintService,
+  FormFieldsService,
+  FormDesignerService,
+  PageOrganizerService,
+  ToolbarSettingsModel
+} from '@syncfusion/ej2-angular-pdfviewer';
+
+@Component({
+  selector: 'app-root',
+  template: `
+    <div style="margin-bottom:8px;">
+      <button (click)="deleteAnnotationById()">Delete Annotation By Id</button>
+    </div>
+    <ejs-pdfviewer
+      #pdfviewer
+      id="PdfViewer"
+      [documentPath]="document"
+      [resourceUrl]="resource"
+      [toolbarSettings]="toolbarSettings"
+      style="height:640px;display:block">
+    </ejs-pdfviewer>
+  `,
+  providers: [
+    AnnotationService,
+    ToolbarService,
+    LinkAnnotationService,
+    BookmarkViewService,
+    MagnificationService,
+    ThumbnailViewService,
+    NavigationService,
+    TextSearchService,
+    TextSelectionService,
+    PrintService,
+    FormFieldsService,
+    FormDesignerService,
+    PageOrganizerService
+  ]
+})
+export class AppComponent {
+  @ViewChild('pdfviewer', { static: true }) pdfViewer!: PdfViewerComponent;
+
+  public document = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
+  public resource = 'https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib';
+  // Keep toolbar simple; include redaction edit tool if you want UI access too
+  public toolbarSettings: ToolbarSettingsModel = {
+    toolbarItems: [
+      'OpenOption',
+      'PageNavigationTool',
+      'MagnificationTool',
+      'PanTool',
+      'SelectionTool',
+      'AnnotationEditTool',
+      'RedactionEditTool',   // shows the redaction UI tool (optional)
+      'SearchOption',
+      'PrintOption',
+      'DownloadOption'
+    ]
+  };
+
+  deleteAnnotationById(): void {
+    this.pdfViewer.annotationModule.deleteAnnotationById(
+      (this.pdfViewer as any).annotationCollection[0].annotationId
+    );
+  }
+}
+
+{% endhighlight %}
+{% endtabs %}
+
+
+Alternatively, you can remove annotations by selecting them in the UI and pressing the **Delete** key.
+
+## Update redaction annotation properties programmatically
+
+You can update properties of an existing redaction annotation using the `editAnnotation` API. For example, to change overlay text or fill color:
+
+{% tabs %}
+{% highlight ts tabtitle="Standalone" %}
+
+import { Component, ViewChild } from '@angular/core';
+import {
+  PdfViewerComponent,
+  AnnotationService,
+  ToolbarService,
+  LinkAnnotationService,
+  BookmarkViewService,
+  MagnificationService,
+  ThumbnailViewService,
+  NavigationService,
+  TextSearchService,
+  TextSelectionService,
+  PrintService,
+  FormFieldsService,
+  FormDesignerService,
+  PageOrganizerService,
+  ToolbarSettingsModel
+} from '@syncfusion/ej2-angular-pdfviewer';
+
+@Component({
+  selector: 'app-root',
+  template: `
+    <div style="margin-bottom:8px; display:flex; gap:8px;">
+      <button id="editRedactAnnotation" (click)="editRedactAnnotation()">
+        Edit Redact Annotation
+      </button>
+    </div>
+    <ejs-pdfviewer
+      #pdfviewer
+      id="PdfViewer"
+      [documentPath]="document"
+      [resourceUrl]="resource"
+      [toolbarSettings]="toolbarSettings"
+      style="height:640px; display:block">
+    </ejs-pdfviewer>
+  `,
+  providers: [
+    AnnotationService,
+    ToolbarService,
+    LinkAnnotationService,
+    BookmarkViewService,
+    MagnificationService,
+    ThumbnailViewService,
+    NavigationService,
+    TextSearchService,
+    TextSelectionService,
+    PrintService,
+    FormFieldsService,
+    FormDesignerService,
+    PageOrganizerService
+  ]
+})
+export class AppComponent {
+  @ViewChild('pdfviewer', { static: true }) pdfViewer!: PdfViewerComponent;
+
+  public document = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
+  public resource = 'https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib';
+
+  public toolbarSettings: ToolbarSettingsModel = {
+    toolbarItems: [
+      'OpenOption',
+      'PageNavigationTool',
+      'MagnificationTool',
+      'PanTool',
+      'SelectionTool',
+      'AnnotationEditTool',
+      'RedactionEditTool',   // shows the redaction UI tool (optional)
+      'SearchOption',
+      'PrintOption',
+      'DownloadOption'
+    ]
+  };
+
+  //Edit RedactionAnnotation
+  editRedactAnnotation(): void {
+    const collection: any[] = (this.pdfViewer as any).annotationCollection;
+    for (let i = 0; i < collection.length; i++) {
+      if (collection[i].subject === 'Redaction') {
+        collection[i].overlayText = 'EditedAnnotation';
+        collection[i].markerFillColor = '#22FF00';
+        collection[i].markerBorderColor = '#000000';
+        collection[i].isRepeat = true;
+        collection[i].fillColor = '#F8F8F8';
+        collection[i].fontColor = '#333333';
+        collection[i].fontSize = 14;
+        collection[i].fontFamily = 'Symbol';
+        collection[i].textAlign = 'Right';
+        collection[i].beforeRedactionsApplied = false;
+
+        (this.pdfViewer as any).annotation.editAnnotation(collection[i]);
+      }
+    }
+  }
+}
+
+{% endhighlight %}
+{% endtabs %}
+
+## Add page redactions programmatically
+
+Entire pages can be marked for redaction using the `addPageRedactions` method:
+
+{% tabs %}
+{% highlight ts tabtitle="Standalone" %}
+
+import { Component, ViewChild, AfterViewInit } from '@angular/core';
+import {
+  PdfViewerComponent,
+  AnnotationService,
+  ToolbarService,
+  LinkAnnotationService,
+  BookmarkViewService,
+  MagnificationService,
+  ThumbnailViewService,
+  NavigationService,
+  TextSearchService,
+  TextSelectionService,
+  PrintService,
+  FormFieldsService,
+  FormDesignerService,
+  PageOrganizerService,
+  ToolbarSettingsModel
+} from '@syncfusion/ej2-angular-pdfviewer';
+
+@Component({
+  selector: 'app-root',
+  template: `
+    <div style="margin-bottom:8px; display:flex; gap:8px; align-items:center;">
+      <!-- Add page redactions programmatically -->
+      <button id="addPageRedactions" type="button" (click)="addPageRedactions()">
+        Add Page Redaction
+      </button>
+    </div>
+    <ejs-pdfviewer
+      #pdfviewer
+      id="PdfViewer"
+      [documentPath]="document"
+      [resourceUrl]="resource"
+      [toolbarSettings]="toolbarSettings"
+      style="height:640px; display:block">
+    </ejs-pdfviewer>
+  `,
+  providers: [
+    AnnotationService,
+    ToolbarService,
+    LinkAnnotationService,
+    BookmarkViewService,
+    MagnificationService,
+    ThumbnailViewService,
+    NavigationService,
+    TextSearchService,
+    TextSelectionService,
+    PrintService,
+    FormFieldsService,
+    FormDesignerService,
+    PageOrganizerService
+  ]
+})
+export class AppComponent implements AfterViewInit {
+  @ViewChild('pdfviewer', { static: true }) pdfViewer!: PdfViewerComponent;
+
+  public document = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
+  public resource = 'https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib';
+
+  public toolbarSettings: ToolbarSettingsModel = {
+    toolbarItems: [
+      'OpenOption',
+      'PageNavigationTool',
+      'MagnificationTool',
+      'PanTool',
+      'SelectionTool',
+      'AnnotationEditTool',
+      'RedactionEditTool',   // shows the redaction UI tool (optional)
+      'SearchOption',
+      'PrintOption',
+      'DownloadOption'
+    ]
+  };
+
+  //Add page redactions programmatically (pages 1, 3, 5, 7)
+  addPageRedactions(): void {
+    this.pdfViewer.annotation.addPageRedactions([1, 3, 5, 7]);
+  }
+}
+
+{% endhighlight %}
+{% endtabs %}
+
+## Apply redaction programmatically
+
+Once annotations are added, you can permanently apply them to the document using the `redact` method:
+
+{% tabs %}
+{% highlight ts tabtitle="Standalone" %}
+
+import { Component, ViewChild, AfterViewInit } from '@angular/core';
+import {
+  PdfViewerComponent,
+  AnnotationService,
+  ToolbarService,
+  LinkAnnotationService,
+  BookmarkViewService,
+  MagnificationService,
+  ThumbnailViewService,
+  NavigationService,
+  TextSearchService,
+  TextSelectionService,
+  PrintService,
+  FormFieldsService,
+  FormDesignerService,
+  PageOrganizerService,
+  ToolbarSettingsModel
+} from '@syncfusion/ej2-angular-pdfviewer';
+
+@Component({
+  selector: 'app-root',
+  template: `
+    <div style="margin-bottom:8px; display:flex; gap:8px; align-items:center;">
+      <button id="redact" type="button" (click)="applyRedaction()">
+        Apply Redaction
+      </button>
+    </div>
+    <ejs-pdfviewer
+      #pdfviewer
+      id="PdfViewer"
+      [documentPath]="document"
+      [resourceUrl]="resource"
+      [toolbarSettings]="toolbarSettings"
+      style="height:640px; display:block">
+    </ejs-pdfviewer>
+  `,
+  providers: [
+    AnnotationService,
+    ToolbarService,
+    LinkAnnotationService,
+    BookmarkViewService,
+    MagnificationService,
+    ThumbnailViewService,
+    NavigationService,
+    TextSearchService,
+    TextSelectionService,
+    PrintService,
+    FormFieldsService,
+    FormDesignerService,
+    PageOrganizerService
+  ]
+})
+export class AppComponent implements AfterViewInit {
+  @ViewChild('pdfviewer', { static: true }) pdfViewer!: PdfViewerComponent;
+
+  public document = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
+  public resource = 'https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib';
+
+  public toolbarSettings: ToolbarSettingsModel = {
+    toolbarItems: [
+      'OpenOption',
+      'PageNavigationTool',
+      'MagnificationTool',
+      'PanTool',
+      'SelectionTool',
+      'AnnotationEditTool',
+      'RedactionEditTool',   // shows the redaction UI tool (optional)
+      'SearchOption',
+      'PrintOption',
+      'DownloadOption'
+    ]
+  };
+
+  //Apply redaction programmatically (irreversible)
+  applyRedaction(): void {
+    this.pdfViewer.annotation.redact();
+  }
+}
+
+{% endhighlight %}
+{% endtabs %}
+
+N> Applying redaction is irreversible. Once applied, the original content cannot be recovered.
+
+## Configure default redaction annotation properties
+
+You can configure default properties for redaction annotations (such as fill color, overlay text, and font) when adding them programmatically:
+
+{% tabs %}
+{% highlight ts tabtitle="Standalone" %}
+
+import { Component, ViewChild, AfterViewInit } from '@angular/core';
+import {
+  PdfViewerComponent,
+  AnnotationService,
+  ToolbarService,
+  LinkAnnotationService,
+  BookmarkViewService,
+  MagnificationService,
+  ThumbnailViewService,
+  NavigationService,
+  TextSearchService,
+  TextSelectionService,
+  PrintService,
+  FormFieldsService,
+  FormDesignerService,
+  PageOrganizerService,
+  ToolbarSettingsModel
+} from '@syncfusion/ej2-angular-pdfviewer';
+
+@Component({
+  selector: 'app-root',
+  template: `
+    <div style="margin-bottom:8px; display:flex; gap:8px; align-items:center;">
+    </div>
+    <ejs-pdfviewer
+      #pdfviewer
+      id="PdfViewer"
+      [documentPath]="document"
+      [resourceUrl]="resource"
+      [toolbarSettings]="toolbarSettings"
+      style="height:640px; display:block">
+    </ejs-pdfviewer>
+  `,
+  providers: [
+    AnnotationService,
+    ToolbarService,
+    LinkAnnotationService,
+    BookmarkViewService,
+    MagnificationService,
+    ThumbnailViewService,
+    NavigationService,
+    TextSearchService,
+    TextSelectionService,
+    PrintService,
+    FormFieldsService,
+    FormDesignerService,
+    PageOrganizerService
+  ]
+})
+export class AppComponent implements AfterViewInit {
+  @ViewChild('pdfviewer', { static: true }) pdfViewer!: PdfViewerComponent;
+
+  public document = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
+  public resource = 'https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib';
+
+  public toolbarSettings: ToolbarSettingsModel = {
+    toolbarItems: [
+      'OpenOption',
+      'PageNavigationTool',
+      'MagnificationTool',
+      'PanTool',
+      'SelectionTool',
+      'AnnotationEditTool',
+      'RedactionEditTool',   // shows the redaction UI tool (optional)
+      'SearchOption',
+      'PrintOption',
+      'DownloadOption'
+    ]
+  };
+
+  //Configure default redaction annotation properties (same as your JS)
+  ngAfterViewInit(): void {
+    (this.pdfViewer as any).redactionSettings = {
+      overlayText: 'Confidential',
+      markerFillColor: '#FF0000',
+      markerBorderColor: '#000000',
+      isRepeat: false,
+      fillColor: '#F8F8F8',
+      fontColor: '#333333',
+      fontSize: 14,
+      fontFamily: 'Symbol',
+      textAlign: 'Right'
+    };
+  }
+}
+
+{% endhighlight %}
+{% endtabs %}
+
+[View Sample in GitHub](https://github.com/SyncfusionExamples/angular-pdf-viewer-examples)
+
+## Redaction property panel
+
+The redaction property panel allows users to update annotation properties through the UI. Programmatically, you can invoke the property panel by selecting an annotation and calling the relevant APIs. Properties such as overlay text, font style, and fill color can be updated directly in the panel.
+
+![Redaction Property Panel](../redaction/redaction-annotations-images/redaction-property-panel-icon.png)
+
+## See also
+
+* [Overview of Redaction](./overview)
+* [Redaction UI interactions](./ui-interaction)
+* [Redaction Toolbar](./toolbar)
+* [Reaction in Mobile view](./mobile-view)
+* [Search Text and Redact](./search-redact)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/Redaction/redaction-annotations-images/adding-redaction-annotation.png b/Document-Processing/PDF/PDF-Viewer/angular/Redaction/redaction-annotations-images/adding-redaction-annotation.png
new file mode 100644
index 000000000..b25b31126
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/angular/Redaction/redaction-annotations-images/adding-redaction-annotation.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/Redaction/redaction-annotations-images/after-redaction-fill-color.png b/Document-Processing/PDF/PDF-Viewer/angular/Redaction/redaction-annotations-images/after-redaction-fill-color.png
new file mode 100644
index 000000000..f855a867a
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/angular/Redaction/redaction-annotations-images/after-redaction-fill-color.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/Redaction/redaction-annotations-images/applied-redaction-annot.png b/Document-Processing/PDF/PDF-Viewer/angular/Redaction/redaction-annotations-images/applied-redaction-annot.png
new file mode 100644
index 000000000..f6a6a2831
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/angular/Redaction/redaction-annotations-images/applied-redaction-annot.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/Redaction/redaction-annotations-images/apply-redaction-button-mv.png b/Document-Processing/PDF/PDF-Viewer/angular/Redaction/redaction-annotations-images/apply-redaction-button-mv.png
new file mode 100644
index 000000000..bd02a6bc3
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/angular/Redaction/redaction-annotations-images/apply-redaction-button-mv.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/Redaction/redaction-annotations-images/apply-redaction-dialog-mv-annot.png b/Document-Processing/PDF/PDF-Viewer/angular/Redaction/redaction-annotations-images/apply-redaction-dialog-mv-annot.png
new file mode 100644
index 000000000..0dea706e6
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/angular/Redaction/redaction-annotations-images/apply-redaction-dialog-mv-annot.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/Redaction/redaction-annotations-images/apply-redaction-dialog.png b/Document-Processing/PDF/PDF-Viewer/angular/Redaction/redaction-annotations-images/apply-redaction-dialog.png
new file mode 100644
index 000000000..0692de34e
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/angular/Redaction/redaction-annotations-images/apply-redaction-dialog.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/Redaction/redaction-annotations-images/delete-redaction-annotation-annot.png b/Document-Processing/PDF/PDF-Viewer/angular/Redaction/redaction-annotations-images/delete-redaction-annotation-annot.png
new file mode 100644
index 000000000..8e061a883
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/angular/Redaction/redaction-annotations-images/delete-redaction-annotation-annot.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/Redaction/redaction-annotations-images/moving-redaction-annotation.png b/Document-Processing/PDF/PDF-Viewer/angular/Redaction/redaction-annotations-images/moving-redaction-annotation.png
new file mode 100644
index 000000000..f7715e2d1
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/angular/Redaction/redaction-annotations-images/moving-redaction-annotation.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/Redaction/redaction-annotations-images/page-redaction-annot.png b/Document-Processing/PDF/PDF-Viewer/angular/Redaction/redaction-annotations-images/page-redaction-annot.png
new file mode 100644
index 000000000..bf4804998
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/angular/Redaction/redaction-annotations-images/page-redaction-annot.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/Redaction/redaction-annotations-images/page-redaction-dialog-annot.png b/Document-Processing/PDF/PDF-Viewer/angular/Redaction/redaction-annotations-images/page-redaction-dialog-annot.png
new file mode 100644
index 000000000..69658a826
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/angular/Redaction/redaction-annotations-images/page-redaction-dialog-annot.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/Redaction/redaction-annotations-images/page-redaction-panel.png b/Document-Processing/PDF/PDF-Viewer/angular/Redaction/redaction-annotations-images/page-redaction-panel.png
new file mode 100644
index 000000000..be68305ae
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/angular/Redaction/redaction-annotations-images/page-redaction-panel.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/Redaction/redaction-annotations-images/redact-button-icon.png b/Document-Processing/PDF/PDF-Viewer/angular/Redaction/redaction-annotations-images/redact-button-icon.png
new file mode 100644
index 000000000..954df393d
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/angular/Redaction/redaction-annotations-images/redact-button-icon.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/Redaction/redaction-annotations-images/redact-page-icon.png b/Document-Processing/PDF/PDF-Viewer/angular/Redaction/redaction-annotations-images/redact-page-icon.png
new file mode 100644
index 000000000..0c9dbed27
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/angular/Redaction/redaction-annotations-images/redact-page-icon.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/Redaction/redaction-annotations-images/redact-text-context-menu.png b/Document-Processing/PDF/PDF-Viewer/angular/Redaction/redaction-annotations-images/redact-text-context-menu.png
new file mode 100644
index 000000000..a88985b39
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/angular/Redaction/redaction-annotations-images/redact-text-context-menu.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/Redaction/redaction-annotations-images/redaction-annotation-annot.png b/Document-Processing/PDF/PDF-Viewer/angular/Redaction/redaction-annotations-images/redaction-annotation-annot.png
new file mode 100644
index 000000000..5e9cde040
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/angular/Redaction/redaction-annotations-images/redaction-annotation-annot.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/Redaction/redaction-annotations-images/redaction-annotation-appearance.png b/Document-Processing/PDF/PDF-Viewer/angular/Redaction/redaction-annotations-images/redaction-annotation-appearance.png
new file mode 100644
index 000000000..506dd4f87
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/angular/Redaction/redaction-annotations-images/redaction-annotation-appearance.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/Redaction/redaction-annotations-images/redaction-delete-context-menu.png b/Document-Processing/PDF/PDF-Viewer/angular/Redaction/redaction-annotations-images/redaction-delete-context-menu.png
new file mode 100644
index 000000000..cd8f38b82
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/angular/Redaction/redaction-annotations-images/redaction-delete-context-menu.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/Redaction/redaction-annotations-images/redaction-delete-icon.png b/Document-Processing/PDF/PDF-Viewer/angular/Redaction/redaction-annotations-images/redaction-delete-icon.png
new file mode 100644
index 000000000..4026f8c49
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/angular/Redaction/redaction-annotations-images/redaction-delete-icon.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/Redaction/redaction-annotations-images/redaction-icon-toolbar.png b/Document-Processing/PDF/PDF-Viewer/angular/Redaction/redaction-annotations-images/redaction-icon-toolbar.png
new file mode 100644
index 000000000..6de03e8cc
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/angular/Redaction/redaction-annotations-images/redaction-icon-toolbar.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/Redaction/redaction-annotations-images/redaction-mobile-view.png b/Document-Processing/PDF/PDF-Viewer/angular/Redaction/redaction-annotations-images/redaction-mobile-view.png
new file mode 100644
index 000000000..2d9539200
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/angular/Redaction/redaction-annotations-images/redaction-mobile-view.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/Redaction/redaction-annotations-images/redaction-overalytext.png b/Document-Processing/PDF/PDF-Viewer/angular/Redaction/redaction-annotations-images/redaction-overalytext.png
new file mode 100644
index 000000000..b9d833921
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/angular/Redaction/redaction-annotations-images/redaction-overalytext.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/Redaction/redaction-annotations-images/redaction-properties-annot.png b/Document-Processing/PDF/PDF-Viewer/angular/Redaction/redaction-annotations-images/redaction-properties-annot.png
new file mode 100644
index 000000000..079e65e59
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/angular/Redaction/redaction-annotations-images/redaction-properties-annot.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/Redaction/redaction-annotations-images/redaction-properties-dialog-annot.png b/Document-Processing/PDF/PDF-Viewer/angular/Redaction/redaction-annotations-images/redaction-properties-dialog-annot.png
new file mode 100644
index 000000000..5a56fb1d5
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/angular/Redaction/redaction-annotations-images/redaction-properties-dialog-annot.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/Redaction/redaction-annotations-images/redaction-property-panel-icon.png b/Document-Processing/PDF/PDF-Viewer/angular/Redaction/redaction-annotations-images/redaction-property-panel-icon.png
new file mode 100644
index 000000000..3cc44eb64
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/angular/Redaction/redaction-annotations-images/redaction-property-panel-icon.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/Redaction/redaction-annotations-images/redaction-property-panel-via-context-menu.png b/Document-Processing/PDF/PDF-Viewer/angular/Redaction/redaction-annotations-images/redaction-property-panel-via-context-menu.png
new file mode 100644
index 000000000..08d9a3a6a
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/angular/Redaction/redaction-annotations-images/redaction-property-panel-via-context-menu.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/Redaction/redaction-annotations-images/resizing-redaction-annotation.png b/Document-Processing/PDF/PDF-Viewer/angular/Redaction/redaction-annotations-images/resizing-redaction-annotation.png
new file mode 100644
index 000000000..846e301da
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/angular/Redaction/redaction-annotations-images/resizing-redaction-annotation.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/Redaction/redaction-annotations-images/review-redaction-annotation-mv-annot.png b/Document-Processing/PDF/PDF-Viewer/angular/Redaction/redaction-annotations-images/review-redaction-annotation-mv-annot.png
new file mode 100644
index 000000000..a78383509
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/angular/Redaction/redaction-annotations-images/review-redaction-annotation-mv-annot.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/Redaction/redaction-annotations-images/show-redaction-toolbar.png b/Document-Processing/PDF/PDF-Viewer/angular/Redaction/redaction-annotations-images/show-redaction-toolbar.png
new file mode 100644
index 000000000..94d75eb3b
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/angular/Redaction/redaction-annotations-images/show-redaction-toolbar.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/Redaction/search-redact.md b/Document-Processing/PDF/PDF-Viewer/angular/Redaction/search-redact.md
new file mode 100644
index 000000000..8918e441e
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/angular/Redaction/search-redact.md
@@ -0,0 +1,178 @@
+---
+layout: post
+title: Search text and redact in Angular PDF Viewer | Syncfusion
+description: Learn how to find text and add redaction annotations programmatically in the Syncfusion Angular PDF Viewer.
+platform: document-processing
+control: PDF Viewer
+documentation: ug
+domainurl: ##DomainURL##
+---
+
+# Search text and redact in Angular PdfViewer
+
+You can search for a keyword in the loaded PDF and automatically add redaction annotations over each match. The example below wires the extractTextCompleted event, triggers text extraction, performs a search, and places redaction annotations for every result.
+
+N> Prerequisites: Add the PdfViewer control to your Angular application and ensure a document is loaded. Make sure the redaction feature is available in the version you are using. Once applied, redaction permanently removes the selected content.
+
+## Steps to add Redaction annotations on search Text Bounds
+
+**Step 1:** Follow the steps provided in the [link](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/angular/getting-started) to create a simple PDF Viewer sample.
+
+
+**Step 2:** Use the following code-snippets to Add Redaction annotation on Search Text Bounds.
+
+{% tabs %}
+{% highlight ts tabtitle="Standalone" %}
+
+import { Component, ViewChild } from '@angular/core';
+import {
+  PdfViewerComponent,
+  LinkAnnotationService,
+  BookmarkViewService,
+  MagnificationService,
+  ThumbnailViewService,
+  ToolbarService,
+  NavigationService,
+  AnnotationService,
+  TextSearchService,
+  TextSelectionService,
+  PrintService,
+  FormFieldsService,
+  FormDesignerService,
+  PageOrganizerService,
+  ToolbarSettingsModel
+} from '@syncfusion/ej2-angular-pdfviewer';
+
+@Component({
+  selector: 'app-root',
+  template: `
+    <div class="content-wrapper">
+      <div style="margin-bottom:8px;display:flex;gap:8px;align-items:center;">
+        <button id="searchTextRedact" type="button" (click)="searchTextAndRedact()">
+          Search "syncfusion" & Mark for Redaction
+        </button>
+        <button id="applyRedaction" type="button" (click)="applyRedaction()">
+          Apply Redaction
+        </button>
+      </div>
+
+      <ejs-pdfviewer
+        #pdfviewer
+        id="PdfViewer"
+        [documentPath]="document"
+        [resourceUrl]="resource"
+        [toolbarSettings]="toolbarSettings"
+        [isExtractText]="true"
+        style="height:640px;display:block">
+      </ejs-pdfviewer>
+    </div>
+  `,
+  providers: [
+    // Angular DI is the Angular equivalent of PdfViewer.Inject(...)
+    LinkAnnotationService,
+    BookmarkViewService,
+    MagnificationService,
+    ThumbnailViewService,
+    ToolbarService,
+    NavigationService,
+    AnnotationService,
+    TextSearchService,
+    TextSelectionService,
+    PrintService,
+    FormFieldsService,
+    FormDesignerService,
+    PageOrganizerService
+  ]
+})
+export class AppComponent {
+  @ViewChild('pdfviewer', { static: true }) pdfViewer!: PdfViewerComponent;
+
+  // Same sources as in your JS
+  public document = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
+  public resource = 'https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib';
+
+  // Primary toolbar including Redaction
+  public toolbarSettings: ToolbarSettingsModel = {
+    toolbarItems: [
+      'OpenOption',
+      'UndoRedoTool',
+      'PageNavigationTool',
+      'MagnificationTool',
+      'PanTool',
+      'SelectionTool',
+      'CommentTool',
+      'SubmitForm',
+      'AnnotationEditTool',
+      'RedactionEditTool',   // show Redaction entry in main toolbar
+      'FormDesignerEditTool',
+      'SearchOption',
+      'PrintOption',
+      'DownloadOption'
+    ]
+  };
+
+  /**
+   * Finds the term "syncfusion" across the document and adds Redaction annotations
+   * on top of every match (converts 72-dpi bounds to 96-dpi for addAnnotation).
+   */
+  async searchTextAndRedact(): Promise<void> {
+    const term = 'syncfusion';
+    // Use async search so we don't depend on extractTextCompleted timing.
+    const results = await this.pdfViewer.textSearchModule.findTextAsync(term, false);
+    if (!results || results.length === 0) {
+      console.warn('No matches found.');
+      return;
+    }
+
+    const px = (pt: number) => (pt * 96) / 72; // convert from points to pixels
+
+    for (const pageResult of results) {
+      if (!pageResult || !pageResult.bounds || pageResult.bounds.length === 0) { continue; }
+      if (pageResult.pageIndex == null) { continue; } // guard
+      const pageNumber = pageResult.pageIndex + 1;     // API expects 1-based
+
+      for (const bound of pageResult.bounds) {
+        this.pdfViewer.annotation.addAnnotation('Redaction', {
+          bound: {
+            x: px(bound.x),
+            y: px(bound.y),
+            width: px(bound.width),
+            height: px(bound.height)
+          },
+          pageNumber,
+          overlayText: 'Confidential',
+          fillColor: '#00FF40FF',
+          fontColor: '#333333',
+          fontSize: 12,
+          fontFamily: 'Arial',
+          markerFillColor: '#FF0000',
+          markerBorderColor: '#000000'
+        } as any); // 'as any' to accept redaction-specific options
+      }
+    }
+  }
+
+  /** Permanently applies all redaction marks in the document. */
+  applyRedaction(): void {
+    this.pdfViewer.annotation.redact();
+  }
+}
+
+{% endhighlight %}
+{% endtabs %}
+
+[View Sample in GitHub](https://github.com/SyncfusionExamples/angular-pdf-viewer-examples)
+
+## Notes
+- Ensure the PDF is fully loaded before triggering extraction and search.
+- Bounds from search are in points (72 DPI). Convert to pixels (96 DPI) to align with annotation coordinates.
+- Customize overlay text, colors, and typography as needed.
+- Adding a redaction annotation covers the content visually. To permanently remove sensitive data, use the viewer's Apply Redaction action or equivalent API if available in your version.
+
+## See also
+
+* [Overview of Redaction](./overview)
+* [Programmatic Support in Redaction](./programmatic-support)
+* [UI interactions](./ui-interaction)
+* [Redaction in Mobile View](./mobile-view)
+* [Redaction Toolbar](./toolbar)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/Redaction/toolbar.md b/Document-Processing/PDF/PDF-Viewer/angular/Redaction/toolbar.md
new file mode 100644
index 000000000..d60d89594
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/angular/Redaction/toolbar.md
@@ -0,0 +1,232 @@
+---
+layout: post
+title: Customize the redaction toolbar in Angular PDF Viewer | Syncfusion
+description: Learn how to customize the redaction toolbar in the Syncfusion Angular PDF Viewer by showing or hiding default items.
+platform: document-processing
+control: PDF Viewer
+documentation: ug
+---
+
+# Redaction toolbar customization in Angular
+
+The redaction toolbar in the Syncfusion Angular PDF Viewer can be customized by rearranging existing items, hiding default items, or adding new ones. You can also place custom items at specific index positions among the existing toolbar items.
+
+## Enable the redaction toolbar
+
+To enable the redaction toolbar, configure the `toolbarSettings.toolbarItems` property of the PdfViewer instance to include the **RedactionEditTool**.
+
+The following example shows how to enable the redaction toolbar:
+
+{% tabs %}
+{% highlight ts tabtitle="Standalone" %}
+
+import { Component, ViewChild } from '@angular/core';
+import {
+  PdfViewerComponent,
+  LinkAnnotationService,
+  BookmarkViewService,
+  MagnificationService,
+  ThumbnailViewService,
+  ToolbarService,
+  NavigationService,
+  AnnotationService,
+  TextSearchService,
+  TextSelectionService,
+  PrintService,
+  FormFieldsService,
+  FormDesignerService,
+  PageOrganizerService,
+  ToolbarSettingsModel
+} from '@syncfusion/ej2-angular-pdfviewer';
+
+@Component({
+  selector: 'app-root',
+  template: `
+    <div class="content-wrapper">
+      <ejs-pdfviewer
+        #pdfviewer
+        id="pdfViewer"
+        [resourceUrl]="resourceUrl"
+        [documentPath]="documentPath"
+        [toolbarSettings]="toolbarSettings"
+        style="height:640px;display:block">
+      </ejs-pdfviewer>
+    </div>
+  `,
+  providers: [
+    LinkAnnotationService,
+    BookmarkViewService,
+    MagnificationService,
+    ThumbnailViewService,
+    ToolbarService,
+    NavigationService,
+    AnnotationService,
+    TextSearchService,
+    TextSelectionService,
+    PrintService,
+    FormFieldsService,
+    FormDesignerService,
+    PageOrganizerService
+  ]
+})
+export class AppComponent {
+  @ViewChild('pdfviewer', { static: true }) pdfViewer!: PdfViewerComponent;
+
+  // Standalone mode (CDN) – keep this version aligned with your package
+  public resourceUrl = 'https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib';
+  public documentPath = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
+
+  // Matches your JS toolbar configuration, with RedactionEditTool included
+  public toolbarSettings: ToolbarSettingsModel = {
+    toolbarItems: [
+      'OpenOption',
+      'UndoRedoTool',
+      'PageNavigationTool',
+      'MagnificationTool',
+      'PanTool',
+      'SelectionTool',
+      'CommentTool',
+      'SubmitForm',
+      'AnnotationEditTool',
+      'RedactionEditTool',   // Redaction entry in the primary toolbar
+      'FormDesignerEditTool',
+      'SearchOption',
+      'PrintOption',
+      'DownloadOption'
+    ]
+  };
+}
+
+{% endhighlight %}
+{% endtabs %}
+
+Refer to the following image for the toolbar view:
+
+![Enable redaction toolbar](../redaction/redaction-annotations-images/redaction-icon-toolbar.png)
+
+## Show or hide the redaction toolbar
+
+You can toggle the redaction toolbar either using the built‑in toolbar icon or programmatically with the `showRedactionToolbar` method.
+
+### Display the redaction toolbar using the toolbar icon
+
+When **RedactionEditTool** is included in the toolbar settings, clicking the redaction icon in the primary toolbar will show or hide the redaction toolbar.
+
+![Show redaction toolbar from the primary toolbar](../redaction/redaction-annotations-images/redaction-icon-toolbar.png)
+
+### Display the redaction toolbar programmatically
+
+You can also control visibility through code by calling `viewer.toolbar.showRedactionToolbar(true/false)`.
+
+The following example demonstrates toggling the redaction toolbar programmatically:
+
+{% tabs %}
+{% highlight ts tabtitle="Standalone" %}
+
+import { Component, ViewChild } from '@angular/core';
+import {
+  PdfViewerComponent,
+  LinkAnnotationService,
+  BookmarkViewService,
+  MagnificationService,
+  ThumbnailViewService,
+  ToolbarService,
+  NavigationService,
+  AnnotationService,
+  TextSearchService,
+  TextSelectionService,
+  PrintService,
+  FormFieldsService,
+  FormDesignerService,
+  PageOrganizerService,
+  ToolbarSettingsModel
+} from '@syncfusion/ej2-angular-pdfviewer';
+
+@Component({
+  selector: 'app-root',
+  template: `
+    <div class="content-wrapper">
+      <!-- Separate buttons: Show and Hide Redaction toolbar -->
+      <div style="margin-bottom:8px; display:flex; gap:8px;">
+        <button type="button" (click)="showRedactionToolbar()">Show Redaction Toolbar</button>
+        <button type="button" (click)="hideRedactionToolbar()">Hide Redaction Toolbar</button>
+      </div>
+      <ejs-pdfviewer
+        #pdfviewer
+        id="pdfViewer"
+        [resourceUrl]="resource"
+        [documentPath]="document"
+        [toolbarSettings]="toolbarSettings"
+        style="height:640px; display:block">
+      </ejs-pdfviewer>
+    </div>
+  `,
+  providers: [
+    LinkAnnotationService,
+    BookmarkViewService,
+    MagnificationService,
+    ThumbnailViewService,
+    ToolbarService,
+    NavigationService,
+    AnnotationService,
+    TextSearchService,
+    TextSelectionService,
+    PrintService,
+    FormFieldsService,
+    FormDesignerService,
+    PageOrganizerService
+  ]
+})
+export class AppComponent {
+  @ViewChild('pdfviewer', { static: true }) pdfViewer!: PdfViewerComponent;
+
+  // Standalone assets (keep version aligned with your installed package)
+  public resource = 'https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib';
+  public document = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
+
+  // Includes RedactionEditTool in the primary toolbar
+  public toolbarSettings: ToolbarSettingsModel = {
+    toolbarItems: [
+      'OpenOption',
+      'UndoRedoTool',
+      'PageNavigationTool',
+      'MagnificationTool',
+      'PanTool',
+      'SelectionTool',
+      'CommentTool',
+      'SubmitForm',
+      'AnnotationEditTool',
+      'RedactionEditTool',   // primary-bar entry to access the Redaction toolbar
+      'FormDesignerEditTool',
+      'SearchOption',
+      'PrintOption',
+      'DownloadOption'
+    ]
+  };
+
+  // Separate handlers for show/hide (no toggle)
+  showRedactionToolbar(): void {
+    this.pdfViewer.toolbar.showRedactionToolbar(true);
+  }
+
+  hideRedactionToolbar(): void {
+    this.pdfViewer.toolbar.showRedactionToolbar(false);
+  }
+}
+
+{% endhighlight %}
+{% endtabs %}
+
+[View Sample in GitHub](https://github.com/SyncfusionExamples/angular-pdf-viewer-examples)
+
+Refer to the following image for details:
+
+![Programmatically show the Redaction toolbar](../redaction/redaction-annotations-images/show-redaction-toolbar.png)
+
+## See also
+
+* [Adding the redaction annotation in PDF viewer](../redaction/overview)
+* [UI interactions](./ui-interaction)
+* [Programmatic support](./programmatic-support)
+* [Mobile view](./mobile-view)
+* [Search Text and Redact](./search-redact)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/Redaction/ui-interaction.md b/Document-Processing/PDF/PDF-Viewer/angular/Redaction/ui-interaction.md
new file mode 100644
index 000000000..dbf0aec0c
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/angular/Redaction/ui-interaction.md
@@ -0,0 +1,136 @@
+---
+layout: post
+title: Redaction UI interactions in Angular PDF Viewer | Syncfusion
+description: Learn about UI interactions in Redaction annotations of the Syncfusion Angular PDF Viewer component.
+platform: document-processing
+control: PDF Viewer
+documentation: ug
+---
+
+# Redaction UI interactions in Angular PdfViewer
+
+## Add redaction annotations from the toolbar
+
+Use the redaction tool in the toolbar to draw over content that should be hidden. After marking, an annotation can display overlay text (for example, “Confidential”) and can be styled using fill color and other properties.
+
+![Drawing a redaction annotation on the page](redaction-annotations-images/adding-redaction-annotation.png)
+
+#### Redaction annotations are interactive
+
+* **Movable** – Drag and reposition the annotation within the same page.  
+![Moving a redaction annotation](redaction-annotations-images/moving-redaction-annotation.png)
+
+* **Resizable** – Resize the annotation to cover the required area.  
+![Resizing a redaction annotation](redaction-annotations-images/resizing-redaction-annotation.png)
+
+N> The redaction tool is hidden by default. Customize the toolbar to include it. For instructions, see the [Toolbar customization](../toolbar).
+
+## Add redaction annotations using the context menu
+
+In addition to the toolbar, you can add redaction annotations directly from the context menu. Select the text or region, right‑click (or long‑press on mobile), and choose the **Redact Annotation** option. This creates a redaction mark over the selected content.
+
+![Context menu showing Redact Annotation option](redaction-annotations-images/redact-text-context-menu.png)
+
+## Update redaction properties
+
+After adding a redaction annotation, you can update its properties through the property panel or programmatically.
+
+### Update using the property panel
+
+When a redaction annotation is selected, a two‑tab property panel (General and Appearance) lets you customize text and styling. Changes are reflected instantly on the redaction mark.
+
+The property panel can be opened in two ways:
+
+* By clicking the **redaction property panel** icon in the toolbar.  
+![Redaction Property Panel Icon](redaction-annotations-images/redaction-property-panel-icon.png)
+
+* By right‑clicking (or long‑pressing) the annotation and choosing **Properties** from the context menu.  
+![Redaction Property Panel via Context Menu](redaction-annotations-images/redaction-property-panel-via-context-menu.png)
+
+#### General tab
+
+Use the General tab to define how the content will look after redaction. These settings control the final, burned‑in result and provide a live preview on hover.
+
+* Use Overlay Text – Enable to show text (for example, Confidential) over the redacted area.
+* Overlay Text – Enter the text to display.
+* Repeat Overlay Text – Tile the text to cover the whole region.
+
+![Overlay Text Options](redaction-annotations-images/redaction-overalytext.png)
+
+* Font options – Choose family, size, color, and alignment for the overlay text.
+* Fill Color – Select the color that will fill the region after redaction is applied.
+
+![Fill Color in General Tab](redaction-annotations-images/after-redaction-fill-color.png)
+
+Note: Hovering the mouse over a redaction annotation shows a preview of this final look. After you click Apply Redaction, these settings are flattened into the page and can’t be edited. Tip: Click Save in the dialog to keep your changes.
+
+#### Appearance tab
+
+Use the Appearance tab to style the redaction annotation itself (before applying). These options help you see and manage the box on the page but do not change the final redacted output.
+
+* Fill Color – Sets the annotation’s fill while you review and move/resize it.
+* Outline Color – Optional border for the annotation.
+* Fill Opacity – Controls how transparent the annotation appears during review.
+
+Note: The Appearance tab affects only the temporary annotation. The final look after applying redaction comes from the General tab settings.
+
+![Appearance Tab Settings](redaction-annotations-images/redaction-annotation-appearance.png)
+
+### What changes after applying redaction?
+
+When you click Apply Redaction:
+
+* The selected content is permanently removed from the page.
+* The redaction region is flattened into the page with a solid fill that uses the General tab Fill Color.
+* If overlay text was enabled, the text is burned into the page. If Repeat Overlay Text was enabled, the text is tiled across the region.
+* All properties become read‑only. You cannot edit overlay text, fill color, outline, or opacity after applying. Set the final look in the General tab and use the Appearance tab only to style the annotation before you apply.
+
+
+## Delete redaction annotations
+
+Delete redaction annotations using any of the following:
+
+* **Right-click and select Delete** from the context menu.
+
+![Context menu showing Delete for a redaction](redaction-annotations-images/redaction-delete-context-menu.png)
+
+* **Click the Delete button** on the toolbar.  
+![Toolbar delete icon for redaction](redaction-annotations-images/redaction-delete-icon.png)
+
+* **Press the Delete key** after selecting the annotation.
+
+## Redact pages using the UI
+
+Entire pages can be marked for redaction using the **Redact Pages** option in the toolbar. Clicking the icon opens a dialog with options:
+
+* **Current Page** – Redacts the page currently in view.  
+* **Odd Pages Only** – Redacts all odd‑numbered pages.  
+* **Even Pages Only** – Redacts all even‑numbered pages.  
+* **Specific Pages** – Enter page numbers or ranges (e.g., 1, 3–5, 7) to redact.
+
+After choosing the range, click **Save** to apply redaction marks to the selected pages.
+
+![Page Redaction Panel](redaction-annotations-images/page-redaction-panel.png)
+
+## Apply redaction from the toolbar
+
+The **Apply Redaction** button permanently removes all marked content from the document.
+
+* The button is disabled when no redaction annotations exist.  
+* It automatically enables once at least one annotation is present.
+
+![Redact Button Icon](redaction-annotations-images/redact-button-icon.png)
+
+A confirmation dialog appears before applying redaction to ensure you acknowledge the irreversible nature of the process.
+
+![Apply Redaction Dialog](redaction-annotations-images/apply-redaction-dialog.png)
+
+N> Redaction is permanent. Once applied, the original content cannot be restored.
+
+## See also
+
+* [Overview of Redaction](./overview)
+* [Programmatic Support in Redaction](./programmatic-support)
+* [Redaction in Mobile View](./mobile-view)
+* [Redaction Toolbar](./toolbar)
+* [Search Text and Redact](./search-redact)
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/how-to-overview.md b/Document-Processing/PDF/PDF-Viewer/angular/how-to-overview.md
index fa8cb0449..ee0427ef1 100644
--- a/Document-Processing/PDF/PDF-Viewer/angular/how-to-overview.md
+++ b/Document-Processing/PDF/PDF-Viewer/angular/how-to-overview.md
@@ -57,4 +57,5 @@ The frequently asked questions in Essential<sup>&reg;</sup> PDF Viewer are liste
 * [Find Text using findTextAsync Method](./how-to/find-text-async)
 * [Extract Text](./how-to/extract-text)
 * [Dynamically Enable or Disable Text Selection](./how-to/enable-text-selection)
-* [Show and Hide Annotations](./how-to/show-hide-annotation)
\ No newline at end of file
+* [Show and Hide Annotations](./how-to/show-hide-annotation)
+* [Load Document after resources Loaded](./how-to/load-document-after-resources-loaded)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/how-to/load-document-after-resources-loaded.md b/Document-Processing/PDF/PDF-Viewer/angular/how-to/load-document-after-resources-loaded.md
new file mode 100644
index 000000000..02eb84fa8
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/angular/how-to/load-document-after-resources-loaded.md
@@ -0,0 +1,100 @@
+---
+layout: post
+title: Load document after resources Loaded Angular PDF Viewer | Syncfusion
+description: Learn here all about how to Load document after loading assets in Syncfusion Angular PDF Viewer component of Syncfusion Essential JS 2 and more.
+platform: document-processing
+control: PDF Viewer 
+documentation: ug
+domainurl: ##DomainURL##
+---
+
+# Load a PDF only after PDFium resources are ready
+
+In Standalone mode, the Angular PDF Viewer downloads its PDFium runtime assets (scripts/wasm) from the location specified in `resourceUrl`. Attempting to load a document before those assets are available can cause errors. Use the `resourcesLoaded` event to defer document loading until all required assets are ready.
+
+## When does resourcesLoaded trigger?
+
+The `resourcesLoaded` event fires once the viewer finishes loading all required PDFium assets. At this point, it is safe to call the [`load`](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer#load) method to open a document (by URL or Base64).
+
+## How to Load Document after resourcesLoaded
+
+- Set the `resourceUrl` to a valid PDF Viewer assets path (CDN or your hosted path).
+- Listen to `(resourcesLoaded)` and call `load` inside the handler.
+
+```html
+<!-- app.component.html -->
+<ejs-pdfviewer
+  #pdfViewer
+  id="pdfViewer"
+  [resourceUrl]="resourceUrl"
+  (resourcesLoaded)="resourcesLoaded()"
+  style="height: 640px; display: block"
+>
+</ejs-pdfviewer>
+```
+
+```ts
+// app.component.ts
+import { Component, ViewChild } from '@angular/core';
+import { PdfViewerComponent, ToolbarService, MagnificationService, NavigationService, LinkAnnotationService, ThumbnailViewService, BookmarkViewService, TextSelectionService, AnnotationService, FormDesignerService, FormFieldsService, PageOrganizerService } from '@syncfusion/ej2-angular-pdfviewer';
+
+@Component({
+  selector: 'app-root',
+  templateUrl: './app.component.html',
+  providers: [
+    ToolbarService,
+    MagnificationService,
+    NavigationService,
+    LinkAnnotationService,
+    ThumbnailViewService,
+    BookmarkViewService,
+    TextSelectionService,
+    AnnotationService,
+    FormDesignerService,
+    FormFieldsService,
+    PageOrganizerService
+  ],
+  styleUrls: ['app.component.css'],
+  standalone: true,
+  imports: [PdfViewerModule],
+})
+export class AppComponent {
+  @ViewChild('pdfViewer') 
+  public pdfViewer!: PdfViewerComponent;
+
+  // Point to the PDF Viewer assets (scripts/wasm) location
+  public resourceUrl = 'https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib';
+
+  // Sample sources to demonstrate both URL and Base64 loading
+  public documentUrl = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
+  public base64: string = '';// supply your Base64 here when needed
+
+  // Called by the (resourcesLoaded) event
+  public resourcesLoaded(): void {
+    // Choose ONE of the following load options:
+
+    // 1) Load by URL
+    this.pdfViewer.load(this.documentUrl, "");
+
+    // 2) Load by Base64 (uncomment if you want to load Base64)
+    // if (this.base64) {
+    //   this.pdfViewer.load(`data:application/pdf;base64,${this.base64}`, "");
+    // }
+  }
+}
+```
+
+[View Sample in GitHub](https://github.com/SyncfusionExamples/angular-pdf-viewer-examples/tree/master/How%20to)
+
+## Notes and best practices
+
+- Always set a valid `resourceUrl` when using the Standalone PDF Viewer. If the path is incorrect or blocked by the network, the event cannot fire.
+- Load documents inside `resourcesLoaded`. This guarantees the PDFium runtime is ready and prevents intermittent errors on slower networks.
+- The event fires for the viewer’s asset load life cycle, not for every document load. After it fires once, you can safely call `load` again later (for example, in response to user actions) without waiting for the event.
+
+## See also
+
+- [Events in Angular PDF Viewer](../events#resourcesloaded)
+- [Open PDF files](../open-pdf-files)
+- [Save PDF files](../save-pdf-files)
+- [Getting started](../getting-started)
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/images/extract-page-checkboxes.png b/Document-Processing/PDF/PDF-Viewer/angular/images/extract-page-checkboxes.png
new file mode 100644
index 000000000..df6efa3ba
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/angular/images/extract-page-checkboxes.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/images/extract-page-secondary-toolbar.png b/Document-Processing/PDF/PDF-Viewer/angular/images/extract-page-secondary-toolbar.png
new file mode 100644
index 000000000..f310ffd39
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/angular/images/extract-page-secondary-toolbar.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/images/extract-page-selected-thumbnail.png b/Document-Processing/PDF/PDF-Viewer/angular/images/extract-page-selected-thumbnail.png
new file mode 100644
index 000000000..6576e7b7a
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/angular/images/extract-page-selected-thumbnail.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/images/extract-page.png b/Document-Processing/PDF/PDF-Viewer/angular/images/extract-page.png
new file mode 100644
index 000000000..3ae5965ba
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/angular/images/extract-page.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/extract-pages.md b/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/extract-pages.md
new file mode 100644
index 000000000..302a5394e
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/angular/organize-pages/extract-pages.md
@@ -0,0 +1,259 @@
+---
+layout: post
+title: Extract Pages in Angular PDF Viewer | Syncfusion
+description: Learn here all about Extract Pages in Organize Pages in Syncfusion Angular PDF Viewer component of Syncfusion Essential JS 2 and more.
+platform: document-processing
+control: PDF Viewer
+documentation: ug
+domainurl: ##DomainURL##
+---
+
+# Extract pages in Angular PDF Viewer
+
+The PDF Viewer component lets you extract pages from a document using the Extract Pages option in the Organize Pages UI, and also control extraction programmatically. The Extract Pages tool is available by default in Organize Pages.
+
+## Extract Pages in Organize Pages
+
+- Open the Organize Pages panel in the PDF Viewer toolbar.
+- Locate and click the Extract Pages option.
+
+![Extract Pages](../images/extract-page.png)
+
+When selected, a secondary toolbar dedicated to extraction is displayed.
+
+![Extract Pages secondary toolbar](../images/extract-page-secondary-toolbar.png)
+
+## Extract pages using the UI
+
+You can extract by typing page numbers/ranges or by selecting thumbnails.
+
+1. Click Extract Pages in the Organize Pages panel.
+2. In the input box, enter the pages to extract. Supported formats include:
+   - Single pages: 1,3,5
+   - Ranges: 2-6
+   - Combinations: 1,4,7-9
+3. Alternatively, select the page thumbnails you want instead of typing values.
+4. Click Extract to download the extracted pages as a new PDF. Click Cancel to close the tool.
+
+![Extract Pages with selected thumbnails](../images/extract-page-selected-thumbnail.png)
+
+ N> Page numbers are 1-based (first page is 1). Invalid or out-of-range entries are ignored.
+
+## Extraction options (checkboxes)
+
+Two options appear in the secondary toolbar:
+
+- **Delete Pages After Extracting:**
+  - When enabled, the selected/entered pages are removed from the document opened in the viewer after the extraction completes. The extracted pages are still downloaded as a new file.
+
+- **Extract Pages As Separate Files:**
+  - When enabled, every selected page is exported as an individual PDF file. Ranges such as 2-4 export pages 2, 3, and 4 as separate PDFs.
+
+![Checkboxes for extract options](../images/extract-page-checkboxes.png)
+
+## Programmatic options and APIs
+
+### Enable/disable or show/hide Extract Pages
+
+Use the `canExtractPages` API to enable or disable the Extract Pages option. When set to `false`, the Extract Pages tool is disabled in the toolbar. The default value is `true`.
+
+Use the following code snippet to enable or disable the Extract Pages option:
+
+{% tabs %}
+{% highlight ts tabtitle="Standalone" %}
+import { Component, OnInit } from '@angular/core';
+import {
+  LinkAnnotationService,
+  BookmarkViewService,
+  MagnificationService,
+  ThumbnailViewService,
+  ToolbarService,
+  NavigationService,
+  AnnotationService,
+  TextSearchService,
+  TextSelectionService,
+  FormFieldsService,
+  FormDesignerService,
+  PrintService,
+  PageOrganizerService,
+} from '@syncfusion/ej2-angular-pdfviewer';
+
+@Component({
+  selector: 'app-root',
+  template: `
+    <div class="content-wrapper">
+      <ejs-pdfviewer 
+        id="pdfViewer"
+        [resourceUrl]="resourceUrl"
+        [documentPath]="document"
+        [pageOrganizerSettings]= {canExtractPages: false}
+        style="height: 640px; display: block;">
+      </ejs-pdfviewer>
+    </div>
+  `,
+  providers: [
+    LinkAnnotationService,
+    BookmarkViewService,
+    MagnificationService,
+    ThumbnailViewService,
+    ToolbarService,
+    NavigationService,
+    AnnotationService,
+    TextSearchService,
+    TextSelectionService,
+    FormFieldsService,
+    FormDesignerService,
+    PrintService,
+    PageOrganizerService,
+  ]
+})
+export class AppComponent implements OnInit {
+  public document: string = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
+  public resourceUrl: string = 'https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib';
+  ngOnInit(): void { }
+}
+{% endhighlight %}
+{% endtabs %}
+
+Use the `showExtractPagesOption` API to show or hide the Extract Pages option. When set to `false`, the Extract Pages tool is removed from the toolbar. The default value is `true`.
+
+Use the following code snippet to remove the Extract Pages option:
+
+{% tabs %}
+{% highlight ts tabtitle="Standalone" %}
+import { Component, OnInit } from '@angular/core';
+import {
+  LinkAnnotationService,
+  BookmarkViewService,
+  MagnificationService,
+  ThumbnailViewService,
+  ToolbarService,
+  NavigationService,
+  AnnotationService,
+  TextSearchService,
+  TextSelectionService,
+  FormFieldsService,
+  FormDesignerService,
+  PrintService,
+  PageOrganizerService,
+} from '@syncfusion/ej2-angular-pdfviewer';
+
+@Component({
+  selector: 'app-root',
+  template: `
+    <div class="content-wrapper">
+      <ejs-pdfviewer 
+        id="pdfViewer"
+        [resourceUrl]="resourceUrl"
+        [documentPath]="document"
+        [pageOrganizerSettings]={showExtractPagesOption: false}
+        style="height: 640px; display: block;">
+      </ejs-pdfviewer>
+    </div>
+  `,
+  providers: [
+    LinkAnnotationService,
+    BookmarkViewService,
+    MagnificationService,
+    ThumbnailViewService,
+    ToolbarService,
+    NavigationService,
+    AnnotationService,
+    TextSearchService,
+    TextSelectionService,
+    FormFieldsService,
+    FormDesignerService,
+    PrintService,
+    PageOrganizerService,
+  ]
+})
+export class AppComponent implements OnInit {
+  public document: string = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
+  public resourceUrl: string = 'https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib';
+  ngOnInit(): void { }
+}
+{% endhighlight %}
+{% endtabs %}
+
+### Extract pages and load the result programmatically
+
+You can extract pages programmatically using the `extractPages` method.
+The following example extracts pages 1 and 2, then immediately loads the extracted pages back into the viewer. The returned value is a byte array (e.g., Uint8Array) representing the PDF file contents.
+
+{% tabs %}
+{% highlight ts tabtitle="Standalone" %}
+import { Component, OnInit } from '@angular/core';
+import {
+  LinkAnnotationService,
+  BookmarkViewService,
+  MagnificationService,
+  ThumbnailViewService,
+  ToolbarService,
+  NavigationService,
+  AnnotationService,
+  TextSearchService,
+  TextSelectionService,
+  FormFieldsService,
+  FormDesignerService,
+  PrintService,
+  PageOrganizerService,
+} from '@syncfusion/ej2-angular-pdfviewer';
+
+@Component({
+  selector: 'app-root',
+  template: `
+    <div class="content-wrapper">
+    <button (click)="onExtract()">Extract Pages</button>
+      <ejs-pdfviewer 
+        id="pdfViewer"
+        [resourceUrl]="resourceUrl"
+        [documentPath]="document"
+        [pageOrganizerSettings]={showExtractPagesOption:true}
+        style="height: 640px; display: block;">
+      </ejs-pdfviewer>
+    </div>
+  `,
+  providers: [
+    LinkAnnotationService,
+    BookmarkViewService,
+    MagnificationService,
+    ThumbnailViewService,
+    ToolbarService,
+    NavigationService,
+    AnnotationService,
+    TextSearchService,
+    TextSelectionService,
+    FormFieldsService,
+    FormDesignerService,
+    PrintService,
+    PageOrganizerService,
+  ]
+})
+export class AppComponent implements OnInit {
+  public document: string = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
+  public resourceUrl: string = 'https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib';
+  ngOnInit(): void { }
+
+
+  onExtract() {
+    const viewer = (document.getElementById('pdfViewer') as any).ej2_instances[0];
+     // Extract pages 1 and 2
+    const array = (viewer as any).extractPages('1,2');
+     // Load the extracted pages back into the viewer
+    (viewer as any).load(array,"");
+    console.log(array);
+  }
+}
+{% endhighlight %}
+{% endtabs %}
+
+[View sample in GitHub](https://github.com/SyncfusionExamples/angular-pdf-viewer-examples/tree/master/How%20to)
+
+## See also
+
+- [Overview](../overview)
+- [UI interactions](../ui-interactions)
+- [Programmatic support](../programmatic-support)
+- [Toolbar](../toolbar)
+- [Events](../events)
+- [Mobile view](../mobile-view)
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/mobile-view.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/mobile-view.md
new file mode 100644
index 000000000..f725e4b62
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/mobile-view.md
@@ -0,0 +1,189 @@
+---
+layout: post
+title: Redaction in mobile view in Core PDF Viewer | Syncfusion
+description: Learn how to apply redactions in mobile view using the Syncfusion ASP.NET Core PDF Viewer with a complete toolbar setup and redaction workflow.
+platform: document-processing
+control: PdfViewer
+documentation: ug
+---
+
+# Redaction in Mobile View in ASP.NET Core PdfViewer Component
+
+The Redaction Tool enables users to permanently mark and remove sensitive content from PDF documents in mobile view using the ASP.NET Core PdfViewer component. This feature is optimized for touch interactions and provides a streamlined redaction workflow specifically designed for mobile devices.
+
+![Redaction in Mobile View](./redaction-annotations-images/redaction-mobile-view.png)
+
+N> In mobile view, the redaction toolbar appears at the bottom of the viewer for easy thumb access. Mobile layout activates automatically on small screens.
+
+## Adding Redaction in Mobile View
+
+To enable redaction functionality in your ASP.NET Core application, configure the PDF Viewer with the following setup:
+
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+<div class="text-center">
+    <ejs-pdfviewer
+        id="pdfViewer"
+        style="height:640px; display:block"
+        resourceUrl="https://cdn.syncfusion.com/ej2/31.2.12/dist/ej2-pdfviewer-lib"
+        documentPath="https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf">
+    </ejs-pdfviewer>
+</div>
+<script type="text/javascript">
+window.onload = function () {
+        var viewer = document.getElementById('pdfViewer').ej2_instances[0];
+        // Include RedactionEditTool in the primary toolbar
+        viewer.toolbarSettings = {
+            toolbarItems: [
+                'OpenOption',
+                'UndoRedoTool',
+                'PageNavigationTool',
+                'MagnificationTool',
+                'PanTool',
+                'SelectionTool',
+                'CommentTool',
+                'SubmitForm',
+                'AnnotationEditTool',
+                'RedactionEditTool',
+                'FormDesignerEditTool',
+                'SearchOption',
+                'PrintOption',
+                'DownloadOption'
+            ]
+        };
+    }
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+## Understanding Mobile Redaction Toolbar Tools
+
+When you enter redaction mode in mobile view, a specialized redaction toolbar appears with multiple tools optimized for touch interaction. Each tool serves a specific purpose in the redaction workflow.
+
+### Redaction Annotation Tool
+
+The Redaction Annotation tool is the primary redaction feature that allows you to draw redaction rectangles on specific content:
+
+Function: Creates visual redaction annotations that mark content for permanent removal
+Usage:
+Touch and drag to draw rectangular redaction overlays on any content area.
+
+Process:
+- Selected content appears with a customizable overlay (default black)
+- Annotations remain editable until explicitly applied
+- Can be repositioned or deleted before final application
+
+![Redaction Annotation Tool](./redaction-annotations-images/redaction-annotation-annot.png)
+
+### Page Redaction Tool
+
+The Page Redaction tool enables batch redaction of entire pages based on specific patterns.
+
+![Page Redaction Tool](./redaction-annotations-images/page-redaction-annot.png)
+
+Function: Redacts complete pages or page ranges with a single action
+Options Available:
+- Odd Pages: Redacts only odd-numbered pages (1, 3, 5, etc.)
+- Even Pages: Redacts only even-numbered pages (2, 4, 6, etc.)
+- Specific Page: Specify single pages, ranges (e.g., 1-5, 10-15), or comma-separated lists (e.g., 1,3,5-7)
+- Current Page: Redacts only the currently displayed page
+
+Usage:
+Select desired pattern → Review affected pages in the viewer → Confirm redaction scope
+
+![Page Redaction Tool Dialog](./redaction-annotations-images/page-redaction-dialog-annot.png)
+
+### Redaction Properties Tool
+
+The Redaction Properties tool allows customization of redaction appearance before application.
+
+![Redaction Properties Mobile View](./redaction-annotations-images/redaction-properties-annot.png)
+
+Function: Customize the visual appearance of redaction overlays and text replacement
+Customizable Properties:
+- Fill Color: Change the redaction overlay color (default: black)
+- Outline Color: Set outline color for redaction boxes (optional)
+- Overlay Text: Add custom text to appear on redacted areas (e.g., "REDACTED", "CONFIDENTIAL")
+- Text Color: Change overlay text color for better visibility
+- Text Font: Select font family for overlay text
+- Text Alignment: Position overlay text within redaction boxes
+- Text Size: Adjust overlay text size relative to redaction area
+
+![Redaction Properties Dialog Mobile View](./redaction-annotations-images/redaction-properties-dialog-annot.png)
+
+## Enabling Redaction Mode in Mobile View
+
+Step 1: Tap the Redaction button in the mobile toolbar to activate redaction mode. The redaction toolbar will appear at the bottom of the viewer.
+
+![Redaction toolbar displayed at bottom of mobile PDF viewer with three distinct tools](./redaction-annotations-images/redaction-mobile-view.png)
+
+Step 2: From the redaction toolbar, select your desired redaction tool:
+- First Tool (Redaction Annotation): For selective content redaction
+- Second Tool (Page Redaction): For page-wide or pattern-based redaction
+- Third Tool (Redaction Properties): For appearance customization
+
+Step 3: Configure your redaction parameters using the selected tool interface.
+
+## Applying Different Redaction Types in Mobile View
+
+### Selective Content Redaction
+1. Select Redaction Annotation tool (first button)
+2. Choose Content: Tap and drag over text or draw rectangular areas
+3. Preview: Check redaction overlays for accuracy
+4. Apply: Tap "Apply Redactions" button
+
+### Page-Wide Redaction
+1. Select Page Redaction tool (second button)
+2. Choose Pattern: Select odd pages, even pages, or custom range
+3. Review: Verify affected pages in the viewer
+4. Apply: Confirm page redaction scope and apply
+
+### Custom Appearance Redaction
+1. Select Redaction Properties tool (third button)
+2. Customize: Adjust colors, overlay text, and formatting
+3. Preview: See changes applied to existing annotations
+4. Apply: Use customized appearance for final redaction
+
+## Applying Redactions in Mobile View
+
+N> Applying redactions is permanent. After applying, the underlying content and text are removed from the document and cannot be recovered.
+
+Once you have configured redactions using any combination of tools.
+
+Step 1: Review all redaction marks and configurations.
+
+![Review Redaction Annotation](./redaction-annotations-images/review-redaction-annotation-mv-annot.png)
+
+Step 2: Tap the Apply Redactions button in the redaction toolbar
+
+![Apply Redaction Button](./redaction-annotations-images/apply-redaction-button-mv.png)
+
+Step 3: Confirm the action when prompted - this operation is permanent and cannot be undone
+
+![Apply Redaction Dialog](./redaction-annotations-images/apply-redaction-dialog-mv-annot.png)
+
+The selected content will be permanently removed and replaced according to your redaction properties (solid color blocks or custom overlay text).
+
+![Applied Redaction](./redaction-annotations-images/applied-redaction-annot.png)
+
+## Removing Redaction Annotations
+
+To remove existing redaction annotations before they are applied:
+
+- Step 1: Tap the Redaction Edit button in the mobile toolbar to enter annotation editing mode
+- Step 2: Tap on any existing redaction annotation you wish to remove
+- Step 3: Select Delete from the context menu that appears
+
+Alternative: Tap redaction annotation → Use delete button in annotation properties panel
+
+![Delete Redaction Annotation](./redaction-annotations-images/delete-redaction-annotation-annot.png)
+
+N> Once redactions have been applied to the document, they become part of the PDF content and cannot be removed or modified.
+
+## See Also
+
+* [Redaction Overview](./overview)
+* [UI Interaction](./ui-interaction)
+* [Programmatic Support in Redaction](./programmatic-support)
+* [Toolbar](./toolbar)
+* [Search Text and Redact](./search-redact)
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/overview.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/overview.md
new file mode 100644
index 000000000..789862082
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/overview.md
@@ -0,0 +1,120 @@
+---
+layout: post
+title: Redaction annotation in Core PDF Viewer | Syncfusion
+description: Learn how to hide sensitive information with interactive and programmatic redaction using the Syncfusion ASP.NET Core PDF Viewer.
+platform: document-processing
+control: PDF Viewer
+documentation: ug
+domainurl: ##DomainURL##
+---
+
+# Redaction in ASP.NET Core PdfViewer
+
+Redaction annotations are used to hide confidential or sensitive information in a PDF. The Syncfusion ASP.NET Core PDF Viewer lets you mark areas or entire pages for redaction, customize their appearance, and permanently apply them with a single action.
+
+## Enable the redaction toolbar
+
+To enable the redaction toolbar, configure the `toolbarSettings.toolbarItems` property of the PdfViewer instance to include the **RedactionEditTool**.
+
+The following example shows how to enable the redaction toolbar:
+
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+<div class="text-center">
+    <ejs-pdfviewer
+        id="pdfViewer"
+        style="height:640px; display:block"
+        resourceUrl="https://cdn.syncfusion.com/ej2/31.2.12/dist/ej2-pdfviewer-lib"
+        documentPath="https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf">
+    </ejs-pdfviewer>
+</div>
+<script type="text/javascript">
+window.onload = function () {
+        var viewer = document.getElementById('pdfViewer').ej2_instances[0];
+        // Include RedactionEditTool in the primary toolbar
+        viewer.toolbarSettings = {
+            toolbarItems: [
+                'OpenOption',
+                'UndoRedoTool',
+                'PageNavigationTool',
+                'MagnificationTool',
+                'PanTool',
+                'SelectionTool',
+                'CommentTool',
+                'SubmitForm',
+                'AnnotationEditTool',
+                'RedactionEditTool',
+                'FormDesignerEditTool',
+                'SearchOption',
+                'PrintOption',
+                'DownloadOption'
+            ]
+        };
+    }
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+N> Prerequisites: Add the PdfViewer control to your ASP.NET Core application and ensure the redaction feature is available in the version you are using. Once applied, redaction permanently removes the selected content.
+
+![Toolbar with the Redaction tool highlighted](redaction-annotations-images/redaction-icon-toolbar.png)
+
+## Add Redaction Annotations
+
+You can mark specific content for redaction using the toolbar or through code.  
+
+Select the **Redaction tool** and draw over the text or graphics you want to hide. You can also add overlay text (such as “Confidential”) and adjust the style — fill color, border color, and opacity.
+
+![Drawing a redaction region over page content](redaction-annotations-images/adding-redaction-annotation.png)
+
+## Delete Redaction Annotations
+
+Redaction annotations can be removed easily:
+
+- Click the **Delete** button on the toolbar, or  
+- Select the annotation and press the **Delete** key.
+
+![Toolbar showing the Delete command for redaction](redaction-annotations-images/redaction-delete-icon.png)
+
+## Redact Entire Pages
+
+The viewer allows you to redact whole pages that contain sensitive information. You can choose specific pages, page ranges, or redact all pages using the built‑in dialog, or perform the same action programmatically.
+
+![Toolbar showing the Redact Page option](redaction-annotations-images/redact-page-icon.png)
+
+## Apply Redaction
+
+Once annotations are added, you can permanently apply them to the document. This action cannot be undone.  
+
+Use the **Apply Redaction** button on the toolbar or call the API method:
+
+- The button is disabled until at least one redaction annotation exists.  
+- It becomes active when redaction annotations are present.
+
+![Toolbar showing the Apply Redaction button](redaction-annotations-images/redact-button-icon.png)
+
+A confirmation dialog appears before applying redaction to ensure you acknowledge the irreversible nature of the process.
+
+![Confirmation dialog for applying redaction](redaction-annotations-images/apply-redaction-dialog.png)
+
+N> After redaction is applied, the original content cannot be recovered.
+
+## Comment Support
+
+Redaction annotations can include comments using the built‑in comment panel. This helps you add notes, track reviews, or record the reason for redaction.  
+
+Comments can be added through the UI or API. For more details, see the [Comments documentation](../annotations/comments).
+
+## Import and Export Redaction Annotations
+
+You can save and reload redaction annotations by exporting and importing them in JSON format. This makes it easy to persist annotations or share them across sessions.
+
+For more details, see the [Export and import annotations documentation](../how-to/import-export-annotation).
+
+## See also
+
+* [Redaction UI interactions](./ui-interaction)
+* [Redaction Programmatic support](./programmatic-support)
+* [Redaction Toolbar](./toolbar)
+* [Redaction Mobile view](./mobile-view)
+* [Search Text and Redact](./search-redact)
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/programmatic-support.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/programmatic-support.md
new file mode 100644
index 000000000..9beadd350
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/programmatic-support.md
@@ -0,0 +1,328 @@
+---
+layout: post
+title: Redaction Programmatic support in Core PDF Viewer | Syncfusion
+description: Learn how to add, delete, update, and apply redaction annotations programmatically in the Syncfusion ASP.NET Core PDF Viewer.
+platform: document-processing
+control: PdfViewer
+documentation: ug
+---
+
+# Programmatic support for redaction in ASP.NET Core PdfViewer
+
+The Syncfusion ASP.NET Core PDF Viewer provides APIs to add, update, delete, and apply redaction annotations programmatically. You can also redact entire pages, configure default properties, and work with the redaction property panel.
+
+## Enable the redaction toolbar
+
+To enable the redaction toolbar, configure the `toolbarSettings.toolbarItems` property of the PdfViewer instance to include the **RedactionEditTool**.
+
+The following example shows how to enable the redaction toolbar:
+
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+<div class="text-center">
+    <ejs-pdfviewer
+        id="pdfViewer"
+        style="height:640px; display:block"
+        resourceUrl="https://cdn.syncfusion.com/ej2/31.2.12/dist/ej2-pdfviewer-lib"
+        documentPath="https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf">
+    </ejs-pdfviewer>
+</div>
+<script type="text/javascript">
+window.onload = function () {
+        var viewer = document.getElementById('pdfViewer').ej2_instances[0];
+        // Include RedactionEditTool in the primary toolbar
+        viewer.toolbarSettings = {
+            toolbarItems: [
+                'OpenOption',
+                'UndoRedoTool',
+                'PageNavigationTool',
+                'MagnificationTool',
+                'PanTool',
+                'SelectionTool',
+                'CommentTool',
+                'SubmitForm',
+                'AnnotationEditTool',
+                'RedactionEditTool',
+                'FormDesignerEditTool',
+                'SearchOption',
+                'PrintOption',
+                'DownloadOption'
+            ]
+        };
+    }
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+## Add redaction annotations programmatically
+
+You can add redaction annotations to a PDF document using the `addAnnotation` method of the `annotation` module. You can listen to the `annotationAdd` event to track when annotations are added.
+
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+<div class="text-center">
+    <div style="margin-bottom:8px; display:flex; gap:8px; align-items:center;">
+        <button id="addRedactAnnot" type="button" onclick="addRedaction()">Add Redaction Annotation</button>
+    </div>
+    <ejs-pdfviewer
+        id="pdfViewer"
+        style="height:640px; display:block"
+        resourceUrl="https://cdn.syncfusion.com/ej2/31.2.12/dist/ej2-pdfviewer-lib"
+        documentPath="https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf">
+    </ejs-pdfviewer>
+</div>
+<script type="text/javascript">
+    window.onload = function () {
+        window.viewer = document.getElementById('pdfViewer').ej2_instances[0];
+        viewer.toolbarSettings = {
+            toolbarItems: [
+                'OpenOption', 'UndoRedoTool', 'PageNavigationTool', 'MagnificationTool', 'PanTool',
+                'SelectionTool', 'CommentTool', 'SubmitForm', 'AnnotationEditTool', 'RedactionEditTool',
+                'FormDesignerEditTool', 'SearchOption', 'PrintOption', 'DownloadOption'
+            ]
+        };
+    };
+    function addRedaction() {
+        if (!window.viewer) return;
+        viewer.annotation.addAnnotation('Redaction', {
+            bound: { x: 200, y: 480, width: 150, height: 75 },
+            pageNumber: 1,
+            markerFillColor: '#0000FF',
+            markerBorderColor: 'white',
+            fillColor: 'red',
+            overlayText: 'Confidential',
+            fontColor: 'yellow',
+            fontFamily: 'Times New Roman',
+            fontSize: 8,
+            beforeRedactionsApplied: false
+        });
+        console.log('Redaction annotation added');
+    }
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+## Delete redaction annotations programmatically
+
+Redaction annotations can be removed using the `deleteAnnotationById` event or by selecting and deleting them through code.
+
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+<div class="text-center">
+    <div style="margin-bottom:8px;">
+        <button type="button" onclick="deleteAnnotationById()">Delete Annotation By Id</button>
+    </div>
+    <ejs-pdfviewer
+        id="pdfViewer"
+        style="height:640px; display:block"
+        resourceUrl="https://cdn.syncfusion.com/ej2/31.2.12/dist/ej2-pdfviewer-lib"
+        documentPath="https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf">
+    </ejs-pdfviewer>
+</div>
+<script type="text/javascript">
+    window.onload = function () {
+        window.viewer = document.getElementById('pdfViewer').ej2_instances[0];
+        viewer.toolbarSettings = {
+            toolbarItems: [
+                'OpenOption', 'UndoRedoTool', 'PageNavigationTool', 'MagnificationTool', 'PanTool',
+                'SelectionTool', 'CommentTool', 'SubmitForm', 'AnnotationEditTool', 'RedactionEditTool',
+                'FormDesignerEditTool', 'SearchOption', 'PrintOption', 'DownloadOption'
+            ]
+        };
+    };
+    function deleteAnnotationById() {
+        if (!window.viewer) return;
+        var first = viewer.annotationCollection && viewer.annotationCollection[0];
+        if (first) {
+            viewer.annotationModule.deleteAnnotationById(first.annotationId);
+        }
+    }
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+
+Alternatively, you can remove annotations by selecting them in the UI and pressing the **Delete** key.
+
+## Update redaction annotation properties programmatically
+
+You can update properties of an existing redaction annotation using the `editAnnotation` API. For example, to change overlay text or fill color:
+
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+<div class="text-center">
+    <div style="margin-bottom:8px; display:flex; gap:8px;">
+        <button id="editRedactAnnotation" type="button" onclick="editRedactAnnotation()">Edit Redact Annotation</button>
+    </div>
+    <ejs-pdfviewer
+        id="pdfViewer"
+        style="height:640px; display:block"
+        resourceUrl="https://cdn.syncfusion.com/ej2/31.2.12/dist/ej2-pdfviewer-lib"
+        documentPath="https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf">
+    </ejs-pdfviewer>
+</div>
+<script type="text/javascript">
+    window.onload = function () {
+        window.viewer = document.getElementById('pdfViewer').ej2_instances[0];
+        viewer.toolbarSettings = {
+            toolbarItems: [
+                'OpenOption', 'UndoRedoTool', 'PageNavigationTool', 'MagnificationTool', 'PanTool',
+                'SelectionTool', 'CommentTool', 'SubmitForm', 'AnnotationEditTool', 'RedactionEditTool',
+                'FormDesignerEditTool', 'SearchOption', 'PrintOption', 'DownloadOption'
+            ]
+        };
+    };
+    function editRedactAnnotation() {
+        if (!window.viewer) return;
+        var collection = viewer.annotationCollection || [];
+        for (var i = 0; i < collection.length; i++) {
+            if (collection[i].subject === 'Redaction') {
+                collection[i].overlayText = 'EditedAnnotation';
+                collection[i].markerFillColor = '#22FF00';
+                collection[i].markerBorderColor = '#000000';
+                collection[i].isRepeat = true;
+                collection[i].fillColor = '#F8F8F8';
+                collection[i].fontColor = '#333333';
+                collection[i].fontSize = 14;
+                collection[i].fontFamily = 'Symbol';
+                collection[i].textAlign = 'Right';
+                collection[i].beforeRedactionsApplied = false;
+                viewer.annotation.editAnnotation(collection[i]);
+            }
+        }
+    }
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+## Add page redactions programmatically
+
+Entire pages can be marked for redaction using the `addPageRedactions` method:
+
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+<div class="text-center">
+    <div style="margin-bottom:8px; display:flex; gap:8px; align-items:center;">
+        <button id="addPageRedactions" type="button" onclick="addPageRedactions()">Add Page Redaction</button>
+    </div>
+    <ejs-pdfviewer
+        id="pdfViewer"
+        style="height:640px; display:block"
+        resourceUrl="https://cdn.syncfusion.com/ej2/31.2.12/dist/ej2-pdfviewer-lib"
+        documentPath="https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf">
+    </ejs-pdfviewer>
+</div>
+<script type="text/javascript">
+    window.onload = function () {
+        window.viewer = document.getElementById('pdfViewer').ej2_instances[0];
+        viewer.toolbarSettings = {
+            toolbarItems: [
+                'OpenOption', 'UndoRedoTool', 'PageNavigationTool', 'MagnificationTool', 'PanTool',
+                'SelectionTool', 'CommentTool', 'SubmitForm', 'AnnotationEditTool', 'RedactionEditTool',
+                'FormDesignerEditTool', 'SearchOption', 'PrintOption', 'DownloadOption'
+            ]
+        };
+    };
+    function addPageRedactions() {
+        if (!window.viewer) return;
+        // pages 1, 3, 5, 7
+        viewer.annotation.addPageRedactions([1, 3, 5, 7]);
+    }
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+## Apply redaction programmatically
+
+Once annotations are added, you can permanently apply them to the document using the `redact` method:
+
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+<div class="text-center">
+    <div style="margin-bottom:8px; display:flex; gap:8px; align-items:center;">
+        <button id="redact" type="button" onclick="applyRedaction()">Apply Redaction</button>
+    </div>
+    <ejs-pdfviewer
+        id="pdfViewer"
+        style="height:640px; display:block"
+        resourceUrl="https://cdn.syncfusion.com/ej2/31.2.12/dist/ej2-pdfviewer-lib"
+        documentPath="https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf">
+    </ejs-pdfviewer>
+</div>
+<script type="text/javascript">
+    window.onload = function () {
+        window.viewer = document.getElementById('pdfViewer').ej2_instances[0];
+        viewer.toolbarSettings = {
+            toolbarItems: [
+                'OpenOption', 'UndoRedoTool', 'PageNavigationTool', 'MagnificationTool', 'PanTool',
+                'SelectionTool', 'CommentTool', 'SubmitForm', 'AnnotationEditTool', 'RedactionEditTool',
+                'FormDesignerEditTool', 'SearchOption', 'PrintOption', 'DownloadOption'
+            ]
+        };
+    };
+    function applyRedaction() {
+        if (!window.viewer) return;
+        viewer.annotation.redact();
+    }
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+N> Applying redaction is irreversible. Once applied, the original content cannot be recovered.
+
+## Configure default redaction annotation properties
+
+You can configure default properties for redaction annotations (such as fill color, overlay text, and font) when adding them programmatically:
+
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+<div class="text-center">
+    <ejs-pdfviewer
+        id="pdfViewer"
+        style="height:640px; display:block"
+        resourceUrl="https://cdn.syncfusion.com/ej2/31.2.12/dist/ej2-pdfviewer-lib"
+        documentPath="https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf">
+    </ejs-pdfviewer>
+</div>
+<script type="text/javascript">
+    window.onload = function () {
+        window.viewer = document.getElementById('pdfViewer').ej2_instances[0];
+        viewer.toolbarSettings = {
+            toolbarItems: [
+                'OpenOption', 'UndoRedoTool', 'PageNavigationTool', 'MagnificationTool', 'PanTool',
+                'SelectionTool', 'CommentTool', 'SubmitForm', 'AnnotationEditTool', 'RedactionEditTool',
+                'FormDesignerEditTool', 'SearchOption', 'PrintOption', 'DownloadOption'
+            ]
+        };
+        // Default redaction properties
+        viewer.redactionSettings = {
+            overlayText: 'Confidential',
+            markerFillColor: '#FF0000',
+            markerBorderColor: '#000000',
+            isRepeat: false,
+            fillColor: '#F8F8F8',
+            fontColor: '#333333',
+            fontSize: 14,
+            fontFamily: 'Symbol',
+            textAlign: 'Right'
+        };
+    };
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+[View Sample in GitHub](https://github.com/SyncfusionExamples/asp-core-pdf-viewer-examples)
+
+## Redaction property panel
+
+The redaction property panel allows users to update annotation properties through the UI. Programmatically, you can invoke the property panel by selecting an annotation and calling the relevant APIs. Properties such as overlay text, font style, and fill color can be updated directly in the panel.
+
+![Redaction Property Panel](../redaction/redaction-annotations-images/redaction-property-panel-icon.png)
+
+## See also
+
+* [Overview of Redaction](./overview)
+* [Redaction UI interactions](./ui-interaction)
+* [Redaction Toolbar](./toolbar)
+* [Reaction in Mobile view](./mobile-view)
+* [Search Text and Redact](./search-redact)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/redaction-annotations-images/adding-redaction-annotation.png b/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/redaction-annotations-images/adding-redaction-annotation.png
new file mode 100644
index 000000000..b25b31126
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/redaction-annotations-images/adding-redaction-annotation.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/redaction-annotations-images/after-redaction-fill-color.png b/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/redaction-annotations-images/after-redaction-fill-color.png
new file mode 100644
index 000000000..f855a867a
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/redaction-annotations-images/after-redaction-fill-color.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/redaction-annotations-images/applied-redaction-annot.png b/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/redaction-annotations-images/applied-redaction-annot.png
new file mode 100644
index 000000000..f6a6a2831
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/redaction-annotations-images/applied-redaction-annot.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/redaction-annotations-images/apply-redaction-button-mv.png b/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/redaction-annotations-images/apply-redaction-button-mv.png
new file mode 100644
index 000000000..bd02a6bc3
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/redaction-annotations-images/apply-redaction-button-mv.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/redaction-annotations-images/apply-redaction-dialog-mv-annot.png b/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/redaction-annotations-images/apply-redaction-dialog-mv-annot.png
new file mode 100644
index 000000000..0dea706e6
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/redaction-annotations-images/apply-redaction-dialog-mv-annot.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/redaction-annotations-images/apply-redaction-dialog.png b/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/redaction-annotations-images/apply-redaction-dialog.png
new file mode 100644
index 000000000..0692de34e
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/redaction-annotations-images/apply-redaction-dialog.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/redaction-annotations-images/delete-redaction-annotation-annot.png b/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/redaction-annotations-images/delete-redaction-annotation-annot.png
new file mode 100644
index 000000000..8e061a883
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/redaction-annotations-images/delete-redaction-annotation-annot.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/redaction-annotations-images/moving-redaction-annotation.png b/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/redaction-annotations-images/moving-redaction-annotation.png
new file mode 100644
index 000000000..f7715e2d1
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/redaction-annotations-images/moving-redaction-annotation.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/redaction-annotations-images/page-redaction-annot.png b/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/redaction-annotations-images/page-redaction-annot.png
new file mode 100644
index 000000000..bf4804998
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/redaction-annotations-images/page-redaction-annot.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/redaction-annotations-images/page-redaction-dialog-annot.png b/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/redaction-annotations-images/page-redaction-dialog-annot.png
new file mode 100644
index 000000000..69658a826
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/redaction-annotations-images/page-redaction-dialog-annot.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/redaction-annotations-images/page-redaction-panel.png b/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/redaction-annotations-images/page-redaction-panel.png
new file mode 100644
index 000000000..be68305ae
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/redaction-annotations-images/page-redaction-panel.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/redaction-annotations-images/redact-button-icon.png b/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/redaction-annotations-images/redact-button-icon.png
new file mode 100644
index 000000000..954df393d
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/redaction-annotations-images/redact-button-icon.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/redaction-annotations-images/redact-page-icon.png b/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/redaction-annotations-images/redact-page-icon.png
new file mode 100644
index 000000000..0c9dbed27
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/redaction-annotations-images/redact-page-icon.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/redaction-annotations-images/redact-text-context-menu.png b/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/redaction-annotations-images/redact-text-context-menu.png
new file mode 100644
index 000000000..a88985b39
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/redaction-annotations-images/redact-text-context-menu.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/redaction-annotations-images/redaction-annotation-annot.png b/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/redaction-annotations-images/redaction-annotation-annot.png
new file mode 100644
index 000000000..5e9cde040
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/redaction-annotations-images/redaction-annotation-annot.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/redaction-annotations-images/redaction-annotation-appearance.png b/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/redaction-annotations-images/redaction-annotation-appearance.png
new file mode 100644
index 000000000..506dd4f87
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/redaction-annotations-images/redaction-annotation-appearance.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/redaction-annotations-images/redaction-delete-context-menu.png b/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/redaction-annotations-images/redaction-delete-context-menu.png
new file mode 100644
index 000000000..cd8f38b82
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/redaction-annotations-images/redaction-delete-context-menu.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/redaction-annotations-images/redaction-delete-icon.png b/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/redaction-annotations-images/redaction-delete-icon.png
new file mode 100644
index 000000000..4026f8c49
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/redaction-annotations-images/redaction-delete-icon.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/redaction-annotations-images/redaction-icon-toolbar.png b/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/redaction-annotations-images/redaction-icon-toolbar.png
new file mode 100644
index 000000000..6de03e8cc
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/redaction-annotations-images/redaction-icon-toolbar.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/redaction-annotations-images/redaction-mobile-view.png b/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/redaction-annotations-images/redaction-mobile-view.png
new file mode 100644
index 000000000..2d9539200
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/redaction-annotations-images/redaction-mobile-view.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/redaction-annotations-images/redaction-overalytext.png b/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/redaction-annotations-images/redaction-overalytext.png
new file mode 100644
index 000000000..b9d833921
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/redaction-annotations-images/redaction-overalytext.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/redaction-annotations-images/redaction-properties-annot.png b/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/redaction-annotations-images/redaction-properties-annot.png
new file mode 100644
index 000000000..079e65e59
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/redaction-annotations-images/redaction-properties-annot.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/redaction-annotations-images/redaction-properties-dialog-annot.png b/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/redaction-annotations-images/redaction-properties-dialog-annot.png
new file mode 100644
index 000000000..5a56fb1d5
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/redaction-annotations-images/redaction-properties-dialog-annot.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/redaction-annotations-images/redaction-property-panel-icon.png b/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/redaction-annotations-images/redaction-property-panel-icon.png
new file mode 100644
index 000000000..3cc44eb64
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/redaction-annotations-images/redaction-property-panel-icon.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/redaction-annotations-images/redaction-property-panel-via-context-menu.png b/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/redaction-annotations-images/redaction-property-panel-via-context-menu.png
new file mode 100644
index 000000000..08d9a3a6a
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/redaction-annotations-images/redaction-property-panel-via-context-menu.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/redaction-annotations-images/resizing-redaction-annotation.png b/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/redaction-annotations-images/resizing-redaction-annotation.png
new file mode 100644
index 000000000..846e301da
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/redaction-annotations-images/resizing-redaction-annotation.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/redaction-annotations-images/review-redaction-annotation-mv-annot.png b/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/redaction-annotations-images/review-redaction-annotation-mv-annot.png
new file mode 100644
index 000000000..a78383509
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/redaction-annotations-images/review-redaction-annotation-mv-annot.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/redaction-annotations-images/show-redaction-toolbar.png b/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/redaction-annotations-images/show-redaction-toolbar.png
new file mode 100644
index 000000000..94d75eb3b
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/redaction-annotations-images/show-redaction-toolbar.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/search-redact.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/search-redact.md
new file mode 100644
index 000000000..879f504e5
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/search-redact.md
@@ -0,0 +1,122 @@
+---
+layout: post
+title: Search text and redact in Core PDF Viewer | Syncfusion
+description: Learn how to find text and add redaction annotations programmatically in the Syncfusion ASP.NET Core PDF Viewer.
+platform: document-processing
+control: PDF Viewer
+documentation: ug
+domainurl: ##DomainURL##
+---
+
+# Search text and redact in ASP.NET Core PdfViewer
+
+You can search for a keyword in the loaded PDF and automatically add redaction annotations over each match. The example below wires the extractTextCompleted event, triggers text extraction, performs a search, and places redaction annotations for every result.
+
+N> Prerequisites: Add the PdfViewer control to your ASP.NET Core application and ensure a document is loaded. Make sure the redaction feature is available in the version you are using. Once applied, redaction permanently removes the selected content.
+
+## Steps to add Redaction annotations on search Text Bounds
+
+**Step 1:** Follow the steps provided in the [link](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/asp-net-core/getting-started) to create a simple PDF Viewer sample.
+
+
+**Step 2:** Use the following code-snippets to Add Redaction annotation on Search Text Bounds.
+
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+@page
+@model IndexModel
+@{
+    ViewData["Title"] = "Search text and redact";
+}
+<div class="content-wrapper">
+    <div style="margin-bottom:8px; display:flex; gap:8px; align-items:center;">
+        <button id="searchTextRedact" type="button" onclick="searchTextAndRedact()">Search "syncfusion" & Mark for Redaction</button>
+        <button id="applyRedaction" type="button" onclick="applyRedaction()">Apply Redaction</button>
+    </div>
+
+    <ejs-pdfviewer
+        id="pdfViewer"
+        style="height:640px; display:block"
+        resourceUrl="https://cdn.syncfusion.com/ej2/31.2.12/dist/ej2-pdfviewer-lib"
+        documentPath="https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf"
+        isExtractText="true">
+    </ejs-pdfviewer>
+</div>
+<script type="text/javascript">
+    window.onload = function () {
+        window.viewer = document.getElementById('pdfViewer').ej2_instances[0];
+        // Primary toolbar including Redaction
+        viewer.toolbarSettings = {
+            toolbarItems: [
+                'OpenOption', 'UndoRedoTool', 'PageNavigationTool', 'MagnificationTool', 'PanTool',
+                'SelectionTool', 'CommentTool', 'SubmitForm', 'AnnotationEditTool', 'RedactionEditTool',
+                'FormDesignerEditTool', 'SearchOption', 'PrintOption', 'DownloadOption'
+            ]
+        };
+    };
+
+    // Finds "syncfusion" and adds redaction annotations for each match
+    async function searchTextAndRedact() {
+        if (!window.viewer) return;
+        var term = 'syncfusion';
+        try {
+            var results = await viewer.textSearchModule.findTextAsync(term, false);
+            if (!results || results.length === 0) {
+                console.warn('No matches found.');
+                return;
+            }
+            var px = function (pt) { return (pt * 96) / 72; };
+            for (var i = 0; i < results.length; i++) {
+                var pageResult = results[i];
+                if (!pageResult || !pageResult.bounds || pageResult.bounds.length === 0) continue;
+                if (pageResult.pageIndex == null) continue;
+                var pageNumber = pageResult.pageIndex + 1; // 1-based
+                for (var b = 0; b < pageResult.bounds.length; b++) {
+                    var bound = pageResult.bounds[b];
+                    viewer.annotation.addAnnotation('Redaction', {
+                        bound: {
+                            x: px(bound.x),
+                            y: px(bound.y),
+                            width: px(bound.width),
+                            height: px(bound.height)
+                        },
+                        pageNumber: pageNumber,
+                        overlayText: 'Confidential',
+                        fillColor: '#00FF40FF',
+                        fontColor: '#333333',
+                        fontSize: 12,
+                        fontFamily: 'Arial',
+                        markerFillColor: '#FF0000',
+                        markerBorderColor: '#000000'
+                    });
+                }
+            }
+        } catch (e) {
+            console.error('Search failed:', e);
+        }
+    }
+
+    // Permanently applies all redaction marks in the document
+    function applyRedaction() {
+        if (!window.viewer) return;
+        viewer.annotation.redact();
+    }
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+[View Sample in GitHub](https://github.com/SyncfusionExamples/asp-core-pdf-viewer-examples)
+
+## Notes
+- Ensure the PDF is fully loaded before triggering extraction and search.
+- Bounds from search are in points (72 DPI). Convert to pixels (96 DPI) to align with annotation coordinates.
+- Customize overlay text, colors, and typography as needed.
+- Adding a redaction annotation covers the content visually. To permanently remove sensitive data, use the viewer's Apply Redaction action or equivalent API if available in your version.
+
+## See also
+
+* [Overview of Redaction](./overview)
+* [Programmatic Support in Redaction](./programmatic-support)
+* [UI interactions](./ui-interaction)
+* [Redaction in Mobile View](./mobile-view)
+* [Redaction Toolbar](./toolbar)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/toolbar.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/toolbar.md
new file mode 100644
index 000000000..597913df3
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/toolbar.md
@@ -0,0 +1,129 @@
+---
+layout: post
+title: Customize the redaction toolbar in Core PDF Viewer | Syncfusion
+description: Learn how to customize the redaction toolbar in the Syncfusion ASP.NET Core PDF Viewer by showing or hiding default items.
+platform: document-processing
+control: PDF Viewer
+documentation: ug
+---
+
+# Redaction toolbar customization in ASP.NET Core
+
+The redaction toolbar in the Syncfusion ASP.NET Core PDF Viewer can be customized by rearranging existing items, hiding default items, or adding new ones. You can also place custom items at specific index positions among the existing toolbar items.
+
+## Enable the redaction toolbar
+
+To enable the redaction toolbar, configure the `toolbarSettings.toolbarItems` property of the PdfViewer instance to include the **RedactionEditTool**.
+
+The following example shows how to enable the redaction toolbar:
+
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+<div class="text-center">
+    <ejs-pdfviewer
+        id="pdfViewer"
+        style="height:640px; display:block"
+        resourceUrl="https://cdn.syncfusion.com/ej2/31.2.12/dist/ej2-pdfviewer-lib"
+        documentPath="https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf">
+    </ejs-pdfviewer>
+</div>
+<script type="text/javascript">
+window.onload = function () {
+        var viewer = document.getElementById('pdfViewer').ej2_instances[0];
+        // Include RedactionEditTool in the primary toolbar
+        viewer.toolbarSettings = {
+            toolbarItems: [
+                'OpenOption',
+                'UndoRedoTool',
+                'PageNavigationTool',
+                'MagnificationTool',
+                'PanTool',
+                'SelectionTool',
+                'CommentTool',
+                'SubmitForm',
+                'AnnotationEditTool',
+                'RedactionEditTool',
+                'FormDesignerEditTool',
+                'SearchOption',
+                'PrintOption',
+                'DownloadOption'
+            ]
+        };
+    }
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+Refer to the following image for the toolbar view:
+
+![Enable redaction toolbar](../redaction/redaction-annotations-images/redaction-icon-toolbar.png)
+
+## Show or hide the redaction toolbar
+
+You can toggle the redaction toolbar either using the built‑in toolbar icon or programmatically with the `showRedactionToolbar` method.
+
+### Display the redaction toolbar using the toolbar icon
+
+When **RedactionEditTool** is included in the toolbar settings, clicking the redaction icon in the primary toolbar will show or hide the redaction toolbar.
+
+![Show redaction toolbar from the primary toolbar](../redaction/redaction-annotations-images/redaction-icon-toolbar.png)
+
+### Display the redaction toolbar programmatically
+
+You can also control visibility through code by calling `viewer.toolbar.showRedactionToolbar(true/false)`.
+
+The following example demonstrates toggling the redaction toolbar programmatically:
+
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+<div class="content-wrapper">
+    <!-- Separate buttons: Show and Hide Redaction toolbar -->
+    <div style="margin-bottom:8px; display:flex; gap:8px;">
+        <button type="button" onclick="showRedactionToolbar()">Show Redaction Toolbar</button>
+        <button type="button" onclick="hideRedactionToolbar()">Hide Redaction Toolbar</button>
+    </div>
+    <ejs-pdfviewer
+        id="pdfViewer"
+        style="height:640px; display:block"
+        resourceUrl="https://cdn.syncfusion.com/ej2/31.2.12/dist/ej2-pdfviewer-lib"
+        documentPath="https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf">
+    </ejs-pdfviewer>
+</div>
+<script type="text/javascript">
+    window.onload = function () {
+        window.viewer = document.getElementById('pdfViewer').ej2_instances[0];
+        // Includes RedactionEditTool in the primary toolbar
+        viewer.toolbarSettings = {
+            toolbarItems: [
+                'OpenOption', 'UndoRedoTool', 'PageNavigationTool', 'MagnificationTool', 'PanTool',
+                'SelectionTool', 'CommentTool', 'SubmitForm', 'AnnotationEditTool', 'RedactionEditTool',
+                'FormDesignerEditTool', 'SearchOption', 'PrintOption', 'DownloadOption'
+            ]
+        };
+    };
+    // Separate handlers for show/hide (no toggle)
+    function showRedactionToolbar() {
+        if (!window.viewer) return;
+        viewer.toolbar.showRedactionToolbar(true);
+    }
+    function hideRedactionToolbar() {
+        if (!window.viewer) return;
+        viewer.toolbar.showRedactionToolbar(false);
+    }
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+[View Sample in GitHub](https://github.com/SyncfusionExamples/asp-core-pdf-viewer-examples)
+
+Refer to the following image for details:
+
+![Programmatically show the Redaction toolbar](../redaction/redaction-annotations-images/show-redaction-toolbar.png)
+
+## See also
+
+* [Adding the redaction annotation in PDF viewer](../redaction/overview)
+* [UI interactions](./ui-interaction)
+* [Programmatic support](./programmatic-support)
+* [Mobile view](./mobile-view)
+* [Search Text and Redact](./search-redact)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/ui-interaction.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/ui-interaction.md
new file mode 100644
index 000000000..2b46addc4
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/ui-interaction.md
@@ -0,0 +1,135 @@
+---
+layout: post
+title: Redaction UI interactions in Core PDF Viewer | Syncfusion
+description: Learn about UI interactions in Redaction annotations of the Syncfusion ASP.NET Core PDF Viewer component.
+platform: document-processing
+control: PDF Viewer
+documentation: ug
+---
+
+# Redaction UI interactions in ASP.NET Core PdfViewer
+
+## Add redaction annotations from the toolbar
+
+Use the redaction tool in the toolbar to draw over content that should be hidden. After marking, an annotation can display overlay text (for example, “Confidential”) and can be styled using fill color and other properties.
+
+![Drawing a redaction annotation on the page](redaction-annotations-images/adding-redaction-annotation.png)
+
+#### Redaction annotations are interactive
+
+* **Movable** – Drag and reposition the annotation within the same page.  
+![Moving a redaction annotation](redaction-annotations-images/moving-redaction-annotation.png)
+
+* **Resizable** – Resize the annotation to cover the required area.  
+![Resizing a redaction annotation](redaction-annotations-images/resizing-redaction-annotation.png)
+
+N> The redaction tool is hidden by default. Customize the toolbar to include it. For instructions, see the [Toolbar customization](../toolbar).
+
+## Add redaction annotations using the context menu
+
+In addition to the toolbar, you can add redaction annotations directly from the context menu. Select the text or region, right‑click (or long‑press on mobile), and choose the **Redact Annotation** option. This creates a redaction mark over the selected content.
+
+![Context menu showing Redact Annotation option](redaction-annotations-images/redact-text-context-menu.png)
+
+## Update redaction properties
+
+After adding a redaction annotation, you can update its properties through the property panel or programmatically.
+
+### Update using the property panel
+
+When a redaction annotation is selected, a two‑tab property panel (General and Appearance) lets you customize text and styling. Changes are reflected instantly on the redaction mark.
+
+The property panel can be opened in two ways:
+
+* By clicking the **redaction property panel** icon in the toolbar.  
+![Redaction Property Panel Icon](redaction-annotations-images/redaction-property-panel-icon.png)
+
+* By right‑clicking (or long‑pressing) the annotation and choosing **Properties** from the context menu.  
+![Redaction Property Panel via Context Menu](redaction-annotations-images/redaction-property-panel-via-context-menu.png)
+
+#### General tab
+
+Use the General tab to define how the content will look after redaction. These settings control the final, burned‑in result and provide a live preview on hover.
+
+* Use Overlay Text – Enable to show text (for example, Confidential) over the redacted area.
+* Overlay Text – Enter the text to display.
+* Repeat Overlay Text – Tile the text to cover the whole region.
+
+![Overlay Text Options](redaction-annotations-images/redaction-overalytext.png)
+
+* Font options – Choose family, size, color, and alignment for the overlay text.
+* Fill Color – Select the color that will fill the region after redaction is applied.
+
+![Fill Color in General Tab](redaction-annotations-images/after-redaction-fill-color.png)
+
+Note: Hovering the mouse over a redaction annotation shows a preview of this final look. After you click Apply Redaction, these settings are flattened into the page and can’t be edited. Tip: Click Save in the dialog to keep your changes.
+
+#### Appearance tab
+
+Use the Appearance tab to style the redaction annotation itself (before applying). These options help you see and manage the box on the page but do not change the final redacted output.
+
+* Fill Color – Sets the annotation’s fill while you review and move/resize it.
+* Outline Color – Optional border for the annotation.
+* Fill Opacity – Controls how transparent the annotation appears during review.
+
+Note: The Appearance tab affects only the temporary annotation. The final look after applying redaction comes from the General tab settings.
+
+![Appearance Tab Settings](redaction-annotations-images/redaction-annotation-appearance.png)
+
+### What changes after applying redaction?
+
+When you click Apply Redaction:
+
+* The selected content is permanently removed from the page.
+* The redaction region is flattened into the page with a solid fill that uses the General tab Fill Color.
+* If overlay text was enabled, the text is burned into the page. If Repeat Overlay Text was enabled, the text is tiled across the region.
+* All properties become read‑only. You cannot edit overlay text, fill color, outline, or opacity after applying. Set the final look in the General tab and use the Appearance tab only to style the annotation before you apply.
+
+## Delete redaction annotations
+
+Delete redaction annotations using any of the following:
+
+* **Right-click and select Delete** from the context menu.
+
+![Context menu showing Delete for a redaction](redaction-annotations-images/redaction-delete-context-menu.png)
+
+* **Click the Delete button** on the toolbar.  
+![Toolbar delete icon for redaction](redaction-annotations-images/redaction-delete-icon.png)
+
+* **Press the Delete key** after selecting the annotation.
+
+## Redact pages using the UI
+
+Entire pages can be marked for redaction using the **Redact Pages** option in the toolbar. Clicking the icon opens a dialog with options:
+
+* **Current Page** – Redacts the page currently in view.  
+* **Odd Pages Only** – Redacts all odd‑numbered pages.  
+* **Even Pages Only** – Redacts all even‑numbered pages.  
+* **Specific Pages** – Enter page numbers or ranges (e.g., 1, 3–5, 7) to redact.
+
+After choosing the range, click **Save** to apply redaction marks to the selected pages.
+
+![Page Redaction Panel](redaction-annotations-images/page-redaction-panel.png)
+
+## Apply redaction from the toolbar
+
+The **Apply Redaction** button permanently removes all marked content from the document.
+
+* The button is disabled when no redaction annotations exist.  
+* It automatically enables once at least one annotation is present.
+
+![Redact Button Icon](redaction-annotations-images/redact-button-icon.png)
+
+A confirmation dialog appears before applying redaction to ensure you acknowledge the irreversible nature of the process.
+
+![Apply Redaction Dialog](redaction-annotations-images/apply-redaction-dialog.png)
+
+N> Redaction is permanent. Once applied, the original content cannot be restored.
+
+## See also
+
+* [Overview of Redaction](./overview)
+* [Programmatic Support in Redaction](./programmatic-support)
+* [Redaction in Mobile View](./mobile-view)
+* [Redaction Toolbar](./toolbar)
+* [Search Text and Redact](./search-redact)
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to-overview.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to-overview.md
index 73355d7dc..59c9b2a03 100644
--- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to-overview.md
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to-overview.md
@@ -63,3 +63,4 @@ The frequently asked questions in Essential<sup>&reg;</sup> PDF Viewer are liste
 * [How to select annotations in multi page?](./how-to/select-multi-page-annotations)
 * [How to get the annotation when it is overlapped with another annotation on its selection?](./how-to/overlapped-annotation)
 * [How to print the PDF document silently?](./how-to/print-document)
+* [Load Document after resources Loaded](./how-to/load-document-after-resources-loaded)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/load-document-after-resources-loaded.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/load-document-after-resources-loaded.md
new file mode 100644
index 000000000..af8dc66b9
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/how-to/load-document-after-resources-loaded.md
@@ -0,0 +1,77 @@
+---
+layout: post
+title: Load document after resources Loaded Core PDF Viewer | Syncfusion
+description: Learn here how to load a PDF only after assets are ready in the Syncfusion ASP.NET Core PDF Viewer (Standalone) using the resourcesLoaded event.
+platform: document-processing
+control: PDF Viewer 
+documentation: ug
+domainurl: ##DomainURL##
+---
+
+# Load a PDF only after PDFium resources are ready
+
+In Standalone mode, the ASP.NET Core PDF Viewer downloads its PDFium runtime assets (scripts/wasm) from the location specified in the resourceUrl property. Attempting to load a document before those assets are available can cause errors. Use the resourcesLoaded event to defer document loading until all required assets are ready.
+
+## When does resourcesLoaded trigger?
+
+The resourcesLoaded event fires once the viewer finishes loading all required PDFium assets. At this point, it is safe to call the load method to open a document (by URL or Base64).
+
+## How to Load Document after resourcesLoaded
+
+- Set the resourceUrl to a valid PDF Viewer assets path (CDN or your hosted path).
+- Listen to resourcesLoaded and call load inside the handler.
+
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+
+@page
+@model IndexModel
+@{
+    ViewData["Title"] = "Home page";
+}
+
+<div class="text-center">
+    <ejs-pdfviewer
+        id="pdfViewer"
+        style="height:600px; display:block"
+        resourceUrl="https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib"
+        resourcesLoaded="onResourcesLoaded">
+    </ejs-pdfviewer>
+</div>
+
+<script>
+  // Choose one of the following load sources:
+  var documentUrl = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
+  var base64 = ''; // put Base64 if you want to load from base64
+
+  // Called automatically when the PDF Viewer’s resources (worker/lib) are ready
+  function onResourcesLoaded(args) {
+    var viewer = document.getElementById('pdfViewer').ej2_instances[0];
+
+    // 1) Load by URL (most common)
+    viewer.load(documentUrl, '');
+
+    // 2) Load by Base64 (uncomment if needed)
+    // if (base64) {
+    //   viewer.load(base64, '');
+    // }
+  }
+</script>
+
+{% endhighlight %}
+{% endtabs %}
+
+[View Sample in GitHub](https://github.com/SyncfusionExamples/mvc-pdf-viewer-examples/tree/master/How%20to)
+
+## Notes and best practices
+
+- Always set a valid resourceUrl when using the Standalone PDF Viewer. If the path is incorrect or blocked by the network, the event cannot fire.
+- Load documents inside resourcesLoaded. This guarantees the PDFium runtime is ready and prevents intermittent errors on slower networks.
+- The event fires for the viewer’s asset load life cycle, not for every document load. After it fires once, you can safely call load again later (for example, in response to user actions) without waiting for the event.
+
+## See also
+
+- [Events in ASP.NET Core PDF Viewer](../event#resourcesloaded)
+- [Open PDF files](../open-pdf-files)
+- [Save PDF files](../save-pdf-files)
+- [Getting started](../getting-started)
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/images/extract-page-checkboxes.png b/Document-Processing/PDF/PDF-Viewer/asp-net-core/images/extract-page-checkboxes.png
new file mode 100644
index 000000000..df6efa3ba
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/asp-net-core/images/extract-page-checkboxes.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/images/extract-page-secondary-toolbar.png b/Document-Processing/PDF/PDF-Viewer/asp-net-core/images/extract-page-secondary-toolbar.png
new file mode 100644
index 000000000..f310ffd39
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/asp-net-core/images/extract-page-secondary-toolbar.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/images/extract-page-selected-thumbnail.png b/Document-Processing/PDF/PDF-Viewer/asp-net-core/images/extract-page-selected-thumbnail.png
new file mode 100644
index 000000000..6576e7b7a
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/asp-net-core/images/extract-page-selected-thumbnail.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/images/extract-page.png b/Document-Processing/PDF/PDF-Viewer/asp-net-core/images/extract-page.png
new file mode 100644
index 000000000..3ae5965ba
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/asp-net-core/images/extract-page.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/organize-pages/extract-pages.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/organize-pages/extract-pages.md
new file mode 100644
index 000000000..8f1ac16f7
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-core/organize-pages/extract-pages.md
@@ -0,0 +1,136 @@
+---
+layout: post
+title: Extract Pages in ASP.NET Core PDF Viewer | Syncfusion
+description: Learn here all about Extract Pages in Organize Pages in Syncfusion ASP.NET Core PDF Viewer control of Syncfusion Essential JS 2 and more.
+platform: document-processing
+control: PDF Viewer
+documentation: ug
+---
+
+# Extract pages in ASP.NET Core PDF Viewer
+
+The PDF Viewer component lets you extract pages from a document using the Extract Pages option in the Organize Pages UI.
+The Extract Pages tool is available by default in Organize Pages.
+
+## Extract Pages in Organize Pages
+
+- Open the Organize Pages panel in the PDF Viewer toolbar.
+- Locate and click the Extract Pages option.
+
+![Extract Pages](../images/extract-page.png)
+
+When selected, a secondary toolbar dedicated to extraction is displayed.
+
+![Extract Pages secondary toolbar](../images/extract-page-secondary-toolbar.png)
+
+## Extract pages using the UI
+
+You can extract by typing page numbers/ranges or by selecting thumbnails.
+
+1. Click Extract Pages in the Organize Pages panel.
+2. In the input box, enter the pages to extract. Supported formats include:
+   - Single pages: 1,3,5
+   - Ranges: 2-6
+   - Combinations: 1,4,7-9
+3. Alternatively, select the page thumbnails you want instead of typing values.
+4. Click Extract to download the extracted pages as a new PDF. Click Cancel to close the tool.
+
+![Extract Pages with selected thumbnails](../images/extract-page-selected-thumbnail.png)
+
+ N> Page numbers are 1-based (first page is 1). Invalid or out-of-range entries are ignored.
+
+## Extraction options (checkboxes)
+
+Two options appear in the secondary toolbar:
+
+- **Delete Pages After Extracting:**
+  - When enabled, the selected/entered pages are removed from the document opened in the viewer after the extraction completes. The extracted pages are still downloaded as a new file.
+
+- **Extract Pages As Separate Files:**
+  - When enabled, every selected page is exported as an individual PDF file. Ranges such as 2-4 export pages 2, 3, and 4 as separate PDFs.
+
+![Checkboxes for extract options](../images/extract-page-checkboxes.png)
+
+## Programmatic options and APIs
+
+You can control the Extract Pages experience via settings and invoke extraction through code.
+
+### Enable/disable Extract Pages
+
+Use the `canExtractPages` API to enable or disable the Extract Pages option. When set to `false`, the Extract Pages tool is disabled in the toolbar. The default value is `true`.
+
+Use the following code snippet to enable or disable the Extract Pages option:
+
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+<div class="text-center">
+    <ejs-pdfviewer  id="pdfviewer" 
+                    style="height:600px" 
+                    pageOrganizerSettings="@(new {CanExtractPages = true})" 
+                    resourceUrl="https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib"
+                    documentPath="https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf">
+    </ejs-pdfviewer>
+</div>
+{% endhighlight %}
+{% endtabs %}
+
+Use the `showExtractPagesOption` API to show or hide the Extract Pages option. When set to `false`, the Extract Pages tool is removed from the toolbar. The default value is `true`.
+
+Use the following code snippet to remove the Extract Pages option:
+
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+<div class="text-center">
+    <ejs-pdfviewer  id="pdfviewer" 
+                    style="height:600px" 
+                    pageOrganizerSettings="@(new {showExtractPagesOption = false})" 
+                    resourceUrl="https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib"
+                    documentPath="https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf">
+    </ejs-pdfviewer>
+</div>
+{% endhighlight %}
+{% endtabs %}
+
+### Extract pages and load the result programmatically
+
+You can extract pages programmatically using the `extractPages` method.
+The following example extracts pages 1 and 2, then immediately loads the extracted pages back into the viewer. The returned value is a byte array (e.g., Uint8Array) representing the PDF file contents.
+
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+<div class="text-center">
+    <button id="extractPage" onclick="extractPage()">Extract Page</button>
+    <ejs-pdfviewer  id="pdfviewer" 
+                    style="height:600px" 
+                    pageOrganizerSettings="@(new {CanExtractPages = true})" 
+                    resourceUrl="https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib"
+                    documentPath="https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf">
+    </ejs-pdfviewer>
+</div>
+
+<script>
+  function extractPage() {
+    var viewer = document.getElementById('pdfviewer')?.ej2_instances[0];
+
+    //Extract Pages 1,2
+    var array = viewer.extractPages('1,2');
+
+    //Load the Extracted Pages
+    viewer.load(array,'');
+    //Print the Base64 for reference
+    console.log(array);
+  }
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+[View sample in GitHub](https://github.com/SyncfusionExamples/asp-core-pdf-viewer-examples/tree/master/How%20to)
+
+## See also
+
+- [Overview](../overview)
+- [UI interactions](../ui-interactions)
+- [Programmatic support](../programmatic-support)
+- [Toolbar](../toolbar)
+- [Events](../events)
+- [Mobile view](../mobile-view)
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/mobile-view.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/mobile-view.md
new file mode 100644
index 000000000..9bdbf7a72
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/mobile-view.md
@@ -0,0 +1,188 @@
+---
+layout: post
+title: Redaction in mobile view in MVC PDF Viewer | Syncfusion
+description: Learn how to apply redactions in mobile view using the Syncfusion ASP.NET MVC PDF Viewer with a complete toolbar setup and redaction workflow.
+platform: document-processing
+control: PdfViewer
+documentation: ug
+---
+
+# Redaction in Mobile View in ASP.NET MVC PdfViewer Component
+
+The Redaction Tool enables users to permanently mark and remove sensitive content from PDF documents in mobile view using the ASP.NET MVC PdfViewer component. This feature is optimized for touch interactions and provides a streamlined redaction workflow specifically designed for mobile devices.
+
+![Redaction in Mobile View](./redaction-annotations-images/redaction-mobile-view.png)
+
+N> In mobile view, the redaction toolbar appears at the bottom of the viewer for easy thumb access. Mobile layout activates automatically on small screens.
+
+## Adding Redaction in Mobile View
+
+To enable redaction functionality in your ASP.NET MVC application, configure the PDF Viewer with the following setup:
+
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+<div class="text-center">
+    @Html.EJS().PdfViewer("pdfViewer")
+        .ResourceUrl("https://cdn.syncfusion.com/ej2/31.2.12/dist/ej2-pdfviewer-lib")
+        .DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf")
+        .Height("640px")
+        .Render()
+</div>
+<script type="text/javascript">
+    window.onload = function () {
+        var viewer = document.getElementById('pdfViewer').ej2_instances[0];
+        // Include RedactionEditTool in the primary toolbar
+        viewer.toolbarSettings = {
+            toolbarItems: [
+                'OpenOption',
+                'UndoRedoTool',
+                'PageNavigationTool',
+                'MagnificationTool',
+                'PanTool',
+                'SelectionTool',
+                'CommentTool',
+                'SubmitForm',
+                'AnnotationEditTool',
+                'RedactionEditTool',
+                'FormDesignerEditTool',
+                'SearchOption',
+                'PrintOption',
+                'DownloadOption'
+            ]
+        };
+    }
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+## Understanding Mobile Redaction Toolbar Tools
+
+When you enter redaction mode in mobile view, a specialized redaction toolbar appears with multiple tools optimized for touch interaction. Each tool serves a specific purpose in the redaction workflow.
+
+### Redaction Annotation Tool
+
+The Redaction Annotation tool is the primary redaction feature that allows you to draw redaction rectangles on specific content:
+
+Function: Creates visual redaction annotations that mark content for permanent removal
+Usage:
+Touch and drag to draw rectangular redaction overlays on any content area.
+
+Process:
+- Selected content appears with a customizable overlay (default black)
+- Annotations remain editable until explicitly applied
+- Can be repositioned or deleted before final application
+
+![Redaction Annotation Tool](./redaction-annotations-images/redaction-annotation-annot.png)
+
+### Page Redaction Tool
+
+The Page Redaction tool enables batch redaction of entire pages based on specific patterns.
+
+![Page Redaction Tool](./redaction-annotations-images/page-redaction-annot.png)
+
+Function: Redacts complete pages or page ranges with a single action
+Options Available:
+- Odd Pages: Redacts only odd-numbered pages (1, 3, 5, etc.)
+- Even Pages: Redacts only even-numbered pages (2, 4, 6, etc.)
+- Specific Page: Specify single pages, ranges (e.g., 1-5, 10-15), or comma-separated lists (e.g., 1,3,5-7)
+- Current Page: Redacts only the currently displayed page
+
+Usage:
+Select desired pattern → Review affected pages in the viewer → Confirm redaction scope
+
+![Page Redaction Tool Dialog](./redaction-annotations-images/page-redaction-dialog-annot.png)
+
+### Redaction Properties Tool
+
+The Redaction Properties tool allows customization of redaction appearance before application.
+
+![Redaction Properties Mobile View](./redaction-annotations-images/redaction-properties-annot.png)
+
+Function: Customize the visual appearance of redaction overlays and text replacement
+Customizable Properties:
+- Fill Color: Change the redaction overlay color (default: black)
+- Outline Color: Set outline color for redaction boxes (optional)
+- Overlay Text: Add custom text to appear on redacted areas (e.g., "REDACTED", "CONFIDENTIAL")
+- Text Color: Change overlay text color for better visibility
+- Text Font: Select font family for overlay text
+- Text Alignment: Position overlay text within redaction boxes
+- Text Size: Adjust overlay text size relative to redaction area
+
+![Redaction Properties Dialog Mobile View](./redaction-annotations-images/redaction-properties-dialog-annot.png)
+
+## Enabling Redaction Mode in Mobile View
+
+Step 1: Tap the Redaction button in the mobile toolbar to activate redaction mode. The redaction toolbar will appear at the bottom of the viewer.
+
+![Redaction toolbar displayed at bottom of mobile PDF viewer with three distinct tools](./redaction-annotations-images/redaction-mobile-view.png)
+
+Step 2: From the redaction toolbar, select your desired redaction tool:
+- First Tool (Redaction Annotation): For selective content redaction
+- Second Tool (Page Redaction): For page-wide or pattern-based redaction
+- Third Tool (Redaction Properties): For appearance customization
+
+Step 3: Configure your redaction parameters using the selected tool interface.
+
+## Applying Different Redaction Types in Mobile View
+
+### Selective Content Redaction
+1. Select Redaction Annotation tool (first button)
+2. Choose Content: Tap and drag over text or draw rectangular areas
+3. Preview: Check redaction overlays for accuracy
+4. Apply: Tap "Apply Redactions" button
+
+### Page-Wide Redaction
+1. Select Page Redaction tool (second button)
+2. Choose Pattern: Select odd pages, even pages, or custom range
+3. Review: Verify affected pages in the viewer
+4. Apply: Confirm page redaction scope and apply
+
+### Custom Appearance Redaction
+1. Select Redaction Properties tool (third button)
+2. Customize: Adjust colors, overlay text, and formatting
+3. Preview: See changes applied to existing annotations
+4. Apply: Use customized appearance for final redaction
+
+## Applying Redactions in Mobile View
+
+N> Applying redactions is permanent. After applying, the underlying content and text are removed from the document and cannot be recovered.
+
+Once you have configured redactions using any combination of tools.
+
+Step 1: Review all redaction marks and configurations.
+
+![Review Redaction Annotation](./redaction-annotations-images/review-redaction-annotation-mv-annot.png)
+
+Step 2: Tap the Apply Redactions button in the redaction toolbar
+
+![Apply Redaction Button](./redaction-annotations-images/apply-redaction-button-mv.png)
+
+Step 3: Confirm the action when prompted - this operation is permanent and cannot be undone
+
+![Apply Redaction Dialog](./redaction-annotations-images/apply-redaction-dialog-mv-annot.png)
+
+The selected content will be permanently removed and replaced according to your redaction properties (solid color blocks or custom overlay text).
+
+![Applied Redaction](./redaction-annotations-images/applied-redaction-annot.png)
+
+## Removing Redaction Annotations
+
+To remove existing redaction annotations before they are applied:
+
+- Step 1: Tap the Redaction Edit button in the mobile toolbar to enter annotation editing mode
+- Step 2: Tap on any existing redaction annotation you wish to remove
+- Step 3: Select Delete from the context menu that appears
+
+Alternative: Tap redaction annotation → Use delete button in annotation properties panel
+
+![Delete Redaction Annotation](./redaction-annotations-images/delete-redaction-annotation-annot.png)
+
+N> Once redactions have been applied to the document, they become part of the PDF content and cannot be removed or modified.
+
+## See Also
+
+* [Redaction Overview](./overview)
+* [UI Interaction](./ui-interaction)
+* [Programmatic Support in Redaction](./programmatic-support)
+* [Toolbar](./toolbar)
+* [Search Text and Redact](./search-redact)
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/overview.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/overview.md
new file mode 100644
index 000000000..ce8981404
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/overview.md
@@ -0,0 +1,119 @@
+---
+layout: post
+title: Redaction annotation in MVC PDF Viewer | Syncfusion
+description: Learn how to hide sensitive information with interactive and programmatic redaction using the Syncfusion ASP.NET MVC PDF Viewer.
+platform: document-processing
+control: PDF Viewer
+documentation: ug
+domainurl: ##DomainURL##
+---
+
+# Redaction in ASP.NET MVC PdfViewer
+
+Redaction annotations are used to hide confidential or sensitive information in a PDF. The Syncfusion ASP.NET MVC PDF Viewer lets you mark areas or entire pages for redaction, customize their appearance, and permanently apply them with a single action.
+
+## Enable the redaction toolbar
+
+To enable the redaction toolbar, configure the `toolbarSettings.toolbarItems` property of the PdfViewer instance to include the **RedactionEditTool**.
+
+The following example shows how to enable the redaction toolbar:
+
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+<div class="text-center">
+    @Html.EJS().PdfViewer("pdfViewer")
+        .ResourceUrl("https://cdn.syncfusion.com/ej2/31.2.12/dist/ej2-pdfviewer-lib")
+        .DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf")
+        .Height("640px")
+        .Render()
+</div>
+<script type="text/javascript">
+    window.onload = function () {
+        var viewer = document.getElementById('pdfViewer').ej2_instances[0];
+        // Include RedactionEditTool in the primary toolbar
+        viewer.toolbarSettings = {
+            toolbarItems: [
+                'OpenOption',
+                'UndoRedoTool',
+                'PageNavigationTool',
+                'MagnificationTool',
+                'PanTool',
+                'SelectionTool',
+                'CommentTool',
+                'SubmitForm',
+                'AnnotationEditTool',
+                'RedactionEditTool',
+                'FormDesignerEditTool',
+                'SearchOption',
+                'PrintOption',
+                'DownloadOption'
+            ]
+        };
+    }
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+N> Prerequisites: Add the PdfViewer control to your ASP.NET MVC application and ensure the redaction feature is available in the version you are using. Once applied, redaction permanently removes the selected content.
+
+![Toolbar with the Redaction tool highlighted](redaction-annotations-images/redaction-icon-toolbar.png)
+
+## Add Redaction Annotations
+
+You can mark specific content for redaction using the toolbar or through code.  
+
+Select the **Redaction tool** and draw over the text or graphics you want to hide. You can also add overlay text (such as “Confidential”) and adjust the style — fill color, border color, and opacity.
+
+![Drawing a redaction region over page content](redaction-annotations-images/adding-redaction-annotation.png)
+
+## Delete Redaction Annotations
+
+Redaction annotations can be removed easily:
+
+- Click the **Delete** button on the toolbar, or  
+- Select the annotation and press the **Delete** key.
+
+![Toolbar showing the Delete command for redaction](redaction-annotations-images/redaction-delete-icon.png)
+
+## Redact Entire Pages
+
+The viewer allows you to redact whole pages that contain sensitive information. You can choose specific pages, page ranges, or redact all pages using the built‑in dialog, or perform the same action programmatically.
+
+![Toolbar showing the Redact Page option](redaction-annotations-images/redact-page-icon.png)
+
+## Apply Redaction
+
+Once annotations are added, you can permanently apply them to the document. This action cannot be undone.  
+
+Use the **Apply Redaction** button on the toolbar or call the API method:
+
+- The button is disabled until at least one redaction annotation exists.  
+- It becomes active when redaction annotations are present.
+
+![Toolbar showing the Apply Redaction button](redaction-annotations-images/redact-button-icon.png)
+
+A confirmation dialog appears before applying redaction to ensure you acknowledge the irreversible nature of the process.
+
+![Confirmation dialog for applying redaction](redaction-annotations-images/apply-redaction-dialog.png)
+
+N> After redaction is applied, the original content cannot be recovered.
+
+## Comment Support
+
+Redaction annotations can include comments using the built‑in comment panel. This helps you add notes, track reviews, or record the reason for redaction.  
+
+Comments can be added through the UI or API. For more details, see the [Comments documentation](../annotations/comments).
+
+## Import and Export Redaction Annotations
+
+You can save and reload redaction annotations by exporting and importing them in JSON format. This makes it easy to persist annotations or share them across sessions.
+
+For more details, see the [Export and import annotations documentation](../how-to/import-export-annotation).
+
+## See also
+
+* [Redaction UI interactions](./ui-interaction)
+* [Redaction Programmatic support](./programmatic-support)
+* [Redaction Toolbar](./toolbar)
+* [Redaction Mobile view](./mobile-view)
+* [Search Text and Redact](./search-redact)
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/programmatic-support.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/programmatic-support.md
new file mode 100644
index 000000000..89bf13793
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/programmatic-support.md
@@ -0,0 +1,321 @@
+---
+layout: post
+title: Redaction Programmatic support in MVC PDF Viewer | Syncfusion
+description: Learn how to add, delete, update, and apply redaction annotations programmatically in the Syncfusion ASP.NET MVC PDF Viewer.
+platform: document-processing
+control: PdfViewer
+documentation: ug
+---
+
+# Programmatic support for redaction in ASP.NET MVC PdfViewer
+
+The Syncfusion ASP.NET MVC PDF Viewer provides APIs to add, update, delete, and apply redaction annotations programmatically. You can also redact entire pages, configure default properties, and work with the redaction property panel.
+
+## Enable the redaction toolbar
+
+To enable the redaction toolbar, configure the `toolbarSettings.toolbarItems` property of the PdfViewer instance to include the **RedactionEditTool**.
+
+The following example shows how to enable the redaction toolbar:
+
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+<div class="text-center">
+    @Html.EJS().PdfViewer("pdfViewer")
+        .ResourceUrl("https://cdn.syncfusion.com/ej2/31.2.12/dist/ej2-pdfviewer-lib")
+        .DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf")
+        .Height("640px")
+        .Render()
+</div>
+<script type="text/javascript">
+    window.onload = function () {
+        var viewer = document.getElementById('pdfViewer').ej2_instances[0];
+        // Include RedactionEditTool in the primary toolbar
+        viewer.toolbarSettings = {
+            toolbarItems: [
+                'OpenOption',
+                'UndoRedoTool',
+                'PageNavigationTool',
+                'MagnificationTool',
+                'PanTool',
+                'SelectionTool',
+                'CommentTool',
+                'SubmitForm',
+                'AnnotationEditTool',
+                'RedactionEditTool',
+                'FormDesignerEditTool',
+                'SearchOption',
+                'PrintOption',
+                'DownloadOption'
+            ]
+        };
+    }
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+## Add redaction annotations programmatically
+
+You can add redaction annotations to a PDF document using the `addAnnotation` method of the `annotation` module. You can listen to the `annotationAdd` event to track when annotations are added.
+
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+<div class="text-center">
+    <div style="margin-bottom:8px; display:flex; gap:8px; align-items:center;">
+        <button id="addRedactAnnot" type="button" onclick="addRedaction()">Add Redaction Annotation</button>
+    </div>
+    @Html.EJS().PdfViewer("pdfViewer")
+        .ResourceUrl("https://cdn.syncfusion.com/ej2/31.2.12/dist/ej2-pdfviewer-lib")
+        .DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf")
+        .Height("640px")
+        .Render()
+</div>
+<script type="text/javascript">
+    window.onload = function () {
+        window.viewer = document.getElementById('pdfViewer').ej2_instances[0];
+        viewer.toolbarSettings = {
+            toolbarItems: [
+                'OpenOption', 'UndoRedoTool', 'PageNavigationTool', 'MagnificationTool', 'PanTool',
+                'SelectionTool', 'CommentTool', 'SubmitForm', 'AnnotationEditTool', 'RedactionEditTool',
+                'FormDesignerEditTool', 'SearchOption', 'PrintOption', 'DownloadOption'
+            ]
+        };
+    };
+    function addRedaction() {
+        if (!window.viewer) return;
+        viewer.annotation.addAnnotation('Redaction', {
+            bound: { x: 200, y: 480, width: 150, height: 75 },
+            pageNumber: 1,
+            markerFillColor: '#0000FF',
+            markerBorderColor: 'white',
+            fillColor: 'red',
+            overlayText: 'Confidential',
+            fontColor: 'yellow',
+            fontFamily: 'Times New Roman',
+            fontSize: 8,
+            beforeRedactionsApplied: false
+        });
+        console.log('Redaction annotation added');
+    }
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+## Delete redaction annotations programmatically
+
+Redaction annotations can be removed using the `deleteAnnotationById` event or by selecting and deleting them through code.
+
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+<div class="text-center">
+    <div style="margin-bottom:8px;">
+        <button type="button" onclick="deleteAnnotationById()">Delete Annotation By Id</button>
+    </div>
+    @Html.EJS().PdfViewer("pdfViewer")
+        .ResourceUrl("https://cdn.syncfusion.com/ej2/31.2.12/dist/ej2-pdfviewer-lib")
+        .DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf")
+        .Height("640px")
+        .Render()
+</div>
+<script type="text/javascript">
+    window.onload = function () {
+        window.viewer = document.getElementById('pdfViewer').ej2_instances[0];
+        viewer.toolbarSettings = {
+            toolbarItems: [
+                'OpenOption', 'UndoRedoTool', 'PageNavigationTool', 'MagnificationTool', 'PanTool',
+                'SelectionTool', 'CommentTool', 'SubmitForm', 'AnnotationEditTool', 'RedactionEditTool',
+                'FormDesignerEditTool', 'SearchOption', 'PrintOption', 'DownloadOption'
+            ]
+        };
+    };
+    function deleteAnnotationById() {
+        if (!window.viewer) return;
+        var first = viewer.annotationCollection && viewer.annotationCollection[0];
+        if (first) {
+            viewer.annotationModule.deleteAnnotationById(first.annotationId);
+        }
+    }
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+
+Alternatively, you can remove annotations by selecting them in the UI and pressing the **Delete** key.
+
+## Update redaction annotation properties programmatically
+
+You can update properties of an existing redaction annotation using the `editAnnotation` API. For example, to change overlay text or fill color:
+
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+<div class="text-center">
+    <div style="margin-bottom:8px; display:flex; gap:8px;">
+        <button id="editRedactAnnotation" type="button" onclick="editRedactAnnotation()">Edit Redact Annotation</button>
+    </div>
+    @Html.EJS().PdfViewer("pdfViewer")
+        .ResourceUrl("https://cdn.syncfusion.com/ej2/31.2.12/dist/ej2-pdfviewer-lib")
+        .DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf")
+        .Height("640px")
+        .Render()
+</div>
+<script type="text/javascript">
+    window.onload = function () {
+        window.viewer = document.getElementById('pdfViewer').ej2_instances[0];
+        viewer.toolbarSettings = {
+            toolbarItems: [
+                'OpenOption', 'UndoRedoTool', 'PageNavigationTool', 'MagnificationTool', 'PanTool',
+                'SelectionTool', 'CommentTool', 'SubmitForm', 'AnnotationEditTool', 'RedactionEditTool',
+                'FormDesignerEditTool', 'SearchOption', 'PrintOption', 'DownloadOption'
+            ]
+        };
+    };
+    function editRedactAnnotation() {
+        if (!window.viewer) return;
+        var collection = viewer.annotationCollection || [];
+        for (var i = 0; i < collection.length; i++) {
+            if (collection[i].subject === 'Redaction') {
+                collection[i].overlayText = 'EditedAnnotation';
+                collection[i].markerFillColor = '#22FF00';
+                collection[i].markerBorderColor = '#000000';
+                collection[i].isRepeat = true;
+                collection[i].fillColor = '#F8F8F8';
+                collection[i].fontColor = '#333333';
+                collection[i].fontSize = 14;
+                collection[i].fontFamily = 'Symbol';
+                collection[i].textAlign = 'Right';
+                collection[i].beforeRedactionsApplied = false;
+                viewer.annotation.editAnnotation(collection[i]);
+            }
+        }
+    }
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+## Add page redactions programmatically
+
+Entire pages can be marked for redaction using the `addPageRedactions` method:
+
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+<div class="text-center">
+    <div style="margin-bottom:8px; display:flex; gap:8px; align-items:center;">
+        <button id="addPageRedactions" type="button" onclick="addPageRedactions()">Add Page Redaction</button>
+    </div>
+    @Html.EJS().PdfViewer("pdfViewer")
+        .ResourceUrl("https://cdn.syncfusion.com/ej2/31.2.12/dist/ej2-pdfviewer-lib")
+        .DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf")
+        .Height("640px")
+        .Render()
+</div>
+<script type="text/javascript">
+    window.onload = function () {
+        window.viewer = document.getElementById('pdfViewer').ej2_instances[0];
+        viewer.toolbarSettings = {
+            toolbarItems: [
+                'OpenOption', 'UndoRedoTool', 'PageNavigationTool', 'MagnificationTool', 'PanTool',
+                'SelectionTool', 'CommentTool', 'SubmitForm', 'AnnotationEditTool', 'RedactionEditTool',
+                'FormDesignerEditTool', 'SearchOption', 'PrintOption', 'DownloadOption'
+            ]
+        };
+    };
+    function addPageRedactions() {
+        if (!window.viewer) return;
+        // pages 1, 3, 5, 7
+        viewer.annotation.addPageRedactions([1, 3, 5, 7]);
+    }
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+## Apply redaction programmatically
+
+Once annotations are added, you can permanently apply them to the document using the `redact` method:
+
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+<div class="text-center">
+    <div style="margin-bottom:8px; display:flex; gap:8px; align-items:center;">
+        <button id="redact" type="button" onclick="applyRedaction()">Apply Redaction</button>
+    </div>
+    @Html.EJS().PdfViewer("pdfViewer")
+        .ResourceUrl("https://cdn.syncfusion.com/ej2/31.2.12/dist/ej2-pdfviewer-lib")
+        .DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf")
+        .Height("640px")
+        .Render()
+</div>
+<script type="text/javascript">
+    window.onload = function () {
+        window.viewer = document.getElementById('pdfViewer').ej2_instances[0];
+        viewer.toolbarSettings = {
+            toolbarItems: [
+                'OpenOption', 'UndoRedoTool', 'PageNavigationTool', 'MagnificationTool', 'PanTool',
+                'SelectionTool', 'CommentTool', 'SubmitForm', 'AnnotationEditTool', 'RedactionEditTool',
+                'FormDesignerEditTool', 'SearchOption', 'PrintOption', 'DownloadOption'
+            ]
+        };
+    };
+    function applyRedaction() {
+        if (!window.viewer) return;
+        viewer.annotation.redact();
+    }
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+N> Applying redaction is irreversible. Once applied, the original content cannot be recovered.
+
+## Configure default redaction annotation properties
+
+You can configure default properties for redaction annotations (such as fill color, overlay text, and font) when adding them programmatically:
+
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+<div class="text-center">
+    @Html.EJS().PdfViewer("pdfViewer")
+        .ResourceUrl("https://cdn.syncfusion.com/ej2/31.2.12/dist/ej2-pdfviewer-lib")
+        .DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf")
+        .Height("640px")
+        .Render()
+</div>
+<script type="text/javascript">
+    window.onload = function () {
+        window.viewer = document.getElementById('pdfViewer').ej2_instances[0];
+        viewer.toolbarSettings = {
+            toolbarItems: [
+                'OpenOption', 'UndoRedoTool', 'PageNavigationTool', 'MagnificationTool', 'PanTool',
+                'SelectionTool', 'CommentTool', 'SubmitForm', 'AnnotationEditTool', 'RedactionEditTool',
+                'FormDesignerEditTool', 'SearchOption', 'PrintOption', 'DownloadOption'
+            ]
+        };
+        // Default redaction properties
+        viewer.redactionSettings = {
+            overlayText: 'Confidential',
+            markerFillColor: '#FF0000',
+            markerBorderColor: '#000000',
+            isRepeat: false,
+            fillColor: '#F8F8F8',
+            fontColor: '#333333',
+            fontSize: 14,
+            fontFamily: 'Symbol',
+            textAlign: 'Right'
+        };
+    };
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+[View Sample in GitHub](https://github.com/SyncfusionExamples/mvc-pdf-viewer-examples)
+
+## Redaction property panel
+
+The redaction property panel allows users to update annotation properties through the UI. Programmatically, you can invoke the property panel by selecting an annotation and calling the relevant APIs. Properties such as overlay text, font style, and fill color can be updated directly in the panel.
+
+![Redaction Property Panel](../redaction/redaction-annotations-images/redaction-property-panel-icon.png)
+
+## See also
+
+* [Overview of Redaction](./overview)
+* [Redaction UI interactions](./ui-interaction)
+* [Redaction Toolbar](./toolbar)
+* [Reaction in Mobile view](./mobile-view)
+* [Search Text and Redact](./search-redact)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/redaction-annotations-images/adding-redaction-annotation.png b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/redaction-annotations-images/adding-redaction-annotation.png
new file mode 100644
index 000000000..b25b31126
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/redaction-annotations-images/adding-redaction-annotation.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/redaction-annotations-images/after-redaction-fill-color.png b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/redaction-annotations-images/after-redaction-fill-color.png
new file mode 100644
index 000000000..f855a867a
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/redaction-annotations-images/after-redaction-fill-color.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/redaction-annotations-images/applied-redaction-annot.png b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/redaction-annotations-images/applied-redaction-annot.png
new file mode 100644
index 000000000..f6a6a2831
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/redaction-annotations-images/applied-redaction-annot.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/redaction-annotations-images/apply-redaction-button-mv.png b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/redaction-annotations-images/apply-redaction-button-mv.png
new file mode 100644
index 000000000..bd02a6bc3
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/redaction-annotations-images/apply-redaction-button-mv.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/redaction-annotations-images/apply-redaction-dialog-mv-annot.png b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/redaction-annotations-images/apply-redaction-dialog-mv-annot.png
new file mode 100644
index 000000000..0dea706e6
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/redaction-annotations-images/apply-redaction-dialog-mv-annot.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/redaction-annotations-images/apply-redaction-dialog.png b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/redaction-annotations-images/apply-redaction-dialog.png
new file mode 100644
index 000000000..0692de34e
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/redaction-annotations-images/apply-redaction-dialog.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/redaction-annotations-images/delete-redaction-annotation-annot.png b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/redaction-annotations-images/delete-redaction-annotation-annot.png
new file mode 100644
index 000000000..8e061a883
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/redaction-annotations-images/delete-redaction-annotation-annot.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/redaction-annotations-images/moving-redaction-annotation.png b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/redaction-annotations-images/moving-redaction-annotation.png
new file mode 100644
index 000000000..f7715e2d1
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/redaction-annotations-images/moving-redaction-annotation.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/redaction-annotations-images/page-redaction-annot.png b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/redaction-annotations-images/page-redaction-annot.png
new file mode 100644
index 000000000..bf4804998
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/redaction-annotations-images/page-redaction-annot.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/redaction-annotations-images/page-redaction-dialog-annot.png b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/redaction-annotations-images/page-redaction-dialog-annot.png
new file mode 100644
index 000000000..69658a826
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/redaction-annotations-images/page-redaction-dialog-annot.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/redaction-annotations-images/page-redaction-panel.png b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/redaction-annotations-images/page-redaction-panel.png
new file mode 100644
index 000000000..be68305ae
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/redaction-annotations-images/page-redaction-panel.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/redaction-annotations-images/redact-button-icon.png b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/redaction-annotations-images/redact-button-icon.png
new file mode 100644
index 000000000..954df393d
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/redaction-annotations-images/redact-button-icon.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/redaction-annotations-images/redact-page-icon.png b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/redaction-annotations-images/redact-page-icon.png
new file mode 100644
index 000000000..0c9dbed27
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/redaction-annotations-images/redact-page-icon.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/redaction-annotations-images/redact-text-context-menu.png b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/redaction-annotations-images/redact-text-context-menu.png
new file mode 100644
index 000000000..a88985b39
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/redaction-annotations-images/redact-text-context-menu.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/redaction-annotations-images/redaction-annotation-annot.png b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/redaction-annotations-images/redaction-annotation-annot.png
new file mode 100644
index 000000000..5e9cde040
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/redaction-annotations-images/redaction-annotation-annot.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/redaction-annotations-images/redaction-annotation-appearance.png b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/redaction-annotations-images/redaction-annotation-appearance.png
new file mode 100644
index 000000000..506dd4f87
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/redaction-annotations-images/redaction-annotation-appearance.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/redaction-annotations-images/redaction-delete-context-menu.png b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/redaction-annotations-images/redaction-delete-context-menu.png
new file mode 100644
index 000000000..cd8f38b82
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/redaction-annotations-images/redaction-delete-context-menu.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/redaction-annotations-images/redaction-delete-icon.png b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/redaction-annotations-images/redaction-delete-icon.png
new file mode 100644
index 000000000..4026f8c49
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/redaction-annotations-images/redaction-delete-icon.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/redaction-annotations-images/redaction-icon-toolbar.png b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/redaction-annotations-images/redaction-icon-toolbar.png
new file mode 100644
index 000000000..6de03e8cc
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/redaction-annotations-images/redaction-icon-toolbar.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/redaction-annotations-images/redaction-mobile-view.png b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/redaction-annotations-images/redaction-mobile-view.png
new file mode 100644
index 000000000..2d9539200
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/redaction-annotations-images/redaction-mobile-view.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/redaction-annotations-images/redaction-overalytext.png b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/redaction-annotations-images/redaction-overalytext.png
new file mode 100644
index 000000000..b9d833921
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/redaction-annotations-images/redaction-overalytext.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/redaction-annotations-images/redaction-properties-annot.png b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/redaction-annotations-images/redaction-properties-annot.png
new file mode 100644
index 000000000..079e65e59
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/redaction-annotations-images/redaction-properties-annot.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/redaction-annotations-images/redaction-properties-dialog-annot.png b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/redaction-annotations-images/redaction-properties-dialog-annot.png
new file mode 100644
index 000000000..5a56fb1d5
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/redaction-annotations-images/redaction-properties-dialog-annot.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/redaction-annotations-images/redaction-property-panel-icon.png b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/redaction-annotations-images/redaction-property-panel-icon.png
new file mode 100644
index 000000000..3cc44eb64
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/redaction-annotations-images/redaction-property-panel-icon.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/redaction-annotations-images/redaction-property-panel-via-context-menu.png b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/redaction-annotations-images/redaction-property-panel-via-context-menu.png
new file mode 100644
index 000000000..08d9a3a6a
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/redaction-annotations-images/redaction-property-panel-via-context-menu.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/redaction-annotations-images/resizing-redaction-annotation.png b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/redaction-annotations-images/resizing-redaction-annotation.png
new file mode 100644
index 000000000..846e301da
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/redaction-annotations-images/resizing-redaction-annotation.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/redaction-annotations-images/review-redaction-annotation-mv-annot.png b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/redaction-annotations-images/review-redaction-annotation-mv-annot.png
new file mode 100644
index 000000000..a78383509
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/redaction-annotations-images/review-redaction-annotation-mv-annot.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/redaction-annotations-images/show-redaction-toolbar.png b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/redaction-annotations-images/show-redaction-toolbar.png
new file mode 100644
index 000000000..94d75eb3b
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/redaction-annotations-images/show-redaction-toolbar.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/search-redact.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/search-redact.md
new file mode 100644
index 000000000..14981d888
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/search-redact.md
@@ -0,0 +1,121 @@
+---
+layout: post
+title: Search text and redact in MVC PDF Viewer | Syncfusion
+description: Learn how to find text and add redaction annotations programmatically in the Syncfusion ASP.NET MVC PDF Viewer.
+platform: document-processing
+control: PDF Viewer
+documentation: ug
+domainurl: ##DomainURL##
+---
+
+# Search text and redact in ASP.NET MVC PdfViewer
+
+You can search for a keyword in the loaded PDF and automatically add redaction annotations over each match. The example below wires the extractTextCompleted event, triggers text extraction, performs a search, and places redaction annotations for every result.
+
+N> Prerequisites: Add the PdfViewer control to your ASP.NET MVC application and ensure a document is loaded. Make sure the redaction feature is available in the version you are using. Once applied, redaction permanently removes the selected content.
+
+## Steps to add Redaction annotations on search Text Bounds
+
+**Step 1:** Follow the steps provided in the [link](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/asp-net-mvc/getting-started) to create a simple PDF Viewer sample.
+
+
+**Step 2:** Use the following code-snippets to Add Redaction annotation on Search Text Bounds.
+
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+@{
+    ViewBag.Title = "Search text and redact";
+}
+
+<div class="content-wrapper">
+    <div style="margin-bottom:8px; display:flex; gap:8px; align-items:center;">
+        <button id="searchTextRedact" type="button" onclick="searchTextAndRedact()">Search "syncfusion" & Mark for Redaction</button>
+        <button id="applyRedaction" type="button" onclick="applyRedaction()">Apply Redaction</button>
+    </div>
+
+    @Html.EJS().PdfViewer("pdfViewer")
+        .Height("640px")
+        .ResourceUrl("https://cdn.syncfusion.com/ej2/31.2.12/dist/ej2-pdfviewer-lib")
+        .DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf")
+        .IsExtractText(true)
+        .Render()
+</div>
+
+<script type="text/javascript">
+    document.addEventListener('DOMContentLoaded', function () {
+        window.viewer = document.getElementById('pdfViewer').ej2_instances[0];
+        // Primary toolbar including Redaction
+        viewer.toolbarSettings = {
+            toolbarItems: [
+                'OpenOption', 'UndoRedoTool', 'PageNavigationTool', 'MagnificationTool', 'PanTool',
+                'SelectionTool', 'CommentTool', 'SubmitForm', 'AnnotationEditTool', 'RedactionEditTool',
+                'FormDesignerEditTool', 'SearchOption', 'PrintOption', 'DownloadOption'
+            ]
+        };
+    });
+
+    // Finds "syncfusion" and adds redaction annotations for each match
+    async function searchTextAndRedact() {
+        if (!window.viewer) return;
+        var term = 'syncfusion';
+        try {
+            var results = await viewer.textSearchModule.findTextAsync(term, false);
+            if (!results || results.length === 0) {
+                console.warn('No matches found.');
+                return;
+            }
+            var px = function (pt) { return (pt * 96) / 72; };
+            for (var i = 0; i < results.length; i++) {
+                var pageResult = results[i];
+                if (!pageResult || !pageResult.bounds || pageResult.bounds.length === 0) continue;
+                if (pageResult.pageIndex == null) continue;
+                var pageNumber = pageResult.pageIndex + 1; // 1-based
+                for (var b = 0; b < pageResult.bounds.length; b++) {
+                    var bound = pageResult.bounds[b];
+                    viewer.annotation.addAnnotation('Redaction', {
+                        bound: {
+                            x: px(bound.x),
+                            y: px(bound.y),
+                            width: px(bound.width),
+                            height: px(bound.height)
+                        },
+                        pageNumber: pageNumber,
+                        overlayText: 'Confidential',
+                        fillColor: '#00FF40FF',
+                        fontColor: '#333333',
+                        fontSize: 12,
+                        fontFamily: 'Arial',
+                        markerFillColor: '#FF0000',
+                        markerBorderColor: '#000000'
+                    });
+                }
+            }
+        } catch (e) {
+            console.error('Search failed:', e);
+        }
+    }
+
+    // Permanently applies all redaction marks in the document
+    function applyRedaction() {
+        if (!window.viewer) return;
+        viewer.annotation.redact();
+    }
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+[View Sample in GitHub](https://github.com/SyncfusionExamples/mvc-pdf-viewer-examples)
+
+## Notes
+- Ensure the PDF is fully loaded before triggering extraction and search.
+- Bounds from search are in points (72 DPI). Convert to pixels (96 DPI) to align with annotation coordinates.
+- Customize overlay text, colors, and typography as needed.
+- Adding a redaction annotation covers the content visually. To permanently remove sensitive data, use the viewer's Apply Redaction action or equivalent API if available in your version.
+
+## See also
+
+* [Overview of Redaction](./overview)
+* [Programmatic Support in Redaction](./programmatic-support)
+* [UI interactions](./ui-interaction)
+* [Redaction in Mobile View](./mobile-view)
+* [Redaction Toolbar](./toolbar)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/toolbar.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/toolbar.md
new file mode 100644
index 000000000..19196220d
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/toolbar.md
@@ -0,0 +1,127 @@
+---
+layout: post
+title: Customize the redaction toolbar in MVC PDF Viewer | Syncfusion
+description: Learn how to customize the redaction toolbar in the Syncfusion ASP.NET MVC PDF Viewer by showing or hiding default items.
+platform: document-processing
+control: PDF Viewer
+documentation: ug
+---
+
+# Redaction toolbar customization in ASP.NET MVC
+
+The redaction toolbar in the Syncfusion ASP.NET MVC PDF Viewer can be customized by rearranging existing items, hiding default items, or adding new ones. You can also place custom items at specific index positions among the existing toolbar items.
+
+## Enable the redaction toolbar
+
+To enable the redaction toolbar, configure the `toolbarSettings.toolbarItems` property of the PdfViewer instance to include the **RedactionEditTool**.
+
+The following example shows how to enable the redaction toolbar:
+
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+<div class="text-center">
+    @Html.EJS().PdfViewer("pdfViewer")
+        .ResourceUrl("https://cdn.syncfusion.com/ej2/31.2.12/dist/ej2-pdfviewer-lib")
+        .DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf")
+        .Height("640px")
+        .Render()
+</div>
+<script type="text/javascript">
+    window.onload = function () {
+        var viewer = document.getElementById('pdfViewer').ej2_instances[0];
+        // Include RedactionEditTool in the primary toolbar
+        viewer.toolbarSettings = {
+            toolbarItems: [
+                'OpenOption',
+                'UndoRedoTool',
+                'PageNavigationTool',
+                'MagnificationTool',
+                'PanTool',
+                'SelectionTool',
+                'CommentTool',
+                'SubmitForm',
+                'AnnotationEditTool',
+                'RedactionEditTool',
+                'FormDesignerEditTool',
+                'SearchOption',
+                'PrintOption',
+                'DownloadOption'
+            ]
+        };
+    }
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+Refer to the following image for the toolbar view:
+
+![Enable redaction toolbar](../redaction/redaction-annotations-images/redaction-icon-toolbar.png)
+
+## Show or hide the redaction toolbar
+
+You can toggle the redaction toolbar either using the built‑in toolbar icon or programmatically with the `showRedactionToolbar` method.
+
+### Display the redaction toolbar using the toolbar icon
+
+When **RedactionEditTool** is included in the toolbar settings, clicking the redaction icon in the primary toolbar will show or hide the redaction toolbar.
+
+![Show redaction toolbar from the primary toolbar](../redaction/redaction-annotations-images/redaction-icon-toolbar.png)
+
+### Display the redaction toolbar programmatically
+
+You can also control visibility through code by calling `viewer.toolbar.showRedactionToolbar(true/false)`.
+
+The following example demonstrates toggling the redaction toolbar programmatically:
+
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+<div class="content-wrapper">
+    <!-- Separate buttons: Show and Hide Redaction toolbar -->
+    <div style="margin-bottom:8px; display:flex; gap:8px;">
+        <button type="button" onclick="showRedactionToolbar()">Show Redaction Toolbar</button>
+        <button type="button" onclick="hideRedactionToolbar()">Hide Redaction Toolbar</button>
+    </div>
+    @Html.EJS().PdfViewer("pdfViewer")
+        .ResourceUrl("https://cdn.syncfusion.com/ej2/31.2.12/dist/ej2-pdfviewer-lib")
+        .DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf")
+        .Height("640px")
+        .Render()
+</div>
+<script type="text/javascript">
+    window.onload = function () {
+        window.viewer = document.getElementById('pdfViewer').ej2_instances[0];
+        // Includes RedactionEditTool in the primary toolbar
+        viewer.toolbarSettings = {
+            toolbarItems: [
+                'OpenOption', 'UndoRedoTool', 'PageNavigationTool', 'MagnificationTool', 'PanTool',
+                'SelectionTool', 'CommentTool', 'SubmitForm', 'AnnotationEditTool', 'RedactionEditTool',
+                'FormDesignerEditTool', 'SearchOption', 'PrintOption', 'DownloadOption'
+            ]
+        };
+    };
+    // Separate handlers for show/hide (no toggle)
+    function showRedactionToolbar() {
+        if (!window.viewer) return;
+        viewer.toolbar.showRedactionToolbar(true);
+    }
+    function hideRedactionToolbar() {
+        if (!window.viewer) return;
+        viewer.toolbar.showRedactionToolbar(false);
+    }
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+[View Sample in GitHub](https://github.com/SyncfusionExamples/mvc-pdf-viewer-examples)
+
+Refer to the following image for details:
+
+![Programmatically show the Redaction toolbar](../redaction/redaction-annotations-images/show-redaction-toolbar.png)
+
+## See also
+
+* [Adding the redaction annotation in PDF viewer](../redaction/overview)
+* [UI interactions](./ui-interaction)
+* [Programmatic support](./programmatic-support)
+* [Mobile view](./mobile-view)
+* [Search Text and Redact](./search-redact)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/ui-interaction.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/ui-interaction.md
new file mode 100644
index 000000000..fada3844e
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/Redaction/ui-interaction.md
@@ -0,0 +1,135 @@
+---
+layout: post
+title: Redaction UI interactions in MVC PDF Viewer | Syncfusion
+description: Learn about UI interactions in Redaction annotations of the Syncfusion ASP.NET MVC PDF Viewer component.
+platform: document-processing
+control: PDF Viewer
+documentation: ug
+---
+
+# Redaction UI interactions in ASP.NET MVC PdfViewer
+
+## Add redaction annotations from the toolbar
+
+Use the redaction tool in the toolbar to draw over content that should be hidden. After marking, an annotation can display overlay text (for example, “Confidential”) and can be styled using fill color and other properties.
+
+![Drawing a redaction annotation on the page](redaction-annotations-images/adding-redaction-annotation.png)
+
+#### Redaction annotations are interactive
+
+* **Movable** – Drag and reposition the annotation within the same page.  
+![Moving a redaction annotation](redaction-annotations-images/moving-redaction-annotation.png)
+
+* **Resizable** – Resize the annotation to cover the required area.  
+![Resizing a redaction annotation](redaction-annotations-images/resizing-redaction-annotation.png)
+
+N> The redaction tool is hidden by default. Customize the toolbar to include it. For instructions, see the [Toolbar customization](../toolbar).
+
+## Add redaction annotations using the context menu
+
+In addition to the toolbar, you can add redaction annotations directly from the context menu. Select the text or region, right‑click (or long‑press on mobile), and choose the **Redact Annotation** option. This creates a redaction mark over the selected content.
+
+![Context menu showing Redact Annotation option](redaction-annotations-images/redact-text-context-menu.png)
+
+## Update redaction properties
+
+After adding a redaction annotation, you can update its properties through the property panel or programmatically.
+
+### Update using the property panel
+
+When a redaction annotation is selected, a two‑tab property panel (General and Appearance) lets you customize text and styling. Changes are reflected instantly on the redaction mark.
+
+The property panel can be opened in two ways:
+
+* By clicking the **redaction property panel** icon in the toolbar.  
+![Redaction Property Panel Icon](redaction-annotations-images/redaction-property-panel-icon.png)
+
+* By right‑clicking (or long‑pressing) the annotation and choosing **Properties** from the context menu.  
+![Redaction Property Panel via Context Menu](redaction-annotations-images/redaction-property-panel-via-context-menu.png)
+
+#### General tab
+
+Use the General tab to define how the content will look after redaction. These settings control the final, burned‑in result and provide a live preview on hover.
+
+* Use Overlay Text – Enable to show text (for example, Confidential) over the redacted area.
+* Overlay Text – Enter the text to display.
+* Repeat Overlay Text – Tile the text to cover the whole region.
+
+![Overlay Text Options](redaction-annotations-images/redaction-overalytext.png)
+
+* Font options – Choose family, size, color, and alignment for the overlay text.
+* Fill Color – Select the color that will fill the region after redaction is applied.
+
+![Fill Color in General Tab](redaction-annotations-images/after-redaction-fill-color.png)
+
+Note: Hovering the mouse over a redaction annotation shows a preview of this final look. After you click Apply Redaction, these settings are flattened into the page and can’t be edited. Tip: Click Save in the dialog to keep your changes.
+
+#### Appearance tab
+
+Use the Appearance tab to style the redaction annotation itself (before applying). These options help you see and manage the box on the page but do not change the final redacted output.
+
+* Fill Color – Sets the annotation’s fill while you review and move/resize it.
+* Outline Color – Optional border for the annotation.
+* Fill Opacity – Controls how transparent the annotation appears during review.
+
+Note: The Appearance tab affects only the temporary annotation. The final look after applying redaction comes from the General tab settings.
+
+![Appearance Tab Settings](redaction-annotations-images/redaction-annotation-appearance.png)
+
+### What changes after applying redaction?
+
+When you click Apply Redaction:
+
+* The selected content is permanently removed from the page.
+* The redaction region is flattened into the page with a solid fill that uses the General tab Fill Color.
+* If overlay text was enabled, the text is burned into the page. If Repeat Overlay Text was enabled, the text is tiled across the region.
+* All properties become read‑only. You cannot edit overlay text, fill color, outline, or opacity after applying. Set the final look in the General tab and use the Appearance tab only to style the annotation before you apply.
+
+## Delete redaction annotations
+
+Delete redaction annotations using any of the following:
+
+* **Right-click and select Delete** from the context menu.
+
+![Context menu showing Delete for a redaction](redaction-annotations-images/redaction-delete-context-menu.png)
+
+* **Click the Delete button** on the toolbar.  
+![Toolbar delete icon for redaction](redaction-annotations-images/redaction-delete-icon.png)
+
+* **Press the Delete key** after selecting the annotation.
+
+## Redact pages using the UI
+
+Entire pages can be marked for redaction using the **Redact Pages** option in the toolbar. Clicking the icon opens a dialog with options:
+
+* **Current Page** – Redacts the page currently in view.  
+* **Odd Pages Only** – Redacts all odd‑numbered pages.  
+* **Even Pages Only** – Redacts all even‑numbered pages.  
+* **Specific Pages** – Enter page numbers or ranges (e.g., 1, 3–5, 7) to redact.
+
+After choosing the range, click **Save** to apply redaction marks to the selected pages.
+
+![Page Redaction Panel](redaction-annotations-images/page-redaction-panel.png)
+
+## Apply redaction from the toolbar
+
+The **Apply Redaction** button permanently removes all marked content from the document.
+
+* The button is disabled when no redaction annotations exist.  
+* It automatically enables once at least one annotation is present.
+
+![Redact Button Icon](redaction-annotations-images/redact-button-icon.png)
+
+A confirmation dialog appears before applying redaction to ensure you acknowledge the irreversible nature of the process.
+
+![Apply Redaction Dialog](redaction-annotations-images/apply-redaction-dialog.png)
+
+N> Redaction is permanent. Once applied, the original content cannot be restored.
+
+## See also
+
+* [Overview of Redaction](./overview)
+* [Programmatic Support in Redaction](./programmatic-support)
+* [Redaction in Mobile View](./mobile-view)
+* [Redaction Toolbar](./toolbar)
+* [Search Text and Redact](./search-redact)
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/how-to-overview.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/how-to-overview.md
index 1e99673ca..1caa38127 100644
--- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/how-to-overview.md
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/how-to-overview.md
@@ -74,3 +74,4 @@ The frequently asked questions in Essential<sup>&reg;</sup> PDF Viewer are liste
 * [How to set Author name for annotation in PDF Viewer?](./how-to/set-author-name-to-annotation)
 * [How to Show notification dialog in PDF Viewer?](./how-to/show-notification-dialog)
 * [How to set date to the signature in PDF Viewer?](./how-to/signature-date)
+* [Load Document after resources Loaded](./how-to/load-document-after-resources-loaded)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/how-to/load-document-after-resources-loaded.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/how-to/load-document-after-resources-loaded.md
new file mode 100644
index 000000000..6cd5f62fd
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/how-to/load-document-after-resources-loaded.md
@@ -0,0 +1,65 @@
+---
+layout: post
+title: Load document after resources Loaded MVC PDF Viewer | Syncfusion
+description: Learn here how to load a PDF only after assets are ready in the Syncfusion ASP.NET MVC PDF Viewer (Standalone) using the resourcesLoaded event.
+platform: document-processing
+control: PDF Viewer 
+documentation: ug
+domainurl: ##DomainURL##
+---
+
+# Load a PDF only after PDFium resources are ready
+
+In Standalone mode, the ASP.NET MVC PDF Viewer downloads its PDFium runtime assets (scripts/wasm) from the location specified in the resourceUrl property. Attempting to load a document before those assets are available can cause errors. Use the resourcesLoaded event to defer document loading until all required assets are ready.
+
+## When does resourcesLoaded trigger?
+
+The resourcesLoaded event fires once the viewer finishes loading all required PDFium assets. At this point, it is safe to call the load method to open a document (by URL or Base64).
+
+## How to Load Document after resourcesLoaded
+
+- Set the resourceUrl to a valid PDF Viewer assets path (CDN or your hosted path).
+- Listen to resourcesLoaded and call load inside the handler.
+
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+
+@{
+    ViewBag.Title = "Home Page";
+}
+@Html.EJS().ScriptManager()
+<div>
+<div style="height:500px;width:100%;">
+        @Html.EJS().PdfViewer("pdfviewer").ResourceUrl("https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib").Render()
+</div>
+</div>
+ 
+<script>
+    window.onload = function() {
+        var viewer = (document.getElementById('pdfviewer')).ej2_instances[0];
+        viewer.resourcesLoaded = function () {
+            viewer.load(base64, ''); //viewer.load(documnetUrl,'') to load via document Url
+        }
+    }
+    var documentUrl = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
+
+    var base64 = 'data:application/pdf;base64,JVBERi0xLjMNCiXi48....'; //Update Base64 here
+</script>
+
+{% endhighlight %}
+{% endtabs %}
+
+[View Sample in GitHub](https://github.com/SyncfusionExamples/mvc-pdf-viewer-examples/tree/master/How%20to)
+
+## Notes and best practices
+
+- Always set a valid resourceUrl when using the Standalone PDF Viewer. If the path is incorrect or blocked by the network, the event cannot fire.
+- Load documents inside resourcesLoaded. This guarantees the PDFium runtime is ready and prevents intermittent errors on slower networks.
+- The event fires for the viewer’s asset load life cycle, not for every document load. After it fires once, you can safely call load again later (for example, in response to user actions) without waiting for the event.
+
+## See also
+
+- [Events in ASP.NET MVC PDF Viewer](../event#resourcesloaded)
+- [Open PDF files](../open-pdf-files)
+- [Save PDF files](../save-pdf-files)
+- [Getting started](../getting-started)
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/images/extract-page-checkboxes.png b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/images/extract-page-checkboxes.png
new file mode 100644
index 000000000..df6efa3ba
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/images/extract-page-checkboxes.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/images/extract-page-secondary-toolbar.png b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/images/extract-page-secondary-toolbar.png
new file mode 100644
index 000000000..f310ffd39
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/images/extract-page-secondary-toolbar.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/images/extract-page-selected-thumbnail.png b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/images/extract-page-selected-thumbnail.png
new file mode 100644
index 000000000..6576e7b7a
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/images/extract-page-selected-thumbnail.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/images/extract-page.png b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/images/extract-page.png
new file mode 100644
index 000000000..3ae5965ba
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/images/extract-page.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/organize-pages/extract-pages.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/organize-pages/extract-pages.md
new file mode 100644
index 000000000..85968b982
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/organize-pages/extract-pages.md
@@ -0,0 +1,120 @@
+---
+layout: post
+title: Extract Pages in ASP.NET MVC PDF Viewer | Syncfusion
+description: Learn here all about Extract Pages in Organize Pages in Syncfusion ASP.NET MVC PDF Viewer control of Syncfusion Essential JS 2 and more.
+platform: document-processing
+control: PDF Viewer
+documentation: ug
+---
+
+# Extract pages in ASP.NET MVC PDF Viewer
+
+The PDF Viewer component lets you extract pages from a document using the Extract Pages option in the Organize Pages UI.
+The Extract Pages tool is available by default in Organize Pages.
+
+## Extract Pages in Organize Pages
+
+- Open the Organize Pages panel in the PDF Viewer toolbar.
+- Locate and click the Extract Pages option.
+
+![Extract Pages](../images/extract-page.png)
+
+When selected, a secondary toolbar dedicated to extraction is displayed.
+
+![Extract Pages secondary toolbar](../images/extract-page-secondary-toolbar.png)
+
+## Extract pages using the UI
+
+You can extract by typing page numbers/ranges or by selecting thumbnails.
+
+1. Click Extract Pages in the Organize Pages panel.
+2. In the input box, enter the pages to extract. Supported formats include:
+   - Single pages: 1,3,5
+   - Ranges: 2-6
+   - Combinations: 1,4,7-9
+3. Alternatively, select the page thumbnails you want instead of typing values.
+4. Click Extract to download the extracted pages as a new PDF. Click Cancel to close the tool.
+
+![Extract Pages with selected thumbnails](../images/extract-page-selected-thumbnail.png)
+
+ N> Page numbers are 1-based (first page is 1). Invalid or out-of-range entries are ignored.
+
+## Extraction options (checkboxes)
+
+Two options appear in the secondary toolbar:
+
+- **Delete Pages After Extracting:**
+  - When enabled, the selected/entered pages are removed from the document opened in the viewer after the extraction completes. The extracted pages are still downloaded as a new file.
+
+- **Extract Pages As Separate Files:**
+  - When enabled, every selected page is exported as an individual PDF file. Ranges such as 2-4 export pages 2, 3, and 4 as separate PDFs.
+
+![Checkboxes for extract options](../images/extract-page-checkboxes.png)
+
+## Programmatic options and APIs
+
+## Programmatic options and APIs
+
+You can control the Extract Pages experience via settings and invoke extraction through code.
+
+### Enable/disable Extract Pages
+
+Use the `canExtractPages` API to enable or disable the Extract Pages option. When set to `false`, the Extract Pages tool is disabled in the toolbar. The default value is `true`.
+
+Use the following code snippet to enable or disable the Extract Pages option:
+
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+<div style="width:100%;height:600px">
+@Html.EJS().PdfViewer("pdfviewer").ResourceUrl("https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib").DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").PageOrganizerSettings(new {canExtractPages = false}).Render()
+</div>
+{% endhighlight %}
+{% endtabs %}
+
+Use the `showExtractPagesOption` API to show or hide the Extract Pages option. When set to `false`, the Extract Pages tool is removed from the toolbar. The default value is `true`.
+
+Use the following code snippet to remove the Extract Pages option:
+
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+<div style="width:100%;height:600px">
+@Html.EJS().PdfViewer("pdfviewer").ResourceUrl("https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib").DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").PageOrganizerSettings(new {showExtractPagesOption = false}).Render()
+</div>
+{% endhighlight %}
+{% endtabs %}
+
+### Extract pages and load the result programmatically
+
+You can extract pages programmatically using the `extractPages` method.
+The following example extracts pages 1 and 2, then immediately loads the extracted pages back into the viewer. The returned value is a byte array (e.g., Uint8Array) representing the PDF file contents.
+
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+<button id="viewer" onclick="extractPage()">Extract Page</button>
+<div style="width:100%;height:600px">
+@Html.EJS().PdfViewer("pdfviewer").ResourceUrl("https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib").DocumentPath("https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf").PageOrganizerSettings(new {CanExtractPages = true}).Render()
+</div>
+<script>
+    function extractPage() {
+        var viewer = document.getElementById('pdfviewer').ej2_instances[0];
+        //Extract Pages 1,2
+        var array = viewer.extractPages('1,2');
+        //Load the Extracted Pages
+        viewer.load(array,'');
+        //Print the Base64 for reference
+        console.log(array);
+    }
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+[View sample in GitHub](https://github.com/SyncfusionExamples/mvc-pdf-viewer-examples/tree/master/How%20to)
+
+## See also
+
+- [Overview](../overview)
+- [UI interactions](../ui-interactions)
+- [Programmatic support](../programmatic-support)
+- [Toolbar](../toolbar)
+- [Events](../events)
+- [Mobile view](../mobile-view)
diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/server-actions.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/server-actions.md
index a6bd4d842..0dd4cd0ea 100644
--- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/server-actions.md
+++ b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/server-actions.md
@@ -4,11 +4,10 @@ title: Server actions for Syncfusion ASP.NET MVC PDF Viewer
 description: Review the ASP.NET MVC server actions used by the Syncfusion PDF Viewer to manage loading, caching, annotations, and document interactions.
 platform: document-processing
 control: PDF Viewer
-publishingplatform: ASP.NET MVC
 documentation: ug
 ---
 
-# Server Actions
+# Server Actions in ASP.NET MVC PDF Viewer
 
 Syncfusion<sup style="font-size:70%">&reg;</sup> PDF Viewer is a client-server control that processes PDF documents on the server and sends incremental responses to the client for rendering and interaction. Ensure the ASP.NET MVC controller routes are registered, dependency injection supplies `IHostingEnvironment` and `IMemoryCache`, and caching is configured to persist page data between requests. Validate file paths and restrict inputs to trusted locations to avoid exposing sensitive files.
 
@@ -382,7 +381,7 @@ The `jsonObjects` parameter represents the request payload sent by the PDF Viewe
         public string freeTextAnnotation { get; set; }
         public string signatureData { get; set; }
         public string fieldsData { get; set; }
-        public string FormDesigner { get; set; }
+        public string formDesigner { get; set; }
         public string inkSignatureData { get; set; }
         public string tileXCount { get; set; }
         public string tileYCount { get; set; }
@@ -399,4 +398,4 @@ The `jsonObjects` parameter represents the request payload sent by the PDF Viewe
 		public bool isAnnotationsExist { get; set; }
         public bool isFormFieldAnnotationsExist { get; set; }
     }
-```
\ No newline at end of file
+```
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/mobile-view.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/mobile-view.md
new file mode 100644
index 000000000..b0ca355da
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/mobile-view.md
@@ -0,0 +1,179 @@
+---
+layout: post
+title: Redaction in mobile view in JavaScript ES5 PDF Viewer | Syncfusion
+description: Learn how to apply redactions in mobile view using the Syncfusion JavaScript (ES5) PDF Viewer with a complete toolbar setup and redaction workflow.
+platform: document-processing
+control: PdfViewer
+documentation: ug
+---
+
+# Redaction in Mobile View in JavaScript (ES5) PdfViewer Component
+
+The Redaction Tool enables users to permanently mark and remove sensitive content from PDF documents in mobile view using the JavaScript (ES5) PdfViewer component. This feature is optimized for touch interactions and provides a streamlined redaction workflow specifically designed for mobile devices.
+
+![Redaction in Mobile View](./redaction-annotations-images/redaction-mobile-view.png)
+
+N> In mobile view, the redaction toolbar appears at the bottom of the viewer for easy thumb access. Mobile layout activates automatically on small screens.
+
+## Adding Redaction in Mobile View
+
+To enable redaction functionality in your JavaScript (ES5) application, configure the PDF Viewer with the following setup:
+
+```js
+var pdfviewer = new ej.pdfviewer.PdfViewer({
+  documentPath: 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf',
+  resourceUrl: "https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib",
+  toolbarSettings: {
+    toolbarItems: [
+      'OpenOption',
+      'UndoRedoTool',
+      'PageNavigationTool',
+      'MagnificationTool',
+      'PanTool',
+      'SelectionTool',
+      'CommentTool',
+      'SubmitForm',
+      'AnnotationEditTool',
+      'RedactionEditTool',   // Enables Redaction toolbar
+      'FormDesignerEditTool',
+      'SearchOption',
+      'PrintOption',
+      'DownloadOption'
+    ]
+  }
+});
+ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar, ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
+pdfviewer.appendTo('#PdfViewer');
+```
+
+## Understanding Mobile Redaction Toolbar Tools
+
+When you enter redaction mode in mobile view, a specialized redaction toolbar appears with multiple tools optimized for touch interaction. Each tool serves a specific purpose in the redaction workflow.
+
+### Redaction Annotation Tool
+
+The Redaction Annotation tool is the primary redaction feature that allows you to draw redaction rectangles on specific content:
+
+Function: Creates visual redaction annotations that mark content for permanent removal
+Usage:
+Touch and drag to draw rectangular redaction overlays on any content area.
+
+Process:
+- Selected content appears with a customizable overlay (default black)
+- Annotations remain editable until explicitly applied
+- Can be repositioned or deleted before final application
+
+![Redaction Annotation Tool](./redaction-annotations-images/redaction-annotation-annot.png)
+
+### Page Redaction Tool
+
+The Page Redaction tool enables batch redaction of entire pages based on specific patterns.
+
+![Page Redaction Tool](./redaction-annotations-images/page-redaction-annot.png)
+
+Function: Redacts complete pages or page ranges with a single action
+Options Available:
+- Odd Pages: Redacts only odd-numbered pages (1, 3, 5, etc.)
+- Even Pages: Redacts only even-numbered pages (2, 4, 6, etc.)
+- Specific Page: Specify single pages, ranges (e.g., 1-5, 10-15), or comma-separated lists (e.g., 1,3,5-7)
+- Current Page: Redacts only the currently displayed page
+
+Usage:
+Select desired pattern → Review affected pages in the viewer → Confirm redaction scope
+
+![Page Redaction Tool Dialog](./redaction-annotations-images/page-redaction-dialog-annot.png)
+
+### Redaction Properties Tool
+
+The Redaction Properties tool allows customization of redaction appearance before application.
+
+![Redaction Properties Mobile View](./redaction-annotations-images/redaction-properties-annot.png)
+
+Function: Customize the visual appearance of redaction overlays and text replacement
+Customizable Properties:
+- Fill Color: Change the redaction overlay color (default: black)
+- Outline Color: Set outline color for redaction boxes (optional)
+- Overlay Text: Add custom text to appear on redacted areas (e.g., "REDACTED", "CONFIDENTIAL")
+- Text Color: Change overlay text color for better visibility
+- Text Font: Select font family for overlay text
+- Text Alignment: Position overlay text within redaction boxes
+- Text Size: Adjust overlay text size relative to redaction area
+
+![Redaction Properties Dialog Mobile View](./redaction-annotations-images/redaction-properties-dialog-annot.png)
+
+## Enabling Redaction Mode in Mobile View
+
+Step 1: Tap the Redaction button in the mobile toolbar to activate redaction mode. The redaction toolbar will appear at the bottom of the viewer.
+
+![Redaction toolbar displayed at bottom of mobile PDF viewer with three distinct tools](./redaction-annotations-images/redaction-mobile-view.png)
+
+Step 2: From the redaction toolbar, select your desired redaction tool:
+- First Tool (Redaction Annotation): For selective content redaction
+- Second Tool (Page Redaction): For page-wide or pattern-based redaction
+- Third Tool (Redaction Properties): For appearance customization
+
+Step 3: Configure your redaction parameters using the selected tool interface.
+
+## Applying Different Redaction Types in Mobile View
+
+### Selective Content Redaction
+1. Select Redaction Annotation tool (first button)
+2. Choose Content: Tap and drag over text or draw rectangular areas
+3. Preview: Check redaction overlays for accuracy
+4. Apply: Tap "Apply Redactions" button
+
+### Page-Wide Redaction
+1. Select Page Redaction tool (second button)
+2. Choose Pattern: Select odd pages, even pages, or custom range
+3. Review: Verify affected pages in the viewer
+4. Apply: Confirm page redaction scope and apply
+
+### Custom Appearance Redaction
+1. Select Redaction Properties tool (third button)
+2. Customize: Adjust colors, overlay text, and formatting
+3. Preview: See changes applied to existing annotations
+4. Apply: Use customized appearance for final redaction
+
+## Applying Redactions in Mobile View
+
+N> Applying redactions is permanent. After applying, the underlying content and text are removed from the document and cannot be recovered.
+
+Once you have configured redactions using any combination of tools.
+
+Step 1: Review all redaction marks and configurations.
+
+![Review Redaction Annotation](./redaction-annotations-images/review-redaction-annotation-mv-annot.png)
+
+Step 2: Tap the Apply Redactions button in the redaction toolbar
+
+![Apply Redaction Button](./redaction-annotations-images/apply-redaction-button-mv.png)
+
+Step 3: Confirm the action when prompted - this operation is permanent and cannot be undone
+
+![Apply Redaction Dialog](./redaction-annotations-images/apply-redaction-dialog-mv-annot.png)
+
+The selected content will be permanently removed and replaced according to your redaction properties (solid color blocks or custom overlay text).
+
+![Applied Redaction](./redaction-annotations-images/applied-redaction-annot.png)
+
+## Removing Redaction Annotations
+
+To remove existing redaction annotations before they are applied:
+
+- Step 1: Tap the Redaction Edit button in the mobile toolbar to enter annotation editing mode
+- Step 2: Tap on any existing redaction annotation you wish to remove
+- Step 3: Select Delete from the context menu that appears
+
+Alternative: Tap redaction annotation → Use delete button in annotation properties panel
+
+![Delete Redaction Annotation](./redaction-annotations-images/delete-redaction-annotation-annot.png)
+
+N> Once redactions have been applied to the document, they become part of the PDF content and cannot be removed or modified.
+
+## See Also
+
+* [Redaction Overview](./overview)
+* [UI Interaction](./ui-interaction)
+* [Programmatic Support in Redaction](./programmatic-support)
+* [Toolbar](./toolbar)
+* [Search Text and Redact](./search-redact)
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/overview.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/overview.md
new file mode 100644
index 000000000..251095a98
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/overview.md
@@ -0,0 +1,110 @@
+---
+layout: post
+title: Redaction annotation in Javascript PDF Viewer | Syncfusion
+description: Learn how to hide sensitive information with interactive and programmatic redaction using the Syncfusion JavaScript PDF Viewer.
+platform: document-processing
+control: PDF Viewer
+documentation: ug
+domainurl: ##DomainURL##
+---
+
+# Redaction in JavaScript (ES5) PdfViewer
+
+Redaction annotations are used to hide confidential or sensitive information in a PDF. The Syncfusion JavaScript PDF Viewer (EJ2) lets you mark areas or entire pages for redaction, customize their appearance, and permanently apply them with a single action.
+
+## Enable the redaction toolbar
+
+To enable the redaction toolbar, configure the `toolbarSettings.toolbarItems` property of the PdfViewer instance to include the **RedactionEditTool**.
+
+The following example shows how to enable the redaction toolbar:
+
+```js
+var pdfviewer = new ej.pdfviewer.PdfViewer({
+  documentPath: 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf',
+  resourceUrl: "https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib",
+  toolbarSettings: {
+    toolbarItems: [
+      'OpenOption',
+      'UndoRedoTool',
+      'PageNavigationTool',
+      'MagnificationTool',
+      'PanTool',
+      'SelectionTool',
+      'CommentTool',
+      'SubmitForm',
+      'AnnotationEditTool',
+      'RedactionEditTool',   // Enables Redaction toolbar
+      'FormDesignerEditTool',
+      'SearchOption',
+      'PrintOption',
+      'DownloadOption'
+    ]
+  }
+});
+ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar, ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
+pdfviewer.appendTo('#PdfViewer');
+```
+
+N> Prerequisites: Add the PdfViewer control to your JavaScript application and ensure the redaction feature is available in the version you are using. Once applied, redaction permanently removes the selected content.
+
+![Toolbar with the Redaction tool highlighted](redaction-annotations-images/redaction-icon-toolbar.png)
+
+## Add Redaction Annotations
+
+You can mark specific content for redaction using the toolbar or through code.  
+
+Select the **Redaction tool** and draw over the text or graphics you want to hide. You can also add overlay text (such as “Confidential”) and adjust the style — fill color, border color, and opacity.
+
+![Drawing a redaction region over page content](redaction-annotations-images/adding-redaction-annotation.png)
+
+## Delete Redaction Annotations
+
+Redaction annotations can be removed easily:
+
+- Click the **Delete** button on the toolbar, or  
+- Select the annotation and press the **Delete** key.
+
+![Toolbar showing the Delete command for redaction](redaction-annotations-images/redaction-delete-icon.png)
+
+## Redact Entire Pages
+
+The viewer allows you to redact whole pages that contain sensitive information. You can choose specific pages, page ranges, or redact all pages using the built‑in dialog, or perform the same action programmatically.
+
+![Toolbar showing the Redact Page option](redaction-annotations-images/redact-page-icon.png)
+
+## Apply Redaction
+
+Once annotations are added, you can permanently apply them to the document. This action cannot be undone.  
+
+Use the **Apply Redaction** button on the toolbar or call the API method:
+
+- The button is disabled until at least one redaction annotation exists.  
+- It becomes active when redaction annotations are present.
+
+![Toolbar showing the Apply Redaction button](redaction-annotations-images/redact-button-icon.png)
+
+A confirmation dialog appears before applying redaction to ensure you acknowledge the irreversible nature of the process.
+
+![Confirmation dialog for applying redaction](redaction-annotations-images/apply-redaction-dialog.png)
+
+N> After redaction is applied, the original content cannot be recovered.
+
+## Comment Support
+
+Redaction annotations can include comments using the built‑in comment panel. This helps you add notes, track reviews, or record the reason for redaction.  
+
+Comments can be added through the UI or API. For more details, see the [Comments documentation](../annotations/comments).
+
+## Import and Export Redaction Annotations
+
+You can save and reload redaction annotations by exporting and importing them in JSON format. This makes it easy to persist annotations or share them across sessions.
+
+For more details, see the [Export and import annotations documentation](../how-to/import-export-annotation-js).
+
+## See also
+
+* [Redaction UI interactions](./ui-interaction)
+* [Redaction Programmatic support](./programmatic-support)
+* [Redaction Toolbar](./toolbar)
+* [Redaction Mobile view](./mobile-view)
+* [Search Text and Redact](./search-redact)
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/programmatic-support.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/programmatic-support.md
new file mode 100644
index 000000000..88b5c9196
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/programmatic-support.md
@@ -0,0 +1,189 @@
+---
+layout: post
+title: Redaction Programmatic support in JavaScript PDF Viewer | Syncfusion
+description: Learn how to add, delete, update, and apply redaction annotations programmatically in the Syncfusion JavaScript (ES5/JavaScript) PDF Viewer.
+platform: document-processing
+control: PdfViewer
+documentation: ug
+---
+
+# Programmatic support for redaction in JavaScript (ES5) PdfViewer
+
+The Syncfusion JavaScript PDF Viewer (EJ2) provides APIs to add, update, delete, and apply redaction annotations programmatically. You can also redact entire pages, configure default properties, and work with the redaction property panel.
+
+## Enable the redaction toolbar
+
+To enable the redaction toolbar, configure the `toolbarSettings.toolbarItems` property of the PdfViewer instance to include the **RedactionEditTool**.
+
+The following example shows how to enable the redaction toolbar:
+
+```js
+var pdfviewer = new ej.pdfviewer.PdfViewer({
+  documentPath: 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf',
+  resourceUrl: "https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib",
+  toolbarSettings: {
+    toolbarItems: [
+      'OpenOption',
+      'UndoRedoTool',
+      'PageNavigationTool',
+      'MagnificationTool',
+      'PanTool',
+      'SelectionTool',
+      'CommentTool',
+      'SubmitForm',
+      'AnnotationEditTool',
+      'RedactionEditTool',   // Enables Redaction toolbar
+      'FormDesignerEditTool',
+      'SearchOption',
+      'PrintOption',
+      'DownloadOption'
+    ]
+  }
+});
+ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar, ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
+pdfviewer.appendTo('#PdfViewer');
+```
+
+## Add redaction annotations programmatically
+
+You can add redaction annotations to a PDF document using the `addAnnotation` method of the `annotation` module.
+
+```html
+    <button id="addRedactAnnot">Add Redaction Annotation</button>
+```
+```js
+document.getElementById('addRedactAnnot').addEventListener('click', () => {
+    viewer.annotation.addAnnotation("Redaction", {
+        bound: { x: 200, y: 480, width: 150, height: 75 },
+        pageNumber: 1,
+        markerFillColor: '#0000FF',
+        markerBorderColor: 'white',
+        fillColor: 'red',
+        overlayText: 'Confidential',
+        fontColor: 'yellow',
+        fontFamily: 'Times New Roman',
+        fontSize: 8,
+        beforeRedactionsApplied: false
+    });
+});
+```
+
+You can listen to the `annotationAdd` event to track when annotations are added:
+
+```js
+viewer.annotationAdd = (args) => {
+    console.log('Annotation added:', args);
+};
+```
+
+## Delete redaction annotations programmatically
+
+Redaction annotations can be removed using the `deleteAnnotationById` event or by selecting and deleting them through code.
+
+```html
+    <button id="deleteAnnotationbyId">Delete Annotation By Id</button>
+```
+```js
+// Delete annotation by id
+document.getElementById('deleteAnnotationbyId').addEventListener('click', () => {
+    viewer.annotationModule.deleteAnnotationById(
+      viewer.annotationCollection[0].annotationId
+    );
+  });
+```
+
+Alternatively, you can remove annotations by selecting them in the UI and pressing the **Delete** key.
+
+## Update redaction annotation properties programmatically
+
+You can update properties of an existing redaction annotation using the `editAnnotation` API. For example, to change overlay text or fill color:
+
+```html
+<button id="editRedactAnnotation">Edit Redact Annotation</button>
+```
+```js
+let editRedactAnnotation = document.getElementById('editRedactAnnotation');
+if (editRedactAnnotation) {
+editRedactAnnotation.addEventListener('click', function () {
+    if (viewer) {
+        for (let i = 0; i < viewer.annotationCollection.length; i++) {
+            if (viewer.annotationCollection[i].subject === "Redaction") {
+                viewer.annotationCollection[i].overlayText= 'EditedAnnotation',
+                viewer.annotationCollection[i].markerFillColor= '#22FF00',
+                viewer.annotationCollection[i].markerBorderColor= '#000000',
+                viewer.annotationCollection[i].isRepeat= true,
+                viewer.annotationCollection[i].fillColor= '#F8F8F8',
+                viewer.annotationCollection[i].fontColor= '#333333',
+                viewer.annotationCollection[i].fontSize= 14,
+                viewer.annotationCollection[i].fontFamily= 'Symbol',
+                viewer.annotationCollection[i].textAlign= 'Right'
+                viewer.annotationCollection[i].beforeRedactionsApplied= false
+                viewer.annotation.editAnnotation(viewer.annotationCollection[i]);
+            }
+        }
+    }
+});
+}
+```
+
+## Add page redactions programmatically
+
+Entire pages can be marked for redaction using the `addPageRedactions` method:
+
+```html
+    <button id="addPageRedactions">Add Page Redaction</button>
+```
+```js
+document.getElementById('addPageRedactions').addEventListener('click', () => {
+    viewer.annotation.addPageRedactions([1, 3, 5, 7]); // Redacts pages 1, 3, 5, and 7
+});
+```
+
+## Apply redaction programmatically
+
+Once annotations are added, you can permanently apply them to the document using the `redact` method:
+
+```html
+    <button id="redact">Apply Redaction</button>
+```
+```js
+document.getElementById('redact').addEventListener('click', () => {
+    viewer.annotation.redact();
+});
+```
+
+N> Applying redaction is irreversible. Once applied, the original content cannot be recovered.
+
+## Configure default redaction annotation properties
+
+You can configure default properties for redaction annotations (such as fill color, overlay text, and font) when adding them programmatically:
+
+```js
+viewer.redactionSettings= {
+        overlayText: 'Confidential',
+        markerFillColor: '#FF0000',
+        markerBorderColor: '#000000',
+        isRepeat: false,
+        fillColor: '#F8F8F8',
+        fontColor: '#333333',
+        fontSize: 14,
+        fontFamily: 'Symbol',
+        textAlign: 'Right'
+    };
+```
+
+[View Sample in GitHub](https://github.com/SyncfusionExamples/JavaScript-pdf-viewer-examples)
+
+## Redaction property panel
+
+The redaction property panel allows users to update annotation properties through the UI. Programmatically, you can invoke the property panel by selecting an annotation and calling the relevant APIs. Properties such as overlay text, font style, and fill color can be updated directly in the panel.
+
+![Redaction Property Panel](../redaction/redaction-annotations-images/redaction-property-panel-icon.png)
+
+## See also
+
+* [Overview of Redaction](./overview)
+* [Redaction UI interactions](./ui-interaction)
+* [Redaction Toolbar](./toolbar)
+* [Reaction in Mobile view](./mobile-view)
+* [Search Text and Redact](./search-redact)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/redaction-annotations-images/adding-redaction-annotation.png b/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/redaction-annotations-images/adding-redaction-annotation.png
new file mode 100644
index 000000000..b25b31126
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/redaction-annotations-images/adding-redaction-annotation.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/redaction-annotations-images/after-redaction-fill-color.png b/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/redaction-annotations-images/after-redaction-fill-color.png
new file mode 100644
index 000000000..f855a867a
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/redaction-annotations-images/after-redaction-fill-color.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/redaction-annotations-images/applied-redaction-annot.png b/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/redaction-annotations-images/applied-redaction-annot.png
new file mode 100644
index 000000000..f6a6a2831
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/redaction-annotations-images/applied-redaction-annot.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/redaction-annotations-images/apply-redaction-button-mv.png b/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/redaction-annotations-images/apply-redaction-button-mv.png
new file mode 100644
index 000000000..bd02a6bc3
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/redaction-annotations-images/apply-redaction-button-mv.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/redaction-annotations-images/apply-redaction-dialog-mv-annot.png b/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/redaction-annotations-images/apply-redaction-dialog-mv-annot.png
new file mode 100644
index 000000000..0dea706e6
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/redaction-annotations-images/apply-redaction-dialog-mv-annot.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/redaction-annotations-images/apply-redaction-dialog.png b/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/redaction-annotations-images/apply-redaction-dialog.png
new file mode 100644
index 000000000..0692de34e
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/redaction-annotations-images/apply-redaction-dialog.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/redaction-annotations-images/delete-redaction-annotation-annot.png b/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/redaction-annotations-images/delete-redaction-annotation-annot.png
new file mode 100644
index 000000000..8e061a883
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/redaction-annotations-images/delete-redaction-annotation-annot.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/redaction-annotations-images/moving-redaction-annotation.png b/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/redaction-annotations-images/moving-redaction-annotation.png
new file mode 100644
index 000000000..f7715e2d1
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/redaction-annotations-images/moving-redaction-annotation.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/redaction-annotations-images/page-redaction-annot.png b/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/redaction-annotations-images/page-redaction-annot.png
new file mode 100644
index 000000000..bf4804998
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/redaction-annotations-images/page-redaction-annot.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/redaction-annotations-images/page-redaction-dialog-annot.png b/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/redaction-annotations-images/page-redaction-dialog-annot.png
new file mode 100644
index 000000000..69658a826
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/redaction-annotations-images/page-redaction-dialog-annot.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/redaction-annotations-images/page-redaction-panel.png b/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/redaction-annotations-images/page-redaction-panel.png
new file mode 100644
index 000000000..be68305ae
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/redaction-annotations-images/page-redaction-panel.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/redaction-annotations-images/redact-button-icon.png b/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/redaction-annotations-images/redact-button-icon.png
new file mode 100644
index 000000000..954df393d
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/redaction-annotations-images/redact-button-icon.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/redaction-annotations-images/redact-page-icon.png b/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/redaction-annotations-images/redact-page-icon.png
new file mode 100644
index 000000000..0c9dbed27
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/redaction-annotations-images/redact-page-icon.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/redaction-annotations-images/redact-text-context-menu.png b/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/redaction-annotations-images/redact-text-context-menu.png
new file mode 100644
index 000000000..a88985b39
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/redaction-annotations-images/redact-text-context-menu.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/redaction-annotations-images/redaction-annotation-annot.png b/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/redaction-annotations-images/redaction-annotation-annot.png
new file mode 100644
index 000000000..5e9cde040
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/redaction-annotations-images/redaction-annotation-annot.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/redaction-annotations-images/redaction-annotation-appearance.png b/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/redaction-annotations-images/redaction-annotation-appearance.png
new file mode 100644
index 000000000..506dd4f87
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/redaction-annotations-images/redaction-annotation-appearance.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/redaction-annotations-images/redaction-delete-context-menu.png b/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/redaction-annotations-images/redaction-delete-context-menu.png
new file mode 100644
index 000000000..cd8f38b82
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/redaction-annotations-images/redaction-delete-context-menu.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/redaction-annotations-images/redaction-delete-icon.png b/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/redaction-annotations-images/redaction-delete-icon.png
new file mode 100644
index 000000000..4026f8c49
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/redaction-annotations-images/redaction-delete-icon.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/redaction-annotations-images/redaction-icon-toolbar.png b/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/redaction-annotations-images/redaction-icon-toolbar.png
new file mode 100644
index 000000000..6de03e8cc
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/redaction-annotations-images/redaction-icon-toolbar.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/redaction-annotations-images/redaction-mobile-view.png b/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/redaction-annotations-images/redaction-mobile-view.png
new file mode 100644
index 000000000..2d9539200
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/redaction-annotations-images/redaction-mobile-view.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/redaction-annotations-images/redaction-overalytext.png b/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/redaction-annotations-images/redaction-overalytext.png
new file mode 100644
index 000000000..b9d833921
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/redaction-annotations-images/redaction-overalytext.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/redaction-annotations-images/redaction-properties-annot.png b/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/redaction-annotations-images/redaction-properties-annot.png
new file mode 100644
index 000000000..079e65e59
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/redaction-annotations-images/redaction-properties-annot.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/redaction-annotations-images/redaction-properties-dialog-annot.png b/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/redaction-annotations-images/redaction-properties-dialog-annot.png
new file mode 100644
index 000000000..5a56fb1d5
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/redaction-annotations-images/redaction-properties-dialog-annot.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/redaction-annotations-images/redaction-property-panel-icon.png b/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/redaction-annotations-images/redaction-property-panel-icon.png
new file mode 100644
index 000000000..3cc44eb64
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/redaction-annotations-images/redaction-property-panel-icon.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/redaction-annotations-images/redaction-property-panel-via-context-menu.png b/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/redaction-annotations-images/redaction-property-panel-via-context-menu.png
new file mode 100644
index 000000000..08d9a3a6a
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/redaction-annotations-images/redaction-property-panel-via-context-menu.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/redaction-annotations-images/resizing-redaction-annotation.png b/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/redaction-annotations-images/resizing-redaction-annotation.png
new file mode 100644
index 000000000..846e301da
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/redaction-annotations-images/resizing-redaction-annotation.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/redaction-annotations-images/review-redaction-annotation-mv-annot.png b/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/redaction-annotations-images/review-redaction-annotation-mv-annot.png
new file mode 100644
index 000000000..a78383509
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/redaction-annotations-images/review-redaction-annotation-mv-annot.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/redaction-annotations-images/show-redaction-toolbar.png b/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/redaction-annotations-images/show-redaction-toolbar.png
new file mode 100644
index 000000000..94d75eb3b
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/redaction-annotations-images/show-redaction-toolbar.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/search-redact.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/search-redact.md
new file mode 100644
index 000000000..3e5e867c3
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/search-redact.md
@@ -0,0 +1,111 @@
+---
+layout: post
+title: Search text and redact in Javascript PDF Viewer | Syncfusion
+description: Learn how to find text and add redaction annotations programmatically in the Syncfusion Javascript PDF Viewer.
+platform: document-processing
+control: PDF Viewer
+documentation: ug
+domainurl: ##DomainURL##
+---
+
+# Search text and redact in JavaScript (ES5) PdfViewer
+
+You can search for a keyword in the loaded PDF and automatically add redaction annotations over each match. The example below wires the extractTextCompleted event, triggers text extraction, performs a search, and places redaction annotations for every result.
+
+N> Prerequisites: Add the PdfViewer control to your JavaScript application and ensure a document is loaded. Make sure the redaction feature is available in the version you are using. Once applied, redaction permanently removes the selected content.
+
+## Steps to add Redaction annotations on search Text Bounds
+
+**Step 1:** Follow the steps provided in the [link](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/javascript-ES5/getting-started) to create a simple PDF Viewer sample.
+
+
+**Step 2:** Use the following code-snippets to Add Redaction annotation on Search Text Bounds.
+
+
+```html
+    <button id="searchTextRedact">Search Text and Redact</button>
+    <button id="applyRedaction">Apply Redaction</button>
+```
+```js
+const pdfviewer: PdfViewer = new PdfViewer({
+    documentPath: 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf',
+    resourceUrl: "https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib",
+});
+
+//Adding Redaction Tool in the toolbar
+pdfviewer.toolbarSettings.toolbarItems = ['OpenOption', 'UndoRedoTool', 'PageNavigationTool', 'MagnificationTool', 'PanTool', 'SelectionTool', 'CommentTool', 'SubmitForm', 'AnnotationEditTool', 'RedactionEditTool', 'FormDesignerEditTool', 'SearchOption', 'PrintOption', 'DownloadOption'];
+
+ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar, ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
+
+pdfviewer.appendTo('#PdfViewer');
+//EventListener to Search Text and Redact  
+document.getElementById('searchTextRedact').addEventListener('click', () => {
+        // Function to handle extractTextCompleted event
+        pdfviewer.extractTextCompleted = args => {
+            const searchText = "syncfusion"; //Provide text to be redacted
+
+            // Perform text search
+            const searchResults = pdfviewer.textSearchModule.findText(searchText, false);
+
+            if (!searchResults || searchResults.length === 0) {
+                console.warn("No matches found.");
+                return;
+            }
+
+            // Loop through search results
+            for (let i = 0; i < searchResults.length; i++) {
+                const pageResult = searchResults[i];
+                if (!pageResult || !pageResult.bounds || pageResult.bounds.length === 0) { continue; }
+
+                // guard pageIndex (fixes TS18048)
+                if (pageResult.pageIndex == null) { continue; }
+                const pageNumber = pageResult.pageIndex + 1;
+
+                // Loop through each bounding box of the found text
+                for (let j = 0; j < pageResult.bounds.length; j++) {
+                    const bound = pageResult.bounds[j];
+
+                    // Add a redaction annotation at the found text location
+                    pdfviewer.annotation.addAnnotation("Redaction", {
+                        bound: {
+                            x: (bound.x * 96) / 72,
+                            y: (bound.y * 96) / 72,
+                            width: (bound.width * 96) / 72,
+                            height: (bound.height * 96) / 72
+                        },
+                        pageNumber: pageNumber,
+                        overlayText: "Confidential",
+                        fillColor: "#00FF40FF",
+                        fontColor: "#333333",
+                        fontSize: 12,
+                        fontFamily: "Arial",
+                        // removed textAlign property (fixes TS2353)
+                        markerFillColor: "#FF0000",
+                        markerBorderColor: "#000000"
+                    });
+                }
+            }
+        };
+    });
+
+//EventListener to Apply Redaction
+document.getElementById("applyRedaction")?.addEventListener('click', ()=>{
+    pdfviewer.annotation.redact();
+});
+```
+
+[View Sample in GitHub](https://github.com/SyncfusionExamples/Javascript-pdf-viewer-examples)
+
+## Notes
+- Ensure the PDF is fully loaded before triggering extraction and search.
+- Bounds from search are in points (72 DPI). Convert to pixels (96 DPI) to align with annotation coordinates.
+- Customize overlay text, colors, and typography as needed.
+- Adding a redaction annotation covers the content visually. To permanently remove sensitive data, use the viewer's Apply Redaction action or equivalent API if available in your version.
+
+## See also
+
+* [Overview of Redaction](./overview)
+* [Programmatic Support in Redaction](./programmatic-support)
+* [UI interactions](./ui-interaction)
+* [Redaction in Mobile View](./mobile-view)
+* [Redaction Toolbar](./toolbar)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/toolbar.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/toolbar.md
new file mode 100644
index 000000000..3fc4887cb
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/toolbar.md
@@ -0,0 +1,95 @@
+---
+layout: post
+title: Customize the redaction toolbar in JavaScript PDF Viewer | Syncfusion
+description: Learn how to customize the redaction toolbar in the Syncfusion JavaScript PDF Viewer by showing or hiding default items.
+platform: document-processing
+control: PDF Viewer
+documentation: ug
+---
+
+# Redaction toolbar customization in JavaScript
+
+The redaction toolbar in the Syncfusion JavaScript (ES5/JavaScript) PDF Viewer can be customized by rearranging existing items, hiding default items, or adding new ones. You can also place custom items at specific index positions among the existing toolbar items.
+
+## Enable the redaction toolbar
+
+To enable the redaction toolbar, configure the `toolbarSettings.toolbarItems` property of the PdfViewer instance to include the **RedactionEditTool**.
+
+The following example shows how to enable the redaction toolbar:
+
+```js
+var pdfviewer = new ej.pdfviewer.PdfViewer({
+  documentPath: 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf',
+  resourceUrl: "https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib",
+  toolbarSettings: {
+    toolbarItems: [
+      'OpenOption',
+      'UndoRedoTool',
+      'PageNavigationTool',
+      'MagnificationTool',
+      'PanTool',
+      'SelectionTool',
+      'CommentTool',
+      'SubmitForm',
+      'AnnotationEditTool',
+      'RedactionEditTool',   // Enables Redaction toolbar
+      'FormDesignerEditTool',
+      'SearchOption',
+      'PrintOption',
+      'DownloadOption'
+    ]
+  }
+});
+ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar, ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
+pdfviewer.appendTo('#PdfViewer');
+```
+
+Refer to the following image for the toolbar view:
+
+![Enable redaction toolbar](../redaction/redaction-annotations-images/redaction-icon-toolbar.png)
+
+## Show or hide the redaction toolbar
+
+You can toggle the redaction toolbar either using the built‑in toolbar icon or programmatically with the `showRedactionToolbar` method.
+
+### Display the redaction toolbar using the toolbar icon
+
+When **RedactionEditTool** is included in the toolbar settings, clicking the redaction icon in the primary toolbar will show or hide the redaction toolbar.
+
+![Show redaction toolbar from the primary toolbar](../redaction/redaction-annotations-images/redaction-icon-toolbar.png)
+
+### Display the redaction toolbar programmatically
+
+You can also control visibility through code by calling `viewer.toolbar.showRedactionToolbar(true/false)`.
+
+The following example demonstrates toggling the redaction toolbar programmatically:
+
+
+```html
+<!--Buttons in your HTML-->
+<button id="showRedactionToolbar">Show Redaction Toolbar</button>
+<button id="hideRedactionToolbar">Hide Redaction Toolbar</button>
+```
+```js
+document.getElementById('showRedactionToolbar').addEventListener('click', () => {
+    pdfviewer.toolbar.showRedactionToolbar(true);  // Show the redaction toolbar
+});
+
+document.getElementById('hideRedactionToolbar').addEventListener('click', () => {
+    pdfviewer.toolbar.showRedactionToolbar(false); // Hide the redaction toolbar
+});
+```
+
+[View Sample in GitHub](https://github.com/SyncfusionExamples/javascript-pdf-viewer-examples)
+
+Refer to the following image for details:
+
+![Programmatically show the Redaction toolbar](../redaction/redaction-annotations-images/show-redaction-toolbar.png)
+
+## See also
+
+* [Adding the redaction annotation in PDF viewer](../redaction/overview)
+* [UI interactions](./ui-interaction)
+* [Programmatic support](./programmatic-support)
+* [Mobile view](./mobile-view)
+* [Search Text and Redact](./search-redact)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/ui-interaction.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/ui-interaction.md
new file mode 100644
index 000000000..d4ca4bf74
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/Redaction/ui-interaction.md
@@ -0,0 +1,136 @@
+---
+layout: post
+title: Redaction UI interactions in JavaScript PDF Viewer | Syncfusion
+description: Learn about UI interactions in Redaction annotations of the Syncfusion JavaScript (ES5) PDF Viewer component.
+platform: document-processing
+control: PDF Viewer
+documentation: ug
+---
+
+# Redaction UI interactions in JavaScript (ES5) PdfViewer
+
+## Add redaction annotations from the toolbar
+
+Use the redaction tool in the toolbar to draw over content that should be hidden. After marking, an annotation can display overlay text (for example, “Confidential”) and can be styled using fill color and other properties.
+
+![Drawing a redaction annotation on the page](redaction-annotations-images/adding-redaction-annotation.png)
+
+#### Redaction annotations are interactive
+
+* **Movable** – Drag and reposition the annotation within the same page.  
+![Moving a redaction annotation](redaction-annotations-images/moving-redaction-annotation.png)
+
+* **Resizable** – Resize the annotation to cover the required area.  
+![Resizing a redaction annotation](redaction-annotations-images/resizing-redaction-annotation.png)
+
+N> The redaction tool is hidden by default. Customize the toolbar to include it. For instructions, see the [Toolbar customization](../toolbar).
+
+## Add redaction annotations using the context menu
+
+In addition to the toolbar, you can add redaction annotations directly from the context menu. Select the text or region, right‑click (or long‑press on mobile), and choose the **Redact Annotation** option. This creates a redaction mark over the selected content.
+
+![Context menu showing Redact Annotation option](redaction-annotations-images/redact-text-context-menu.png)
+
+## Update redaction properties
+
+After adding a redaction annotation, you can update its properties through the property panel or programmatically.
+
+### Update using the property panel
+
+When a redaction annotation is selected, a two‑tab property panel (General and Appearance) lets you customize text and styling. Changes are reflected instantly on the redaction mark.
+
+The property panel can be opened in two ways:
+
+* By clicking the **redaction property panel** icon in the toolbar.  
+![Redaction Property Panel Icon](redaction-annotations-images/redaction-property-panel-icon.png)
+
+* By right‑clicking (or long‑pressing) the annotation and choosing **Properties** from the context menu.  
+![Redaction Property Panel via Context Menu](redaction-annotations-images/redaction-property-panel-via-context-menu.png)
+
+#### General tab
+
+Use the General tab to define how the content will look after redaction. These settings control the final, burned‑in result and provide a live preview on hover.
+
+* Use Overlay Text – Enable to show text (for example, Confidential) over the redacted area.
+* Overlay Text – Enter the text to display.
+* Repeat Overlay Text – Tile the text to cover the whole region.
+
+![Overlay Text Options](redaction-annotations-images/redaction-overalytext.png)
+
+* Font options – Choose family, size, color, and alignment for the overlay text.
+* Fill Color – Select the color that will fill the region after redaction is applied.
+
+![Fill Color in General Tab](redaction-annotations-images/after-redaction-fill-color.png)
+
+Note: Hovering the mouse over a redaction annotation shows a preview of this final look. After you click Apply Redaction, these settings are flattened into the page and can’t be edited. Tip: Click Save in the dialog to keep your changes.
+
+#### Appearance tab
+
+Use the Appearance tab to style the redaction annotation itself (before applying). These options help you see and manage the box on the page but do not change the final redacted output.
+
+* Fill Color – Sets the annotation’s fill while you review and move/resize it.
+* Outline Color – Optional border for the annotation.
+* Fill Opacity – Controls how transparent the annotation appears during review.
+
+Note: The Appearance tab affects only the temporary annotation. The final look after applying redaction comes from the General tab settings.
+
+![Appearance Tab Settings](redaction-annotations-images/redaction-annotation-appearance.png)
+
+### What changes after applying redaction?
+
+When you click Apply Redaction:
+
+* The selected content is permanently removed from the page.
+* The redaction region is flattened into the page with a solid fill that uses the General tab Fill Color.
+* If overlay text was enabled, the text is burned into the page. If Repeat Overlay Text was enabled, the text is tiled across the region.
+* All properties become read‑only. You cannot edit overlay text, fill color, outline, or opacity after applying. Set the final look in the General tab and use the Appearance tab only to style the annotation before you apply.
+
+
+## Delete redaction annotations
+
+Delete redaction annotations using any of the following:
+
+* **Right-click and select Delete** from the context menu.
+
+![Context menu showing Delete for a redaction](redaction-annotations-images/redaction-delete-context-menu.png)
+
+* **Click the Delete button** on the toolbar.  
+![Toolbar delete icon for redaction](redaction-annotations-images/redaction-delete-icon.png)
+
+* **Press the Delete key** after selecting the annotation.
+
+## Redact pages using the UI
+
+Entire pages can be marked for redaction using the **Redact Pages** option in the toolbar. Clicking the icon opens a dialog with options:
+
+* **Current Page** – Redacts the page currently in view.  
+* **Odd Pages Only** – Redacts all odd‑numbered pages.  
+* **Even Pages Only** – Redacts all even‑numbered pages.  
+* **Specific Pages** – Enter page numbers or ranges (e.g., 1, 3–5, 7) to redact.
+
+After choosing the range, click **Save** to apply redaction marks to the selected pages.
+
+![Page Redaction Panel](redaction-annotations-images/page-redaction-panel.png)
+
+## Apply redaction from the toolbar
+
+The **Apply Redaction** button permanently removes all marked content from the document.
+
+* The button is disabled when no redaction annotations exist.  
+* It automatically enables once at least one annotation is present.
+
+![Redact Button Icon](redaction-annotations-images/redact-button-icon.png)
+
+A confirmation dialog appears before applying redaction to ensure you acknowledge the irreversible nature of the process.
+
+![Apply Redaction Dialog](redaction-annotations-images/apply-redaction-dialog.png)
+
+N> Redaction is permanent. Once applied, the original content cannot be restored.
+
+## See also
+
+* [Overview of Redaction](./overview)
+* [Programmatic Support in Redaction](./programmatic-support)
+* [Redaction in Mobile View](./mobile-view)
+* [Redaction Toolbar](./toolbar)
+* [Search Text and Redact](./search-redact)
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to-overview.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to-overview.md
index a63574b48..734e520dd 100644
--- a/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to-overview.md
+++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to-overview.md
@@ -66,4 +66,5 @@ The frequently asked questions in Essential<sup>&reg;</sup> PDF Viewer are liste
 * [How to get the signature selected and unselected event?](./how-to/signatureselect-signatureunselect-js)
 * [How to unload the PDF document from the viewer?](./how-to/unload-document)
 * [How to use local script and style references?](./how-to/use-local-script-and-style-references)
+* [Load Document after resources Loaded](./how-to/load-document-after-resources-loaded)
 
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/load-document-after-resources-loaded.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/load-document-after-resources-loaded.md
new file mode 100644
index 000000000..779890914
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/how-to/load-document-after-resources-loaded.md
@@ -0,0 +1,63 @@
+---
+layout: post
+title: Load document after resources Loaded JS(ES5) PDF Viewer | Syncfusion
+description: Learn here all about how to load document after loading assets in Syncfusion JavaScript (ES5) PDF Viewer component of Syncfusion Essential JS 2 and more.
+platform: document-processing
+control: PDF Viewer 
+documentation: ug
+domainurl: ##DomainURL##
+---
+
+# Load a PDF only after PDFium resources are ready
+
+In Standalone mode, the JavaScript (ES5) PDF Viewer downloads its PDFium runtime assets (scripts/wasm) from the location specified in resourceUrl. Attempting to load a document before those assets are available can cause errors. Use the resourcesLoaded event to defer document loading until all required assets are ready.
+
+## When does resourcesLoaded trigger?
+
+The resourcesLoaded event fires once the viewer finishes loading all required PDFium assets. At this point, it is safe to call the load method to open a document (by URL or Base64).
+
+## How to Load Document after resourcesLoaded
+
+- Set the resourceUrl to a valid PDF Viewer assets path (CDN or your hosted path).
+- Listen to resourcesLoaded and call load inside the handler.
+
+```js
+// Initialize the viewer in Standalone mode and point to the assets
+var viewer = new ej.pdfviewer.PdfViewer({
+  resourceUrl: 'https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib',
+  resourcesLoaded: onResourcesLoaded
+});
+viewer.appendTo('#pdfViewer');
+
+// Sample sources to demonstrate both URL and Base64 loading
+var documentUrl = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
+// supply your Base64 here when needed
+const base64 = 'data:application/pdf;base64,JVBERi0xLjMNCiXi48..';
+// Called when PDFium runtime assets have finished loading
+function onResourcesLoaded() {
+  // Choose ONE of the following load options:
+
+  // 1) Load by URL
+  viewer.load(documentUrl, '');
+
+  // 2) Load by Base64 (uncomment if you want to load Base64)
+  // if (base64) {
+  //   viewer.load(base64, '');
+  // }
+}
+```
+
+[View Sample in GitHub](https://github.com/SyncfusionExamples/javascript-pdf-viewer-examples/tree/master/How%20to)
+
+## Notes and best practices
+
+- Always set a valid resourceUrl when using the Standalone PDF Viewer. If the path is incorrect or blocked by the network, the event cannot fire.
+- Load documents inside resourcesLoaded. This guarantees the PDFium runtime is ready and prevents intermittent errors on slower networks.
+- The event fires for the viewer’s asset load life cycle, not for every document load. After it fires once, you can safely call load again later (for example, in response to user actions) without waiting for the event.
+
+## See also
+
+- [Events in JavaScript PDF Viewer](../event#resourcesloaded)
+- [Open PDF files](../open-pdf-files)
+- [Save PDF files](../save-pdf-files)
+- [Getting started](../getting-started)
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/images/extract-page-checkboxes.png b/Document-Processing/PDF/PDF-Viewer/javascript-es5/images/extract-page-checkboxes.png
new file mode 100644
index 000000000..df6efa3ba
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es5/images/extract-page-checkboxes.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/images/extract-page-secondary-toolbar.png b/Document-Processing/PDF/PDF-Viewer/javascript-es5/images/extract-page-secondary-toolbar.png
new file mode 100644
index 000000000..f310ffd39
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es5/images/extract-page-secondary-toolbar.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/images/extract-page-selected-thumbnail.png b/Document-Processing/PDF/PDF-Viewer/javascript-es5/images/extract-page-selected-thumbnail.png
new file mode 100644
index 000000000..6576e7b7a
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es5/images/extract-page-selected-thumbnail.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/images/extract-page.png b/Document-Processing/PDF/PDF-Viewer/javascript-es5/images/extract-page.png
new file mode 100644
index 000000000..3ae5965ba
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es5/images/extract-page.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es5/organize-pages/extract-pages.md b/Document-Processing/PDF/PDF-Viewer/javascript-es5/organize-pages/extract-pages.md
new file mode 100644
index 000000000..b5124bf54
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/javascript-es5/organize-pages/extract-pages.md
@@ -0,0 +1,116 @@
+---
+layout: post
+title: Extract Pages in JavaScript PDF Viewer | Syncfusion
+description: Learn here all about Extract Pages in Organize Pages in Syncfusion JavaScript PDF Viewer control of Syncfusion Essential JS 2 and more.
+platform: document-processing
+control: PDF Viewer
+documentation: ug
+domainurl: ##DomainURL##
+---
+
+# Extract pages in JavaScript PDF Viewer
+
+The PDF Viewer component lets you extract pages from a document using the Extract Pages option in the Organize Pages UI, and also control extraction programmatically.
+The Extract Pages tool is available by default in Organize Pages.
+
+## Extract Pages in Organize Pages
+
+- Open the Organize Pages panel in the PDF Viewer toolbar.
+- Locate and click the Extract Pages option.
+
+![Extract Pages](../images/extract-page.png)
+
+When selected, a secondary toolbar dedicated to extraction is displayed.
+
+![Extract Pages secondary toolbar](../images/extract-page-secondary-toolbar.png)
+
+## Extract pages using the UI
+
+You can extract by typing page numbers/ranges or by selecting thumbnails.
+
+1. Click Extract Pages in the Organize Pages panel.
+2. In the input box, enter the pages to extract. Supported formats include:
+   - Single pages: 1,3,5
+   - Ranges: 2-6
+   - Combinations: 1,4,7-9
+3. Alternatively, select the page thumbnails you want instead of typing values.
+4. Click Extract to download the extracted pages as a new PDF. Click Cancel to close the tool.
+
+![Extract Pages with selected thumbnails](../images/extract-page-selected-thumbnail.png)
+
+ N> Page numbers are 1-based (first page is 1). You can start anywhere—enter single pages or ranges like 2-3, 5, or 7-9. Invalid or out-of-range entries are ignored.
+
+## Extraction options (checkboxes)
+
+Two options appear in the secondary toolbar:
+
+- **Delete Pages After Extracting:**
+  - When enabled, the selected/entered pages are removed from the document opened in the viewer after the extraction completes. The extracted pages are still downloaded as a new file.
+  - Example: If you enter 1,2 and extract, a PDF containing pages 1 and 2 is downloaded, and pages 1 and 2 are removed from the currently loaded document in the viewer.
+
+- **Extract Pages As Separate Files:**
+  - When enabled, every selected page is exported as an individual PDF file.
+  - Example: If you select pages 3, 5, and 6, three separate PDFs are downloaded (3.pdf, 5.pdf, and 6.pdf). If you enter a range (e.g., 2-4), pages 2, 3, and 4 are each downloaded as separate PDFs.
+
+![Checkboxes for extract options](../images/extract-page-checkboxes.png)
+
+## Programmatic options and APIs
+
+You can control the Extract Pages experience via settings and invoke extraction through code.
+
+### Enable/disable Extract Pages
+
+Use the `canExtractPages` API to enable or disable the Extract Pages option. When set to `false`, the Extract Pages tool is disabled in the toolbar. The default value is `true`.
+
+Use the following code snippet to enable or disable the Extract Pages option:
+
+```js
+// Enable the Extract Pages Tool
+viewer.pageOrganizerSettings = { canExtractPages: true };
+```
+
+```js
+// Disable the Extract Pages Tool
+viewer.pageOrganizerSettings = { canExtractPages: false };
+```
+
+Use the `showExtractPagesOption` API to show or hide the Extract Pages option. When set to `false`, the Extract Pages tool is removed from the toolbar. The default value is `true`.
+
+Use the following code snippet to remove the Extract Pages option:
+```js
+// Remove the Extract Pages option entirely from the UI (redacted example as provided)
+viewer.pageOrganizerSettings = { showExtractPagesOption: false }
+```
+
+### Extract pages and load the result programmatically
+
+You can extract pages programmatically using the `extractPages` method.
+The following example extracts pages 1 and 2, then immediately loads the extracted pages back into the viewer. The returned value is a byte array (e.g., Uint8Array) representing the PDF file contents.
+
+```html
+<button id="extractPage">Extract Pages</button>
+```
+
+```js
+document.getElementById('extractPage').addEventListener('click', function () {
+  // Extract pages 1 and 2
+  var array = viewer.extractPages("1,2");
+
+  // Load the extracted pages back into the viewer
+  viewer.load(array,"");
+
+  // Inspect the result if needed
+  console.log(array);
+});
+```
+
+[View sample in GitHub](https://github.com/SyncfusionExamples/javascript-pdf-viewer-examples/tree/master/How%20to)
+
+## See also
+
+- [Overview](../overview)
+- [UI interactions](../ui-interactions)
+- [Programmatic support](../programmatic-support)
+- [Toolbar](../toolbar)
+- [Events](../events)
+- [Mobile view](../mobile-view)
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/mobile-view.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/mobile-view.md
new file mode 100644
index 000000000..8ced90db2
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/mobile-view.md
@@ -0,0 +1,180 @@
+---
+layout: post
+title: Redaction in mobile view in JavaScript ES6 PDF Viewer | Syncfusion
+description: Learn how to apply redactions in mobile view using the Syncfusion JavaScript (ES6) PDF Viewer with a complete toolbar setup and redaction workflow.
+platform: document-processing
+control: PdfViewer
+documentation: ug
+---
+
+# Redaction in Mobile View in JavaScript (ES6) PdfViewer Component
+
+The Redaction Tool enables users to permanently mark and remove sensitive content from PDF documents in mobile view using the JavaScript (ES6) PdfViewer component. This feature is optimized for touch interactions and provides a streamlined redaction workflow specifically designed for mobile devices.
+
+![Redaction in Mobile View](./redaction-annotations-images/redaction-mobile-view.png)
+
+N> In mobile view, the redaction toolbar appears at the bottom of the viewer for easy thumb access. Mobile layout activates automatically on small screens.
+
+## Adding Redaction in Mobile View
+
+To enable redaction functionality in your JavaScript (ES6) application, configure the PDF Viewer with the following setup:
+
+```ts
+import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, Print, Annotation, FormFields, FormDesigner } from '@syncfusion/ej2-pdfviewer';
+PdfViewer.Inject(Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, Print, Annotation, FormFields, FormDesigner);
+let viewer: PdfViewer = new PdfViewer({
+  documentPath: 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf',
+  resourceUrl: 'https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib',
+  toolbarSettings: {
+    toolbarItems: [
+      'OpenOption',
+      'UndoRedoTool',
+      'PageNavigationTool',
+      'MagnificationTool',
+      'PanTool',
+      'SelectionTool',
+      'CommentTool',
+      'SubmitForm',
+      'AnnotationEditTool',
+      'RedactionEditTool',   // Enables Redaction toolbar
+      'FormDesignerEditTool',
+      'SearchOption',
+      'PrintOption',
+      'DownloadOption'
+    ]
+  }
+});
+viewer.appendTo('#pdfViewer');
+```
+
+## Understanding Mobile Redaction Toolbar Tools
+
+When you enter redaction mode in mobile view, a specialized redaction toolbar appears with multiple tools optimized for touch interaction. Each tool serves a specific purpose in the redaction workflow.
+
+### Redaction Annotation Tool
+
+The Redaction Annotation tool is the primary redaction feature that allows you to draw redaction rectangles on specific content:
+
+Function: Creates visual redaction annotations that mark content for permanent removal
+Usage:
+Touch and drag to draw rectangular redaction overlays on any content area.
+
+Process:
+- Selected content appears with a customizable overlay (default black)
+- Annotations remain editable until explicitly applied
+- Can be repositioned or deleted before final application
+
+![Redaction Annotation Tool](./redaction-annotations-images/redaction-annotation-annot.png)
+
+### Page Redaction Tool
+
+The Page Redaction tool enables batch redaction of entire pages based on specific patterns.
+
+![Page Redaction Tool](./redaction-annotations-images/page-redaction-annot.png)
+
+Function: Redacts complete pages or page ranges with a single action
+Options Available:
+- Odd Pages: Redacts only odd-numbered pages (1, 3, 5, etc.)
+- Even Pages: Redacts only even-numbered pages (2, 4, 6, etc.)
+- Specific Page: Specify single pages, ranges (e.g., 1-5, 10-15), or comma-separated lists (e.g., 1,3,5-7)
+- Current Page: Redacts only the currently displayed page
+
+Usage:
+Select desired pattern → Review affected pages in the viewer → Confirm redaction scope
+
+![Page Redaction Tool Dialog](./redaction-annotations-images/page-redaction-dialog-annot.png)
+
+### Redaction Properties Tool
+
+The Redaction Properties tool allows customization of redaction appearance before application.
+
+![Redaction Properties Mobile View](./redaction-annotations-images/redaction-properties-annot.png)
+
+Function: Customize the visual appearance of redaction overlays and text replacement
+Customizable Properties:
+- Fill Color: Change the redaction overlay color (default: black)
+- Outline Color: Set outline color for redaction boxes (optional)
+- Overlay Text: Add custom text to appear on redacted areas (e.g., "REDACTED", "CONFIDENTIAL")
+- Text Color: Change overlay text color for better visibility
+- Text Font: Select font family for overlay text
+- Text Alignment: Position overlay text within redaction boxes
+- Text Size: Adjust overlay text size relative to redaction area
+
+![Redaction Properties Dialog Mobile View](./redaction-annotations-images/redaction-properties-dialog-annot.png)
+
+## Enabling Redaction Mode in Mobile View
+
+Step 1: Tap the Redaction button in the mobile toolbar to activate redaction mode. The redaction toolbar will appear at the bottom of the viewer.
+
+![Redaction toolbar displayed at bottom of mobile PDF viewer with three distinct tools](./redaction-annotations-images/redaction-mobile-view.png)
+
+Step 2: From the redaction toolbar, select your desired redaction tool:
+- First Tool (Redaction Annotation): For selective content redaction
+- Second Tool (Page Redaction): For page-wide or pattern-based redaction
+- Third Tool (Redaction Properties): For appearance customization
+
+Step 3: Configure your redaction parameters using the selected tool interface.
+
+## Applying Different Redaction Types in Mobile View
+
+### Selective Content Redaction
+1. Select Redaction Annotation tool (first button)
+2. Choose Content: Tap and drag over text or draw rectangular areas
+3. Preview: Check redaction overlays for accuracy
+4. Apply: Tap "Apply Redactions" button
+
+### Page-Wide Redaction
+1. Select Page Redaction tool (second button)
+2. Choose Pattern: Select odd pages, even pages, or custom range
+3. Review: Verify affected pages in the viewer
+4. Apply: Confirm page redaction scope and apply
+
+### Custom Appearance Redaction
+1. Select Redaction Properties tool (third button)
+2. Customize: Adjust colors, overlay text, and formatting
+3. Preview: See changes applied to existing annotations
+4. Apply: Use customized appearance for final redaction
+
+## Applying Redactions in Mobile View
+
+N> Applying redactions is permanent. After applying, the underlying content and text are removed from the document and cannot be recovered.
+
+Once you have configured redactions using any combination of tools.
+
+Step 1: Review all redaction marks and configurations.
+
+![Review Redaction Annotation](./redaction-annotations-images/review-redaction-annotation-mv-annot.png)
+
+Step 2: Tap the Apply Redactions button in the redaction toolbar
+
+![Apply Redaction Button](./redaction-annotations-images/apply-redaction-button-mv.png)
+
+Step 3: Confirm the action when prompted - this operation is permanent and cannot be undone
+
+![Apply Redaction Dialog](./redaction-annotations-images/apply-redaction-dialog-mv-annot.png)
+
+The selected content will be permanently removed and replaced according to your redaction properties (solid color blocks or custom overlay text).
+
+![Applied Redaction](./redaction-annotations-images/applied-redaction-annot.png)
+
+## Removing Redaction Annotations
+
+To remove existing redaction annotations before they are applied:
+
+- Step 1: Tap the Redaction Edit button in the mobile toolbar to enter annotation editing mode
+- Step 2: Tap on any existing redaction annotation you wish to remove
+- Step 3: Select Delete from the context menu that appears
+
+Alternative: Tap redaction annotation → Use delete button in annotation properties panel
+
+![Delete Redaction Annotation](./redaction-annotations-images/delete-redaction-annotation-annot.png)
+
+N> Once redactions have been applied to the document, they become part of the PDF content and cannot be removed or modified.
+
+## See Also
+
+* [Redaction Overview](./overview)
+* [UI Interaction](./ui-interaction)
+* [Programmatic Support in Redaction](./programmatic-support)
+* [Toolbar](./toolbar)
+* [Search Text and Redact](./search-redact)
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/overview.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/overview.md
new file mode 100644
index 000000000..5698ce23a
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/overview.md
@@ -0,0 +1,114 @@
+---
+layout: post
+title: Redaction annotation in Typescript PDF Viewer | Syncfusion
+description: Learn how to hide sensitive information with interactive and programmatic redaction using the Syncfusion JavaScript PDF Viewer.
+platform: document-processing
+control: PDF Viewer
+documentation: ug
+domainurl: ##DomainURL##
+---
+
+# Redaction in JavaScript (ES6) PdfViewer
+
+Redaction annotations are used to hide confidential or sensitive information in a PDF. The Syncfusion JavaScript PDF Viewer (EJ2) lets you mark areas or entire pages for redaction, customize their appearance, and permanently apply them with a single action.
+
+## Enable the redaction toolbar
+
+To enable the redaction toolbar, configure the `toolbarSettings.toolbarItems` property of the PdfViewer instance to include the **RedactionEditTool**.
+
+The following example shows how to enable the redaction toolbar:
+
+```ts
+import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, Print, Annotation, FormFields, FormDesigner } from '@syncfusion/ej2-pdfviewer';
+
+PdfViewer.Inject(Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, Print, Annotation, FormFields, FormDesigner);
+
+let viewer: PdfViewer = new PdfViewer({
+    documentPath: 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf',
+    resourceUrl: "https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib",
+    toolbarSettings: {
+        toolbarItems: [
+            'OpenOption',
+            'UndoRedoTool',
+            'PageNavigationTool',
+            'MagnificationTool',
+            'PanTool',
+            'SelectionTool',
+            'CommentTool',
+            'SubmitForm',
+            'AnnotationEditTool',
+            'RedactionEditTool',   // Enables Redaction toolbar
+            'FormDesignerEditTool',
+            'SearchOption',
+            'PrintOption',
+            'DownloadOption'
+        ]
+    }
+});
+
+viewer.appendTo('#pdfViewer');
+```
+
+N> Prerequisites: Add the PdfViewer control to your JavaScript application and ensure the redaction feature is available in the version you are using. Once applied, redaction permanently removes the selected content.
+
+![Toolbar with the Redaction tool highlighted](redaction-annotations-images/redaction-icon-toolbar.png)
+
+## Add Redaction Annotations
+
+You can mark specific content for redaction using the toolbar or through code.  
+
+Select the **Redaction tool** and draw over the text or graphics you want to hide. You can also add overlay text (such as “Confidential”) and adjust the style — fill color, border color, and opacity.
+
+![Drawing a redaction region over page content](redaction-annotations-images/adding-redaction-annotation.png)
+
+## Delete Redaction Annotations
+
+Redaction annotations can be removed easily:
+
+- Click the **Delete** button on the toolbar, or  
+- Select the annotation and press the **Delete** key.
+
+![Toolbar showing the Delete command for redaction](redaction-annotations-images/redaction-delete-icon.png)
+
+## Redact Entire Pages
+
+The viewer allows you to redact whole pages that contain sensitive information. You can choose specific pages, page ranges, or redact all pages using the built‑in dialog, or perform the same action programmatically.
+
+![Toolbar showing the Redact Page option](redaction-annotations-images/redact-page-icon.png)
+
+## Apply Redaction
+
+Once annotations are added, you can permanently apply them to the document. This action cannot be undone.  
+
+Use the **Apply Redaction** button on the toolbar or call the API method:
+
+- The button is disabled until at least one redaction annotation exists.  
+- It becomes active when redaction annotations are present.
+
+![Toolbar showing the Apply Redaction button](redaction-annotations-images/redact-button-icon.png)
+
+A confirmation dialog appears before applying redaction to ensure you acknowledge the irreversible nature of the process.
+
+![Confirmation dialog for applying redaction](redaction-annotations-images/apply-redaction-dialog.png)
+
+N> After redaction is applied, the original content cannot be recovered.
+
+## Comment Support
+
+Redaction annotations can include comments using the built‑in comment panel. This helps you add notes, track reviews, or record the reason for redaction.  
+
+Comments can be added through the UI or API. For more details, see the [Comments documentation](../annotations/comments).
+
+## Import and Export Redaction Annotations
+
+You can save and reload redaction annotations by exporting and importing them in JSON format. This makes it easy to persist annotations or share them across sessions.
+
+For more details, see the [Export and import annotations documentation](../how-to/import-export-annotation-ts).
+
+## See also
+
+* [Redaction UI interactions](./ui-interaction)
+* [Redaction Programmatic support](./programmatic-support)
+* [Redaction Toolbar](./toolbar)
+* [Redaction Mobile view](./mobile-view)
+* [Search Text and Redact](./search-redact)
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/programmatic-support.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/programmatic-support.md
new file mode 100644
index 000000000..93ab9b618
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/programmatic-support.md
@@ -0,0 +1,193 @@
+---
+layout: post
+title: Redaction Programmatic support in TypeScript PDF Viewer | Syncfusion
+description: Learn how to add, delete, update, and apply redaction annotations programmatically in the Syncfusion JavaScript (ES6/TypeScript) PDF Viewer.
+platform: document-processing
+control: PdfViewer
+documentation: ug
+---
+
+# Programmatic support for redaction in JavaScript (ES6) PdfViewer
+
+The Syncfusion JavaScript PDF Viewer (EJ2) provides APIs to add, update, delete, and apply redaction annotations programmatically. You can also redact entire pages, configure default properties, and work with the redaction property panel.
+
+## Enable the redaction toolbar
+
+To enable the redaction toolbar, configure the `toolbarSettings.toolbarItems` property of the PdfViewer instance to include the **RedactionEditTool**.
+
+The following example shows how to enable the redaction toolbar:
+
+```ts
+import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, Print, Annotation, FormFields, FormDesigner } from '@syncfusion/ej2-pdfviewer';
+
+PdfViewer.Inject(Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, Print, Annotation, FormFields, FormDesigner);
+
+let viewer: PdfViewer = new PdfViewer({
+    documentPath: 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf',
+    resourceUrl: "https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib",
+    toolbarSettings: {
+        toolbarItems: [
+            'OpenOption',
+            'UndoRedoTool',
+            'PageNavigationTool',
+            'MagnificationTool',
+            'PanTool',
+            'SelectionTool',
+            'CommentTool',
+            'SubmitForm',
+            'AnnotationEditTool',
+            'RedactionEditTool',   // Enables Redaction toolbar
+            'FormDesignerEditTool',
+            'SearchOption',
+            'PrintOption',
+            'DownloadOption'
+        ]
+    }
+});
+
+viewer.appendTo('#pdfViewer');
+```
+
+## Add redaction annotations programmatically
+
+You can add redaction annotations to a PDF document using the `addAnnotation` method of the `annotation` module.
+
+```html
+    <button id="addRedactAnnot">Add Redaction Annotation</button>
+```
+```ts
+document.getElementById('addRedactAnnot').addEventListener('click', () => {
+    viewer.annotation.addAnnotation("Redaction", {
+        bound: { x: 200, y: 480, width: 150, height: 75 },
+        pageNumber: 1,
+        markerFillColor: '#0000FF',
+        markerBorderColor: 'white',
+        fillColor: 'red',
+        overlayText: 'Confidential',
+        fontColor: 'yellow',
+        fontFamily: 'Times New Roman',
+        fontSize: 8,
+        beforeRedactionsApplied: false
+    });
+});
+```
+
+You can listen to the `annotationAdd` event to track when annotations are added:
+
+```ts
+viewer.annotationAdd = (args) => {
+    console.log('Annotation added:', args);
+};
+```
+
+## Delete redaction annotations programmatically
+
+Redaction annotations can be removed using the `deleteAnnotationById` event or by selecting and deleting them through code.
+
+```html
+    <button id="deleteAnnotationbyId">Delete Annotation By Id</button>
+```
+```ts
+// Delete annotation by id
+document.getElementById('deleteAnnotationbyId').addEventListener('click', () => {
+    viewer.annotationModule.deleteAnnotationById(
+      viewer.annotationCollection[0].annotationId
+    );
+  });
+```
+
+Alternatively, you can remove annotations by selecting them in the UI and pressing the **Delete** key.
+
+## Update redaction annotation properties programmatically
+
+You can update properties of an existing redaction annotation using the `editAnnotation` API. For example, to change overlay text or fill color:
+
+```html
+<button id="editRedactAnnotation">Edit Redact Annotation</button>
+```
+```ts
+let editRedactAnnotation = document.getElementById('editRedactAnnotation');
+if (editRedactAnnotation) {
+editRedactAnnotation.addEventListener('click', function () {
+    if (viewer) {
+        for (let i = 0; i < viewer.annotationCollection.length; i++) {
+            if (viewer.annotationCollection[i].subject === "Redaction") {
+                viewer.annotationCollection[i].overlayText= 'EditedAnnotation',
+                viewer.annotationCollection[i].markerFillColor= '#22FF00',
+                viewer.annotationCollection[i].markerBorderColor= '#000000',
+                viewer.annotationCollection[i].isRepeat= true,
+                viewer.annotationCollection[i].fillColor= '#F8F8F8',
+                viewer.annotationCollection[i].fontColor= '#333333',
+                viewer.annotationCollection[i].fontSize= 14,
+                viewer.annotationCollection[i].fontFamily= 'Symbol',
+                viewer.annotationCollection[i].textAlign= 'Right'
+                viewer.annotationCollection[i].beforeRedactionsApplied= false
+                viewer.annotation.editAnnotation(viewer.annotationCollection[i]);
+            }
+        }
+    }
+});
+}
+```
+
+## Add page redactions programmatically
+
+Entire pages can be marked for redaction using the `addPageRedactions` method:
+
+```html
+    <button id="addPageRedactions">Add Page Redaction</button>
+```
+```ts
+document.getElementById('addPageRedactions').addEventListener('click', () => {
+    viewer.annotation.addPageRedactions([1, 3, 5, 7]); // Redacts pages 1, 3, 5, and 7
+});
+```
+
+## Apply redaction programmatically
+
+Once annotations are added, you can permanently apply them to the document using the `redact` method:
+
+```html
+    <button id="redact">Apply Redaction</button>
+```
+```ts
+document.getElementById('redact').addEventListener('click', () => {
+    viewer.annotation.redact();
+});
+```
+
+N> Applying redaction is irreversible. Once applied, the original content cannot be recovered.
+
+## Configure default redaction annotation properties
+
+You can configure default properties for redaction annotations (such as fill color, overlay text, and font) when adding them programmatically:
+
+```ts
+viewer.redactionSettings= {
+        overlayText: 'Confidential',
+        markerFillColor: '#FF0000',
+        markerBorderColor: '#000000',
+        isRepeat: false,
+        fillColor: '#F8F8F8',
+        fontColor: '#333333',
+        fontSize: 14,
+        fontFamily: 'Symbol',
+        textAlign: 'Right'
+    };
+```
+
+[View Sample in GitHub](https://github.com/SyncfusionExamples/typescript-pdf-viewer-examples)
+
+## Redaction property panel
+
+The redaction property panel allows users to update annotation properties through the UI. Programmatically, you can invoke the property panel by selecting an annotation and calling the relevant APIs. Properties such as overlay text, font style, and fill color can be updated directly in the panel.
+
+![Redaction Property Panel](../redaction/redaction-annotations-images/redaction-property-panel-icon.png)
+
+## See also
+
+* [Overview of Redaction](./overview)
+* [Redaction UI interactions](./ui-interaction)
+* [Redaction Toolbar](./toolbar)
+* [Reaction in Mobile view](./mobile-view)
+* [Search Text and Redact](./search-redact)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/adding-redaction-annotation.png b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/adding-redaction-annotation.png
new file mode 100644
index 000000000..b25b31126
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/adding-redaction-annotation.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/after-redaction-fill-color.png b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/after-redaction-fill-color.png
new file mode 100644
index 000000000..f855a867a
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/after-redaction-fill-color.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/applied-redaction-annot.png b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/applied-redaction-annot.png
new file mode 100644
index 000000000..f6a6a2831
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/applied-redaction-annot.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/apply-redaction-button-mv.png b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/apply-redaction-button-mv.png
new file mode 100644
index 000000000..bd02a6bc3
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/apply-redaction-button-mv.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/apply-redaction-dialog-mv-annot.png b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/apply-redaction-dialog-mv-annot.png
new file mode 100644
index 000000000..0dea706e6
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/apply-redaction-dialog-mv-annot.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/apply-redaction-dialog.png b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/apply-redaction-dialog.png
new file mode 100644
index 000000000..0692de34e
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/apply-redaction-dialog.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/delete-redaction-annotation-annot.png b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/delete-redaction-annotation-annot.png
new file mode 100644
index 000000000..8e061a883
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/delete-redaction-annotation-annot.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/moving-redaction-annotation.png b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/moving-redaction-annotation.png
new file mode 100644
index 000000000..f7715e2d1
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/moving-redaction-annotation.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/page-redaction-annot.png b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/page-redaction-annot.png
new file mode 100644
index 000000000..bf4804998
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/page-redaction-annot.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/page-redaction-dialog-annot.png b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/page-redaction-dialog-annot.png
new file mode 100644
index 000000000..69658a826
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/page-redaction-dialog-annot.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/page-redaction-panel.png b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/page-redaction-panel.png
new file mode 100644
index 000000000..be68305ae
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/page-redaction-panel.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/redact-button-icon.png b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/redact-button-icon.png
new file mode 100644
index 000000000..954df393d
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/redact-button-icon.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/redact-page-icon.png b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/redact-page-icon.png
new file mode 100644
index 000000000..0c9dbed27
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/redact-page-icon.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/redact-text-context-menu.png b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/redact-text-context-menu.png
new file mode 100644
index 000000000..a88985b39
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/redact-text-context-menu.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/redaction-annotation-annot.png b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/redaction-annotation-annot.png
new file mode 100644
index 000000000..5e9cde040
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/redaction-annotation-annot.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/redaction-annotation-appearance.png b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/redaction-annotation-appearance.png
new file mode 100644
index 000000000..506dd4f87
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/redaction-annotation-appearance.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/redaction-delete-context-menu.png b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/redaction-delete-context-menu.png
new file mode 100644
index 000000000..cd8f38b82
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/redaction-delete-context-menu.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/redaction-delete-icon.png b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/redaction-delete-icon.png
new file mode 100644
index 000000000..4026f8c49
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/redaction-delete-icon.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/redaction-icon-toolbar.png b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/redaction-icon-toolbar.png
new file mode 100644
index 000000000..6de03e8cc
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/redaction-icon-toolbar.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/redaction-mobile-view.png b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/redaction-mobile-view.png
new file mode 100644
index 000000000..2d9539200
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/redaction-mobile-view.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/redaction-overalytext.png b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/redaction-overalytext.png
new file mode 100644
index 000000000..b9d833921
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/redaction-overalytext.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/redaction-properties-annot.png b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/redaction-properties-annot.png
new file mode 100644
index 000000000..079e65e59
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/redaction-properties-annot.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/redaction-properties-dialog-annot.png b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/redaction-properties-dialog-annot.png
new file mode 100644
index 000000000..5a56fb1d5
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/redaction-properties-dialog-annot.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/redaction-property-panel-icon.png b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/redaction-property-panel-icon.png
new file mode 100644
index 000000000..3cc44eb64
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/redaction-property-panel-icon.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/redaction-property-panel-via-context-menu.png b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/redaction-property-panel-via-context-menu.png
new file mode 100644
index 000000000..08d9a3a6a
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/redaction-property-panel-via-context-menu.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/resizing-redaction-annotation.png b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/resizing-redaction-annotation.png
new file mode 100644
index 000000000..846e301da
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/resizing-redaction-annotation.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/review-redaction-annotation-mv-annot.png b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/review-redaction-annotation-mv-annot.png
new file mode 100644
index 000000000..a78383509
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/review-redaction-annotation-mv-annot.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/show-redaction-toolbar.png b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/show-redaction-toolbar.png
new file mode 100644
index 000000000..94d75eb3b
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/redaction-annotations-images/show-redaction-toolbar.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/search-redact.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/search-redact.md
new file mode 100644
index 000000000..00e887d50
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/search-redact.md
@@ -0,0 +1,114 @@
+---
+layout: post
+title: Search text and redact in Typescript PDF Viewer | Syncfusion
+description: Learn how to find text and add redaction annotations programmatically in the Syncfusion TypeScript PDF Viewer.
+platform: document-processing
+control: PDF Viewer
+documentation: ug
+domainurl: ##DomainURL##
+---
+
+# Search text and redact in JavaScript (ES6) PdfViewer
+
+You can search for a keyword in the loaded PDF and automatically add redaction annotations over each match. The example below wires the extractTextCompleted event, triggers text extraction, performs a search, and places redaction annotations for every result.
+
+N> Prerequisites: Add the PdfViewer control to your JavaScript application and ensure a document is loaded. Make sure the redaction feature is available in the version you are using. Once applied, redaction permanently removes the selected content.
+
+## Steps to add Redaction annotations on search Text Bounds
+
+**Step 1:** Follow the steps provided in the [link](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/javascript-es6/getting-started) to create a simple PDF Viewer sample.
+
+
+**Step 2:** Use the following code-snippets to Add Redaction annotation on Search Text Bounds.
+
+
+```html
+    <button id="searchTextRedact">Search Text and Redact</button>
+    <button id="applyRedaction">Apply Redaction</button>
+```
+```ts
+import { PdfViewer, TextSelection, TextSearch, Print, Navigation, Toolbar, Magnification, Annotation, FormDesigner, FormFields, RedactionSettings } from '@syncfusion/ej2-pdfviewer';
+
+// Inject required modules
+PdfViewer.Inject(TextSelection, TextSearch, Print, Navigation, Toolbar, Magnification, Annotation, FormDesigner, FormFields);
+
+const viewer: PdfViewer = new PdfViewer({
+    documentPath: 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf',
+    resourceUrl: "https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib",
+});
+
+//Adding Redaction Tool in the toolbar
+viewer.toolbarSettings.toolbarItems = ['OpenOption', 'UndoRedoTool', 'PageNavigationTool', 'MagnificationTool', 'PanTool', 'SelectionTool', 'CommentTool', 'SubmitForm', 'AnnotationEditTool', 'RedactionEditTool', 'FormDesignerEditTool', 'SearchOption', 'PrintOption', 'DownloadOption'];
+viewer.appendTo('#PdfViewer');
+
+//EventListener to Search Text and Redact 
+document.getElementById('searchTextRedact')?.addEventListener('click', () => {
+        // Function to handle extractTextCompleted event
+        viewer.extractTextCompleted = args => {
+            const searchText = "syncfusion"; //Provide text to be redacted
+
+            // Perform text search
+            const searchResults = viewer.textSearchModule.findText(searchText, false);
+
+            if (!searchResults || searchResults.length === 0) {
+                console.warn("No matches found.");
+                return;
+            }
+
+            // Loop through search results
+            for (let i = 0; i < searchResults.length; i++) {
+                const pageResult = searchResults[i];
+                if (!pageResult || !pageResult.bounds || pageResult.bounds.length === 0) { continue; }
+
+                // guard pageIndex (fixes TS18048)
+                if (pageResult.pageIndex == null) { continue; }
+                const pageNumber = pageResult.pageIndex + 1;
+
+                // Loop through each bounding box of the found text
+                for (let j = 0; j < pageResult.bounds.length; j++) {
+                    const bound = pageResult.bounds[j];
+
+                    // Add a redaction annotation at the found text location
+                    viewer.annotation.addAnnotation("Redaction", {
+                        bound: {
+                            x: (bound.x * 96) / 72,
+                            y: (bound.y * 96) / 72,
+                            width: (bound.width * 96) / 72,
+                            height: (bound.height * 96) / 72
+                        },
+                        pageNumber: pageNumber,
+                        overlayText: "Confidential",
+                        fillColor: "#00FF40FF",
+                        fontColor: "#333333",
+                        fontSize: 12,
+                        fontFamily: "Arial",
+                        // removed textAlign property (fixes TS2353)
+                        markerFillColor: "#FF0000",
+                        markerBorderColor: "#000000"
+                    }as RedactionSettings);
+                }
+            }
+        };
+    });
+
+//EventListener to Apply Redaction
+document.getElementById("applyRedaction")?.addEventListener('click', ()=>{
+    viewer.annotation.redact();
+});
+```
+
+[View Sample in GitHub](https://github.com/SyncfusionExamples/typescript-pdf-viewer-examples)
+
+## Notes
+- Ensure the PDF is fully loaded before triggering extraction and search.
+- Bounds from search are in points (72 DPI). Convert to pixels (96 DPI) to align with annotation coordinates.
+- Customize overlay text, colors, and typography as needed.
+- Adding a redaction annotation covers the content visually. To permanently remove sensitive data, use the viewer's Apply Redaction action or equivalent API if available in your version.
+
+## See also
+
+* [Overview of Redaction](./overview)
+* [Programmatic Support in Redaction](./programmatic-support)
+* [UI interactions](./ui-interaction)
+* [Redaction in Mobile View](./mobile-view)
+* [Redaction Toolbar](./toolbar)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/toolbar.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/toolbar.md
new file mode 100644
index 000000000..6aa0add2d
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/toolbar.md
@@ -0,0 +1,99 @@
+---
+layout: post
+title: Customize the redaction toolbar in TypeScript PDF Viewer | Syncfusion
+description: Learn how to customize the redaction toolbar in the Syncfusion TypeScript PDF Viewer by showing or hiding default items.
+platform: document-processing
+control: PDF Viewer
+documentation: ug
+---
+
+# Redaction toolbar customization in TypeScript
+
+The redaction toolbar in the Syncfusion JavaScript (ES6/TypeScript) PDF Viewer can be customized by rearranging existing items, hiding default items, or adding new ones. You can also place custom items at specific index positions among the existing toolbar items.
+
+## Enable the redaction toolbar
+
+To enable the redaction toolbar, configure the `toolbarSettings.toolbarItems` property of the PdfViewer instance to include the **RedactionEditTool**.
+
+The following example shows how to enable the redaction toolbar:
+
+```ts
+import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, Print, Annotation, FormFields, FormDesigner } from '@syncfusion/ej2-pdfviewer';
+
+PdfViewer.Inject(Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, Print, Annotation, FormFields, FormDesigner);
+
+let viewer: PdfViewer = new PdfViewer({
+    documentPath: 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf',
+    resourceUrl: "https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib",
+    toolbarSettings: {
+        toolbarItems: [
+            'OpenOption',
+            'UndoRedoTool',
+            'PageNavigationTool',
+            'MagnificationTool',
+            'PanTool',
+            'SelectionTool',
+            'CommentTool',
+            'SubmitForm',
+            'AnnotationEditTool',
+            'RedactionEditTool',   // Enables Redaction toolbar
+            'FormDesignerEditTool',
+            'SearchOption',
+            'PrintOption',
+            'DownloadOption'
+        ]
+    }
+});
+
+viewer.appendTo('#pdfViewer');
+```
+
+Refer to the following image for the toolbar view:
+
+![Enable redaction toolbar](../redaction/redaction-annotations-images/redaction-icon-toolbar.png)
+
+## Show or hide the redaction toolbar
+
+You can toggle the redaction toolbar either using the built‑in toolbar icon or programmatically with the `showRedactionToolbar` method.
+
+### Display the redaction toolbar using the toolbar icon
+
+When **RedactionEditTool** is included in the toolbar settings, clicking the redaction icon in the primary toolbar will show or hide the redaction toolbar.
+
+![Show redaction toolbar from the primary toolbar](../redaction/redaction-annotations-images/redaction-icon-toolbar.png)
+
+### Display the redaction toolbar programmatically
+
+You can also control visibility through code by calling `viewer.toolbar.showRedactionToolbar(true/false)`.
+
+The following example demonstrates toggling the redaction toolbar programmatically:
+
+
+```html
+<!--Buttons in your HTML-->
+<button id="showRedactionToolbar">Show Redaction Toolbar</button>
+<button id="hideRedactionToolbar">Hide Redaction Toolbar</button>
+```
+```ts
+document.getElementById('showRedactionToolbar').addEventListener('click', () => {
+    viewer.toolbar.showRedactionToolbar(true);  // Show the redaction toolbar
+});
+
+document.getElementById('hideRedactionToolbar').addEventListener('click', () => {
+    viewer.toolbar.showRedactionToolbar(false); // Hide the redaction toolbar
+});
+```
+
+[View Sample in GitHub](https://github.com/SyncfusionExamples/typescript-pdf-viewer-examples)
+
+Refer to the following image for details:
+
+![Programmatically show the Redaction toolbar](../redaction/redaction-annotations-images/show-redaction-toolbar.png)
+
+## See also
+
+* [Adding the redaction annotation in PDF viewer](../redaction/overview)
+* [UI interactions](./ui-interaction)
+* [Programmatic support](./programmatic-support)
+* [Mobile view](./mobile-view)
+* [Search Text and Redact](./search-redact)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/ui-interaction.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/ui-interaction.md
new file mode 100644
index 000000000..e3aa8797d
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/javascript-es6/Redaction/ui-interaction.md
@@ -0,0 +1,135 @@
+---
+layout: post
+title: Redaction UI interactions in TypeScript PDF Viewer | Syncfusion
+description: Learn about UI interactions in Redaction annotations of the Syncfusion JavaScript (ES6) PDF Viewer component.
+platform: document-processing
+control: PDF Viewer
+documentation: ug
+---
+
+# Redaction UI interactions in JavaScript (ES6) PdfViewer
+
+## Add redaction annotations from the toolbar
+
+Use the redaction tool in the toolbar to draw over content that should be hidden. After marking, an annotation can display overlay text (for example, “Confidential”) and can be styled using fill color and other properties.
+
+![Drawing a redaction annotation on the page](redaction-annotations-images/adding-redaction-annotation.png)
+
+#### Redaction annotations are interactive
+
+* **Movable** – Drag and reposition the annotation within the same page.  
+![Moving a redaction annotation](redaction-annotations-images/moving-redaction-annotation.png)
+
+* **Resizable** – Resize the annotation to cover the required area.  
+![Resizing a redaction annotation](redaction-annotations-images/resizing-redaction-annotation.png)
+
+N> The redaction tool is hidden by default. Customize the toolbar to include it. For instructions, see the [Toolbar customization](../toolbar).
+
+## Add redaction annotations using the context menu
+
+In addition to the toolbar, you can add redaction annotations directly from the context menu. Select the text or region, right‑click (or long‑press on mobile), and choose the **Redact Annotation** option. This creates a redaction mark over the selected content.
+
+![Context menu showing Redact Annotation option](redaction-annotations-images/redact-text-context-menu.png)
+
+## Update redaction properties
+
+After adding a redaction annotation, you can update its properties through the property panel or programmatically.
+
+### Update using the property panel
+
+When a redaction annotation is selected, a two‑tab property panel (General and Appearance) lets you customize text and styling. Changes are reflected instantly on the redaction mark.
+
+The property panel can be opened in two ways:
+
+* By clicking the **redaction property panel** icon in the toolbar.  
+![Redaction Property Panel Icon](redaction-annotations-images/redaction-property-panel-icon.png)
+
+* By right‑clicking (or long‑pressing) the annotation and choosing **Properties** from the context menu.  
+![Redaction Property Panel via Context Menu](redaction-annotations-images/redaction-property-panel-via-context-menu.png)
+
+#### General tab
+
+Use the General tab to define how the content will look after redaction. These settings control the final, burned‑in result and provide a live preview on hover.
+
+* Use Overlay Text – Enable to show text (for example, Confidential) over the redacted area.
+* Overlay Text – Enter the text to display.
+* Repeat Overlay Text – Tile the text to cover the whole region.
+
+![Overlay Text Options](redaction-annotations-images/redaction-overalytext.png)
+
+* Font options – Choose family, size, color, and alignment for the overlay text.
+* Fill Color – Select the color that will fill the region after redaction is applied.
+
+![Fill Color in General Tab](redaction-annotations-images/after-redaction-fill-color.png)
+
+Note: Hovering the mouse over a redaction annotation shows a preview of this final look. After you click Apply Redaction, these settings are flattened into the page and can’t be edited. Tip: Click Save in the dialog to keep your changes.
+
+#### Appearance tab
+
+Use the Appearance tab to style the redaction annotation itself (before applying). These options help you see and manage the box on the page but do not change the final redacted output.
+
+* Fill Color – Sets the annotation’s fill while you review and move/resize it.
+* Outline Color – Optional border for the annotation.
+* Fill Opacity – Controls how transparent the annotation appears during review.
+
+Note: The Appearance tab affects only the temporary annotation. The final look after applying redaction comes from the General tab settings.
+
+![Appearance Tab Settings](redaction-annotations-images/redaction-annotation-appearance.png)
+
+### What changes after applying redaction?
+
+When you click Apply Redaction:
+
+* The selected content is permanently removed from the page.
+* The redaction region is flattened into the page with a solid fill that uses the General tab Fill Color.
+* If overlay text was enabled, the text is burned into the page. If Repeat Overlay Text was enabled, the text is tiled across the region.
+* All properties become read‑only. You cannot edit overlay text, fill color, outline, or opacity after applying. Set the final look in the General tab and use the Appearance tab only to style the annotation before you apply.
+
+## Delete redaction annotations
+
+Delete redaction annotations using any of the following:
+
+* **Right-click and select Delete** from the context menu.
+
+![Context menu showing Delete for a redaction](redaction-annotations-images/redaction-delete-context-menu.png)
+
+* **Click the Delete button** on the toolbar.  
+![Toolbar delete icon for redaction](redaction-annotations-images/redaction-delete-icon.png)
+
+* **Press the Delete key** after selecting the annotation.
+
+## Redact pages using the UI
+
+Entire pages can be marked for redaction using the **Redact Pages** option in the toolbar. Clicking the icon opens a dialog with options:
+
+* **Current Page** – Redacts the page currently in view.  
+* **Odd Pages Only** – Redacts all odd‑numbered pages.  
+* **Even Pages Only** – Redacts all even‑numbered pages.  
+* **Specific Pages** – Enter page numbers or ranges (e.g., 1, 3–5, 7) to redact.
+
+After choosing the range, click **Save** to apply redaction marks to the selected pages.
+
+![Page Redaction Panel](redaction-annotations-images/page-redaction-panel.png)
+
+## Apply redaction from the toolbar
+
+The **Apply Redaction** button permanently removes all marked content from the document.
+
+* The button is disabled when no redaction annotations exist.  
+* It automatically enables once at least one annotation is present.
+
+![Redact Button Icon](redaction-annotations-images/redact-button-icon.png)
+
+A confirmation dialog appears before applying redaction to ensure you acknowledge the irreversible nature of the process.
+
+![Apply Redaction Dialog](redaction-annotations-images/apply-redaction-dialog.png)
+
+N> Redaction is permanent. Once applied, the original content cannot be restored.
+
+## See also
+
+* [Overview of Redaction](./overview)
+* [Programmatic Support in Redaction](./programmatic-support)
+* [Redaction in Mobile View](./mobile-view)
+* [Redaction Toolbar](./toolbar)
+* [Search Text and Redact](./search-redact)
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/form-designer/Create-edit-Style-del-formFields/create-formfields.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/form-designer/Create-edit-Style-del-formFields/create-formfields.md
new file mode 100644
index 000000000..a8b45ca05
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/javascript-es6/form-designer/Create-edit-Style-del-formFields/create-formfields.md
@@ -0,0 +1,366 @@
+---
+layout: post
+title: Create form fields in the TypeScript PDF Viewer | Syncfusion
+description: Learn how to add each PDF form field using the PDF Viewer UI and how to create them programmatically in the Syncfusion TypeScript PDF Viewer.
+platform: document-processing
+control: PDF Viewer
+documentation: ug
+---
+
+# Create form fields in TypeScript PDF Viewer
+
+The PDF Viewer component supports interactive form field design, including drawing, dragging, and resizing fields directly on the page. Click the Form Field icon on the toolbar to add a field and place it on the document. You can also create and manage form fields programmatically using the API.
+
+The PDF Viewer supports the following form field types:
+
+- Textbox
+- Password
+- CheckBox
+- RadioButton
+- ListBox
+- DropDown
+- Signature field
+- Initial field
+
+## Add the form field dynamically
+
+Click the Form Field icon on the toolbar, then click on the PDF to draw a form field. See the following GIF for reference.
+
+![Add a form field using the toolbar](../../images/addformfield.gif)
+
+## Drag the form field
+
+Drag the selected form field to reposition it within the PDF document. See the following GIF for reference.
+
+![Drag a selected form field in the PDF Viewer](../../images/dragformfield.gif)
+
+## Resize the form field
+
+Resize the selected form field using the resize handles on the field boundary. See the following GIF for reference.
+
+![Resize a selected form field in the PDF Viewer](../../images/resizeformfield.gif)
+
+## Textbox
+
+### Add Textbox
+
+1) Open the Form Designer toolbar.
+2) Select Textbox, then click/tap on the page to place it.
+3) Resize/move as needed and set properties in the property panel.
+
+![Textbox added from UI](../../images/ui-textbox.png)
+
+### Add Textbox Programmatically
+
+To add a Textbox programmatically, call addFormField with type 'Textbox' and pass as `TextFieldSettings` object. The example below adds a textbox when the document loads.
+
+```ts
+import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner, TextFieldSettings } from '@syncfusion/ej2-pdfviewer';
+
+PdfViewer.Inject(Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner);
+
+let pdfviewer: PdfViewer = new PdfViewer();
+pdfviewer.documentPath = "https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf";
+pdfviewer.resourceUrl = "https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib";
+
+pdfviewer.appendTo('#PdfViewer');
+
+pdfviewer.documentLoad = () => {
+  pdfviewer.formDesignerModule.addFormField('Textbox', {
+    name: 'First Name',
+    bounds: { X: 146, Y: 229, Width: 150, Height: 24 }
+  } as TextFieldSettings);
+};
+```
+
+## Password
+
+### Add Password
+
+1) Open the Form Designer toolbar.
+2) Select Password, then place it on the page.
+3) Configure tooltip, required, max length, etc.
+
+![Password added from UI](../../images/ui-password.png)
+
+### Add Password Programmatically
+
+To add a Password field programmatically, call addFormField with type 'Password' and pass as `PasswordFieldSettings` object. The example below adds the field when the document loads.
+
+```ts
+import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner, PasswordFieldSettings } from '@syncfusion/ej2-pdfviewer';
+
+PdfViewer.Inject(Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner);
+
+let pdfviewer: PdfViewer = new PdfViewer();
+pdfviewer.documentPath = "https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf";
+pdfviewer.resourceUrl = "https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib";
+
+pdfviewer.appendTo('#PdfViewer');
+
+pdfviewer.documentLoad = () => {
+  pdfviewer.formDesignerModule.addFormField('Password', {
+    name: 'Account Password',
+    bounds: { X: 148, Y: 270, Width: 180, Height: 24 }
+  } as PasswordFieldSettings);
+};
+```
+
+## CheckBox
+
+### Add CheckBox
+
+1) Choose CheckBox in the Form Designer toolbar.
+2) Click on the page to place, duplicate for multiple options if needed.
+3) Use property panel to set IsChecked, tooltip, and appearance.
+
+![CheckBox added from UI](../../images/ui-checkbox.png)
+
+### Add CheckBox Programmatically
+
+To add a CheckBox programmatically, call `addFormField` with type 'CheckBox' and pass as `CheckBoxFieldSettings` object. Set isChecked and bounds as needed. The example below adds the field when the document loads.
+
+```ts
+import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner, CheckBoxFieldSettings } from '@syncfusion/ej2-pdfviewer';
+
+PdfViewer.Inject(Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner);
+
+let pdfviewer: PdfViewer = new PdfViewer();
+pdfviewer.documentPath = "https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf";
+pdfviewer.resourceUrl = "https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib";
+
+pdfviewer.appendTo('#PdfViewer');
+
+pdfviewer.documentLoad = () => {
+  pdfviewer.formDesignerModule.addFormField('CheckBox', {
+    name: 'Subscribe',
+    isChecked: false,
+    bounds: { X: 56, Y: 664, Width: 20, Height: 20 }
+  } as CheckBoxFieldSettings);
+};
+```
+
+## RadioButton
+
+### Add RadioButton
+
+1) Select RadioButton in the Form Designer toolbar.
+2) Place buttons sharing the same Name to create a group (e.g., Gender).
+3) Use property panel to set selection, colors, and tooltip.
+
+![Radio buttons added from UI](../../images/ui-radiobutton.png)
+
+### Add RadioButton Programmatically
+
+To add radio buttons programmatically, call addFormField with type 'RadioButton' and pass as `RadioButtonFieldSettings` object. Use the same name to group buttons. The example below adds two radio buttons when the document loads.
+
+```ts
+import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner, RadioButtonFieldSettings } from '@syncfusion/ej2-pdfviewer';
+
+PdfViewer.Inject(Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner);
+
+let pdfviewer: PdfViewer = new PdfViewer();
+pdfviewer.documentPath = "https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf";
+pdfviewer.resourceUrl = "https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib";
+
+pdfviewer.appendTo('#PdfViewer');
+
+pdfviewer.documentLoad = () => {
+  // Group by name: 'Gender'
+  pdfviewer.formDesignerModule.addFormField('RadioButton', {
+    name: 'Gender',
+    isSelected: false,
+    bounds: { X: 148, Y: 289, Width: 18, Height: 18 }
+  } as RadioButtonFieldSettings);
+
+  pdfviewer.formDesignerModule.addFormField('RadioButton', {
+    name: 'Gender',
+    isSelected: false,
+    bounds: { X: 292, Y: 289, Width: 18, Height: 18 }
+  } as RadioButtonFieldSettings);
+};
+```
+
+## ListBox
+
+### Add ListBox
+
+1) Choose ListBox in the Form Designer toolbar.
+2) Place the field and add items in the property panel.
+3) Configure font, size, and selection behavior.
+
+![ListBox added from UI](../../images/ui-listbox.png)
+
+### Add ListBox Programmatically
+
+To add a ListBox programmatically, call `addFormField` with type 'ListBox' and pass as `ListBoxFieldSettings` object, including an options array for the items. The example below adds the field when the document loads.
+
+```ts
+import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner, ListBoxFieldSettings } from '@syncfusion/ej2-pdfviewer';
+
+PdfViewer.Inject(Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner);
+
+let pdfviewer: PdfViewer = new PdfViewer();
+pdfviewer.documentPath = "https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf";
+pdfviewer.resourceUrl = "https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib";
+
+pdfviewer.appendTo('#PdfViewer');
+
+pdfviewer.documentLoad = () => {
+  const options = [
+    { itemName: 'Item 1', itemValue: 'item1' },
+    { itemName: 'Item 2', itemValue: 'item2' },
+    { itemName: 'Item 3', itemValue: 'item3' }
+  ];
+
+  pdfviewer.formDesignerModule.addFormField('ListBox', {
+    name: 'States',
+    options,
+    bounds: { X: 380, Y: 320, Width: 150, Height: 60 }
+  } as ListBoxFieldSettings);
+};
+```
+
+## DropDown
+
+### Add DropDown
+
+1) Select DropDown in the Form Designer toolbar.
+2) Place the field, then add items via the property panel.
+3) Adjust appearance and default value.
+
+![DropDown added from UI](../../images/ui-dropdown.png)
+
+### Add DropDown Programmatically
+
+To add a DropDown programmatically, call addFormField with type 'DropDown' and pass a `DropdownFieldSettings` object with an options array. The example below adds the field when the document loads.
+
+```ts
+import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner, DropdownFieldSettings } from '@syncfusion/ej2-pdfviewer';
+
+PdfViewer.Inject(Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner);
+
+let pdfviewer: PdfViewer = new PdfViewer();
+pdfviewer.documentPath = "https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf";
+pdfviewer.resourceUrl = "https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib";
+
+pdfviewer.appendTo('#PdfViewer');
+
+pdfviewer.documentLoad = () => {
+  const options = [
+    { itemName: 'Item 1', itemValue: 'item1' },
+    { itemName: 'Item 2', itemValue: 'item2' },
+    { itemName: 'Item 3', itemValue: 'item3' }
+  ];
+
+  pdfviewer.formDesignerModule.addFormField('DropDown', {
+    name: 'Country',
+    options,
+    bounds: { X: 560, Y: 320, Width: 150, Height: 24 }
+  } as DropdownFieldSettings);
+};
+```
+
+## Signature field
+
+### Add Signature field
+
+1) Select Signature field in the Form Designer toolbar.
+2) Place the field where the signer should sign.
+3) Configure indicator text, thickness, tooltip, and required state.
+
+![Signature field added from UI](../../images/ui-signature.png)
+
+### Add Signature field Programmatically
+
+To add a Signature field programmatically, call addFormField with type 'SignatureField' and pass a `SignatureFieldSettings` object. The example below adds the field when the document loads.
+
+```ts
+import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner, SignatureFieldSettings } from '@syncfusion/ej2-pdfviewer';
+
+PdfViewer.Inject(Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner);
+
+let pdfviewer: PdfViewer = new PdfViewer();
+pdfviewer.documentPath = "https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf";
+pdfviewer.resourceUrl = "https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib";
+
+pdfviewer.appendTo('#PdfViewer');
+
+pdfviewer.documentLoad = () => {
+  pdfviewer.formDesignerModule.addFormField('SignatureField', {
+    name: 'Sign',
+    bounds: { X: 57, Y: 923, Width: 200, Height: 43 }
+  } as SignatureFieldSettings);
+};
+```
+
+## Initial field
+
+### Add Initial field
+
+1) Select Initial field in the Form Designer toolbar.
+2) Place the field where initials are required.
+3) Configure indicator text, tooltip, and required state.
+
+![Initial field added from UI](../../images/ui-initial.png)
+
+### Add Initial field Programmatically
+
+To add an Initial field programmatically, call addFormField with type 'InitialField' and pass an `InitialFieldSettings` object. The example below adds the field when the document loads.
+
+```ts
+import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner, InitialFieldSettings } from '@syncfusion/ej2-pdfviewer';
+
+PdfViewer.Inject(Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner);
+
+let pdfviewer: PdfViewer = new PdfViewer();
+pdfviewer.documentPath = "https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf";
+pdfviewer.resourceUrl = "https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib";
+
+pdfviewer.appendTo('#PdfViewer');
+
+pdfviewer.documentLoad = () => {
+  pdfviewer.formDesignerModule.addFormField('InitialField', {
+    name: 'Initial',
+    bounds: { X: 148, Y: 466, Width: 200, Height: 43 }
+  } as InitialFieldSettings);
+};
+```
+
+## setFormFieldMode programmatically
+
+The `setFormFieldMode` method enables adding a form field dynamically by specifying the field type. For example, the following adds a Password field when a button is clicked.
+
+```html
+<button id="addPasswordField">Add Password Field</button>
+```
+```ts
+import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView,
+         BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner} from '@syncfusion/ej2-pdfviewer';
+
+PdfViewer.Inject( Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView,
+                  BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner);
+
+let pdfviewer: PdfViewer = new PdfViewer();
+pdfviewer.documentPath = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
+pdfviewer.resourceUrl = "https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib";
+pdfviewer.appendTo('#PdfViewer');
+
+document.getElementById('addPasswordField').addEventListener('click', function () {
+    pdfviewer.formDesignerModule.setFormFieldMode("Password"); 
+    //In setFormFieldModule-You can pass the required field to be added like Textbox, Checkbox etc.,
+});
+```
+
+[View Sample on GitHub](https://github.com/SyncfusionExamples/typescript-pdf-viewer-examples)
+
+## See Also
+
+- [Form Designer overview](../overview)
+- [Form Designer Toolbar](../../toolbar-customization/form-designer-toolbar)
+- [Edit form fields](./edit-formfields)
+- [Style form fields](./style-formfields)
+- [Remove form fields](./remove-formfields)
+- [Group form fields](../group-formfields)
+- [Form validation](../form-validation)
+- [Form Fields API](../formfields-api)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/form-designer/Create-edit-Style-del-formFields/edit-formfields.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/form-designer/Create-edit-Style-del-formFields/edit-formfields.md
new file mode 100644
index 000000000..11e778591
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/javascript-es6/form-designer/Create-edit-Style-del-formFields/edit-formfields.md
@@ -0,0 +1,419 @@
+---
+layout: post
+title: Edit form fields in the TypeScript PDF Viewer | Syncfusion
+description: Learn how to edit PDF form fields using the UI and programmatically with APIs in the Syncfusion TypeScript PDF Viewer.
+platform: document-processing
+control: PDF Viewer
+documentation: ug
+---
+
+# Edit form fields in TypeScript PDF Viewer
+
+The PDF Viewer component allows user to edit PDF form fields using the Form Designer UI and update them programmatically.
+
+The PDF Viewer supports editing these field types:
+
+- Textbox
+- Password
+- CheckBox
+- RadioButton
+- ListBox
+- DropDown
+- Signature field
+- Initial field
+
+## Edit with the UI
+
+- Select a form field and Right-click to open the Properties panel from the context menu to change its settings.
+
+![Edit FormFields](../../images/formFields_properties.png)
+
+- Drag to move; use resize handles to resize.
+- Use the toolbar to toggle field mode and add new fields.
+
+## Textbox
+
+### Edit Textbox
+
+1) Right-click the textbox → Properties.
+2) Change value, font, size, colors, border thickness, alignment, max length, multiline.
+
+![Textbox edited from UI](../../images/ui-textbox-edit.png)
+
+### Edit Textbox programmatically
+
+Use `updateFormField` on a button click for a simple, discoverable flow. The example below retrieves the fields, locates the textbox, and applies value, typography, colors, alignment, and border thickness updates.
+
+```html
+<button id="editTextbox">Apply Textbox Changes</button>
+```
+
+```ts
+import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner, FontStyle, TextFieldSettings } from '@syncfusion/ej2-pdfviewer';
+
+PdfViewer.Inject(Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner);
+
+const pdfviewer: PdfViewer = new PdfViewer();
+pdfviewer.documentPath = 'https://cdn.syncfusion.com/content/pdf/form-designer.pdf';
+pdfviewer.resourceUrl = 'https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib';
+pdfviewer.appendTo('#PdfViewer');
+
+(document.getElementById('editTextbox') as HTMLButtonElement)?.addEventListener('click', () => {
+  // Retrieve form fields collection
+  const fields = pdfviewer.retrieveFormFields();
+  // Find the textbox field by name (Here field name is FIrst Name)
+  const field = fields.find((f: any) => f.name === 'First Name') || fields[0]; //Update Name accordingly
+  if (field) {
+    // Update textbox field styling and value
+    pdfviewer.formDesignerModule.updateFormField(field, {
+      value: 'John',
+      fontFamily: 'Courier',
+      fontSize: 12,
+      fontStyle: FontStyle.None,
+      color: 'black',
+      backgroundColor: 'white',
+      borderColor: 'black',
+      thickness: 2,
+      alignment: 'Left',
+      maxLength: 50
+    } as TextFieldSettings);
+  }
+});
+```
+
+## Password
+
+### Edit Password
+
+1) Right-click the password field → Properties.
+2) Change tooltip, required, max length, font, and appearance.
+
+![Password edited from UI](../../images/ui-password-edit.png)
+
+### Edit Password programmatically
+
+Use `updateFormField` on a button click for a simple, discoverable flow. The example below retrieves the fields, locates the password field, and applies tooltip, validation flags, typography, colors, alignment, max length, and border thickness updates.
+
+```html
+ <button id="editPasswordBox">Edit PasswordBox</button>
+```
+```ts
+import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner, PasswordFieldSettings } from '@syncfusion/ej2-pdfviewer';
+
+PdfViewer.Inject(Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner);
+
+const pdfviewer: PdfViewer = new PdfViewer();
+pdfviewer.documentPath = 'https://cdn.syncfusion.com/content/pdf/form-designer.pdf';
+pdfviewer.resourceUrl = 'https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib';
+pdfviewer.appendTo('#PdfViewer');
+
+(document.getElementById('editPasswordBox') as HTMLButtonElement)?.addEventListener('click', () => {
+  // Retrieve form fields collection
+  const fields = pdfviewer.retrieveFormFields();
+  // Find the password field by name (Here field name is Password)
+  const field = fields.find((f: any) => f.name === 'Password');
+  if (field) {
+    // Update password field properties
+    pdfviewer.formDesignerModule.updateFormField(field, {
+      tooltip: 'Enter your password',
+      isReadOnly: false,
+      isRequired: true,
+      isPrint: true,
+      fontFamily: 'Courier',
+      fontSize: 10,
+      color: 'black',
+      borderColor: 'black',
+      backgroundColor: 'white',
+      alignment: 'Left',
+      maxLength: 20,
+      thickness: 1
+    } as PasswordFieldSettings);
+  }
+});
+```
+
+## CheckBox
+
+### Edit CheckBox
+
+1) Right-click the checkbox → Properties.
+2) Toggle checked state, change border/background colors and thickness.
+
+![CheckBox edited from UI](../../images/ui-checkbox-edit.png)
+
+### Edit CheckBox programmatically
+
+Use `updateFormField` on a button click for a simple, discoverable flow. The example below retrieves the fields, locates the checkbox field, and applies checked state, tooltip, colors, and border thickness updates.
+
+```html
+<button id="editCheckbox">Edit CheckBox</button>
+```
+```ts
+import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner, CheckBoxFieldSettings } from '@syncfusion/ej2-pdfviewer';
+
+PdfViewer.Inject(Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner);
+
+const pdfviewer: PdfViewer = new PdfViewer();
+pdfviewer.documentPath = 'https://cdn.syncfusion.com/content/pdf/form-designer.pdf';
+pdfviewer.resourceUrl = 'https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib';
+pdfviewer.appendTo('#PdfViewer');
+
+(document.getElementById('editCheckbox') as HTMLButtonElement)?.addEventListener('click', () => {
+  // Retrieve form fields collection
+  const fields = pdfviewer.retrieveFormFields();
+  // Find the checkbox field by name (Here field name is Subscribe)
+  const cb = fields.find((f: any) => f.name === 'Subscribe');
+  if (cb) {
+    // Update checkbox field properties and state
+    pdfviewer.formDesignerModule.updateFormField(cb, {
+      isChecked: true,
+      backgroundColor: 'white',
+      borderColor: 'black',
+      thickness: 2,
+      tooltip: 'Subscribe to newsletter'
+    } as CheckBoxFieldSettings);
+  }
+});
+```
+
+## RadioButton
+
+### Edit RadioButton
+
+1) Right-click a radio button → Properties.
+2) Set selected state, colors, and thickness. Buttons with the same Name form a group; only one can be selected.
+
+![RadioButton edited from UI](../../images/ui-radiobutton-edit.png)
+
+### Edit RadioButton programmatically
+
+Use `updateFormField` on a button click for a simple, discoverable flow. The example below retrieves the fields, locates the radio button group, and applies selection state and border appearance updates.
+
+```html
+<button id="editRadio">Edit RadioButton</button>
+```
+```ts
+import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner, RadioButtonFieldSettings } from '@syncfusion/ej2-pdfviewer';
+
+PdfViewer.Inject(Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner);
+
+const pdfviewer: PdfViewer = new PdfViewer();
+pdfviewer.documentPath = 'https://cdn.syncfusion.com/content/pdf/form-designer.pdf';
+pdfviewer.resourceUrl = 'https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib';
+pdfviewer.appendTo('#PdfViewer');
+
+(document.getElementById('editRadio') as HTMLButtonElement)?.addEventListener('click', () => {
+  // Retrieve form fields collection
+  const fields = pdfviewer.retrieveFormFields();
+  // Filter the radio button group by name (Here group name is Gender)
+  const genderRadios = fields.filter((f: any) => f.name === 'Gender');
+  if (genderRadios[1]) {
+    // Update radio button selection and appearance
+    pdfviewer.formDesignerModule.updateFormField(genderRadios[0], { isSelected: false } as RadioButtonFieldSettings);
+    pdfviewer.formDesignerModule.updateFormField(genderRadios[1], { isSelected: true, thickness: 2, borderColor: 'black' } as RadioButtonFieldSettings);
+  }
+});
+```
+
+## ListBox
+
+### Edit ListBox
+
+1) Right-click the list box → Properties.
+2) Add/remove items, set selection, and adjust fonts and colors.
+
+![ListBox edited from UI](../../images/ui-listbox-edit.png)
+
+### Edit ListBox programmatically
+
+Use `updateFormField` on a button click for a simple, discoverable flow. The example below retrieves the fields, locates the list box, and applies options, selection, typography, colors, and border appearance updates.
+
+```html
+<button id="editListBox">Edit ListBox</button>
+```
+```ts
+import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner, TextFieldSettings } from '@syncfusion/ej2-pdfviewer';
+
+PdfViewer.Inject(Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner);
+
+const pdfviewer: PdfViewer = new PdfViewer();
+pdfviewer.documentPath = 'https://cdn.syncfusion.com/content/pdf/form-designer.pdf';
+pdfviewer.resourceUrl = 'https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib';
+pdfviewer.appendTo('#PdfViewer');
+
+(document.getElementById('editListBox') as HTMLButtonElement)?.addEventListener('click', () => {
+  // Retrieve form fields collection
+  const fields = pdfviewer.retrieveFormFields();
+  // Find the listbox field by name (Here field name is States)
+  const lb = fields.find((f: any) => f.name === 'States');
+  if (lb) {
+    // Update listbox options, selection, and appearance
+    pdfviewer.formDesignerModule.updateFormField(lb, {
+      options: [
+        { itemName: 'Alabama', itemValue: 'AL' },
+        { itemName: 'Alaska', itemValue: 'AK' },
+        { itemName: 'Arizona', itemValue: 'AZ' }
+      ],
+      value: 'AZ',
+      fontFamily: 'Courier',
+      fontSize: 10,
+      color: 'black',
+      borderColor: 'black',
+      backgroundColor: 'white'
+    } as unknown as TextFieldSettings);
+  }
+});
+```
+
+## DropDown
+
+### Edit DropDown
+
+1) Right-click the dropdown → Properties.
+2) Add/remove items, set default value, and adjust appearance.
+
+![DropDown edited from UI](../../images/ui-dropdown-edit.png)
+
+### Edit DropDown programmatically
+
+Use `updateFormField` on a button click for a simple, discoverable flow. The example below retrieves the fields, locates the dropdown, and applies items, value, typography, colors, and border appearance updates.
+
+```html
+<button id="editDropDown">Edit DropDown</button>
+```
+```ts
+import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner, DropdownFieldSettings } from '@syncfusion/ej2-pdfviewer';
+
+PdfViewer.Inject(Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner);
+
+const pdfviewer: PdfViewer = new PdfViewer();
+pdfviewer.documentPath = 'https://cdn.syncfusion.com/content/pdf/form-designer.pdf';
+pdfviewer.resourceUrl = 'https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib';
+pdfviewer.appendTo('#PdfViewer');
+
+(document.getElementById('editDropDown') as HTMLButtonElement)?.addEventListener('click', () => {
+  // Retrieve form fields collection
+  const fields = pdfviewer.retrieveFormFields();
+  // Find the dropdown field by name (Here field name is Country)
+  const dd = fields.find((f: any) => f.name === 'Country');
+  if (dd) {
+    // Update dropdown items, value, and appearance
+    pdfviewer.formDesignerModule.updateFormField(dd, {
+      options: [
+        { itemName: 'USA', itemValue: 'US' },
+        { itemName: 'Canada', itemValue: 'CA' },
+        { itemName: 'Mexico', itemValue: 'MX' }
+      ],
+      value: 'US',
+      fontFamily: 'Courier',
+      fontSize: 10,
+      color: 'black',
+      borderColor: 'black',
+      backgroundColor: 'white'
+    } as DropdownFieldSettings);
+  }
+});
+```
+
+## Signature field
+
+### Edit Signature field
+
+1) Right-click the signature field → Properties.
+2) Change tooltip, thickness, indicator text, required/visibility states.
+
+![Signature field edited from UI](../../images/ui-signature-edit.png)
+
+### Edit Signature field programmatically
+
+Use `updateFormField` on a button click for a simple, discoverable flow. The example below retrieves the fields, locates the signature field, and applies tooltip, required/print flags, colors, and border thickness updates.
+
+```html
+<button id="editSignature">Edit Signature</button>
+```
+```ts
+import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner, SignatureFieldSettings } from '@syncfusion/ej2-pdfviewer';
+
+PdfViewer.Inject(Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner);
+
+const pdfviewer: PdfViewer = new PdfViewer();
+pdfviewer.documentPath = 'https://cdn.syncfusion.com/content/pdf/form-designer.pdf';
+pdfviewer.resourceUrl = 'https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib';
+pdfviewer.appendTo('#PdfViewer');
+
+(document.getElementById('editSignature') as HTMLButtonElement)?.addEventListener('click', () => {
+  // Retrieve form fields collection
+  const fields = pdfviewer.retrieveFormFields();
+  // Find the signature field by name (Here field name is Sign)
+  const sig = fields.find((f: any) => f.name === 'Sign');
+  if (sig) {
+    // Update signature field properties
+    pdfviewer.formDesignerModule.updateFormField(sig, {
+      tooltip: 'Please sign here',
+      thickness: 3,
+      isRequired: true,
+      isPrint: true,
+      backgroundColor: 'white',
+      borderColor: 'black'
+    } as SignatureFieldSettings);
+  }
+});
+```
+
+## Initial field
+
+### Edit Initial field
+
+1) Right-click the initial field → Properties.
+2) Change tooltip, indicator text, thickness, and required/visibility states.
+
+![Initial field edited from UI](../../images/ui-initial-edit.png)
+
+### Edit Initial field programmatically
+
+Use `updateFormField` on a button click for a simple, discoverable flow. The example below retrieves the fields, locates the initial field, and applies tooltip, required/print flags, colors, and border thickness updates.
+
+```html
+<button id="editInitial">Edit Initial</button>
+```
+```ts
+import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner, InitialFieldSettings } from '@syncfusion/ej2-pdfviewer';
+
+PdfViewer.Inject(Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner);
+
+const pdfviewer: PdfViewer = new PdfViewer();
+pdfviewer.documentPath = 'https://cdn.syncfusion.com/content/pdf/form-designer.pdf';
+pdfviewer.resourceUrl = 'https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib';
+pdfviewer.appendTo('#PdfViewer');
+
+(document.getElementById('editInitial') as HTMLButtonElement)?.addEventListener('click', () => {
+  // Retrieve form fields collection
+  const fields = pdfviewer.retrieveFormFields();
+  // Find the initial field by name (Here field name is Initial)
+  const init = fields.find((f: any) => f.name === 'Initial');
+  if (init) {
+    // Update initial field properties
+    pdfviewer.formDesignerModule.updateFormField(init, {
+      tooltip: 'Add your initials',
+      thickness: 2,
+      isRequired: true,
+      isPrint: true,
+      backgroundColor: 'white',
+      borderColor: 'black'
+    } as InitialFieldSettings);
+  }
+});
+```
+
+[View Sample on GitHub](https://github.com/SyncfusionExamples/typescript-pdf-viewer-examples)
+
+## See also
+
+- [Form Designer overview](../overview)
+- [Form Designer Toolbar](../../toolbar-customization/form-designer-toolbar)
+- [Create form fields](./create-formfields)
+- [Remove form Fields](./remove-formfields)
+- [Style form fields](./style-formfields)
+- [Group form fields](../group-formfields)
+- [Form validation](../form-validation)
+- [Form fields API](../formfields-api)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/form-designer/Create-edit-Style-del-formFields/remove-formfields.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/form-designer/Create-edit-Style-del-formFields/remove-formfields.md
new file mode 100644
index 000000000..388659e91
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/javascript-es6/form-designer/Create-edit-Style-del-formFields/remove-formfields.md
@@ -0,0 +1,104 @@
+---
+layout: post
+title: Remove form fields in the TypeScript PDF Viewer component | Syncfusion
+description: Learn how to remove PDF form fields using the UI and programmatically in the Syncfusion TypeScript PDF Viewer component.
+platform: document-processing
+control: PDF Viewer
+documentation: ug
+---
+
+# Remove form fields in TypeScript PDF Viewer control
+
+The PDF Viewer component allows users to remove PDF form fields using the Form Designer UI and programmatically.
+
+## Remove form fields using the UI
+
+You can remove designed form fields directly from the Form Designer toolbar.
+
+Steps:
+
+1) Select the target form field on the page.
+2) Click the Delete Form Field icon on the Form Designer toolbar.
+3) Alternatively, press the `Delete key` after selecting one or more fields.
+
+![Form Designer toolbar with Delete icon](../../images/ui-del-formfields.png)
+
+## Remove form fields programmatically
+
+Use the `deleteFormField` method to remove form fields programmatically. Retrieve the target field from the `formFieldCollections` property (by object or ID) and pass it to `deleteFormField`.
+
+The following example adds three fields on document load (Textbox, Password, and Signature) and shows two ways to remove them using buttons.
+
+```html
+<button id="deleteAllFields">Delete Form Fields</button>
+<button id="deleteById">Delete First Field By ID</button>
+<div id="PdfViewer" style="height:500px;width:100%"></div>
+```
+```ts
+import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView,
+TextSelection, Annotation, FormDesigner, FormFields, TextFieldSettings, SignatureFieldSettings } from '@syncfusion/ej2-pdfviewer';
+
+PdfViewer.Inject(Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView,
+TextSelection, Annotation, FormDesigner, FormFields);
+
+const pdfviewer: PdfViewer = new PdfViewer({
+  documentPath: 'https://cdn.syncfusion.com/content/pdf/form-designer.pdf',
+  resourceUrl: 'https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib'
+});
+
+// Optional server-backed
+// pdfviewer.serviceUrl = 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer/';
+
+pdfviewer.appendTo('#PdfViewer');
+
+// Add form fields on document load
+pdfviewer.documentLoad = () => {
+  pdfviewer.formDesignerModule.addFormField('Textbox', {
+    name: 'First Name',
+    bounds: { X: 146, Y: 229, Width: 150, Height: 24 }
+  } as TextFieldSettings);
+
+  pdfviewer.formDesignerModule.addFormField('Password', {
+    name: 'Password',
+    bounds: { X: 338, Y: 229, Width: 150, Height: 24 }
+  } as TextFieldSettings);
+
+  pdfviewer.formDesignerModule.addFormField('SignatureField', {
+    name: 'Sign Here',
+    bounds: { X: 146, Y: 280, Width: 200, Height: 43 }
+  } as SignatureFieldSettings);
+};
+
+// Delete all added form fields on button click
+(document.getElementById('deleteAllFields') as HTMLButtonElement).addEventListener('click', () => {
+  const fields = [...pdfviewer.formFieldCollections]; // clone to avoid mutation issues
+  fields.forEach(field => pdfviewer.formDesignerModule.deleteFormField(field));
+});
+
+// Delete by ID on button click (example uses the first field's ID)
+(document.getElementById('deleteById') as HTMLButtonElement).addEventListener('click', () => {
+  if (pdfviewer.formFieldCollections.length > 0) {
+    const id = pdfviewer.formFieldCollections[0].id;
+    if (id) {
+      pdfviewer.formDesignerModule.deleteFormField(id);
+    }
+  }
+});
+```
+
+N> To configure the server-backed PDF Viewer, add the following `serviceUrl` in the `index.ts` file:
+`pdfviewer.serviceUrl = 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer/';`
+
+[View Sample on GitHub](https://github.com/SyncfusionExamples/typescript-pdf-viewer-examples)
+
+## See also
+
+- [Form Designer overview](../overview)
+- [Form Designer Toolbar](../../toolbar-customization/form-designer-toolbar)
+- [Create form fields](./create-formfields)
+- [Edit form fields](./edit-formfields)
+- [Style form fields](./style-formfields)
+- [Group form fields](../group-formfields)
+- [Form validation](../form-validation)
+- [Add custom data to form fields](../custom-data)
+- [Form fields API](../formfields-api)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/form-designer/Create-edit-Style-del-formFields/style-formfields.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/form-designer/Create-edit-Style-del-formFields/style-formfields.md
new file mode 100644
index 000000000..8899c1edc
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/javascript-es6/form-designer/Create-edit-Style-del-formFields/style-formfields.md
@@ -0,0 +1,548 @@
+---
+layout: post
+title: Style form fields in the TypeScript PDF Viewer | Syncfusion
+description: Learn how to configure typography, colors, borders, alignment, and other style settings for PDF form fields using the UI and programmatically.
+platform: document-processing
+control: PDF Viewer
+documentation: ug
+---
+
+# Style form fields in TypeScript PDF Viewer
+
+The PDF Viewer component allows users to style and customize the appearance of PDF form fields using the Form Designer UI and programmatically. User can also set the default settings applied when fields are added from the Form Designer toolbar.
+
+Supported field types:
+
+- Textbox
+- Password
+- CheckBox
+- RadioButton
+- ListBox
+- DropDown
+- Signature field
+- Initial field
+
+## Textbox
+
+### Style Textbox
+
+Use the Properties panel to adjust the value, font family/size/style, text color, border and background colors, border thickness, text alignment, and maximum length.
+
+![Textbox style from UI](../../images/ui-textbox-style.png)
+
+### Style Textbox programmatically
+
+Use `updateFormField` to modify a textbox’s appearance and behavior on a button click. The example below finds the field by name (or falls back to the first field) and updates value, typography, colors, alignment, and border thickness.
+
+```html
+<button id="updateTextboxStyle">Update Textbox Style</button>
+```
+
+```ts
+import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner, FontStyle, TextFieldSettings } from '@syncfusion/ej2-pdfviewer';
+
+PdfViewer.Inject(Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner);
+
+const pdfviewer: PdfViewer = new PdfViewer();
+pdfviewer.documentPath = 'https://cdn.syncfusion.com/content/pdf/form-designer.pdf';
+pdfviewer.resourceUrl = 'https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib';
+pdfviewer.appendTo('#PdfViewer');
+
+// Update textbox styling on button click
+(document.getElementById('updateTextboxStyle') as HTMLButtonElement)?.addEventListener('click', () => {
+  // Retrieve form fields collection
+  const fields = pdfviewer.retrieveFormFields();
+  // Find the textbox field by name
+  const tb = fields.find((f: any) => f.name === 'First Name') || fields[0];
+  if (tb) {
+    // Update textbox field styling
+    pdfviewer.formDesignerModule.updateFormField(tb, {
+      value: 'John',
+      fontFamily: 'Courier',
+      fontSize: 12,
+      fontStyle: FontStyle.None,
+      color: 'black',
+      borderColor: 'black',
+      backgroundColor: 'white',
+      alignment: 'Left',
+      thickness: 2
+    } as TextFieldSettings);
+  }
+});
+```
+
+### Default Textbox settings
+
+The PDF Viewer exposes a default settings APIs for form fields. Use the [TextFieldSettings](https://ej2.syncfusion.com/documentation/api/pdfviewer/index-default#textfieldsettings) to preconfigure TextBox properties applied when adding fields from the Form Designer toolbar.
+
+```ts
+// Apply as defaults for Textbox added from toolbar
+pdfviewer.textFieldSettings = {
+  name: 'Textbox',
+  isReadOnly: false,
+  visibility: 'visible',
+  isRequired: false,
+  isPrint: true,
+  tooltip: 'Textbox',
+  thickness: 4,
+  value: 'Textbox',
+  fontFamily: 'Courier',
+  fontSize: 10,
+  fontStyle: 'None',
+  color: 'black',
+  borderColor: 'black',
+  backgroundColor: 'White',
+  alignment: 'Left',
+  maxLength: 0,
+  isMultiline: false
+};
+```
+
+## Password
+
+### Style Password
+
+Use the Properties panel to configure the tooltip, font family and size, masked text color, border and background colors, text alignment, maximum length, and border thickness.
+
+![Password style from UI](../../images/ui-password-style.png)
+
+### Style Password programmatically
+
+```ts
+import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner, PasswordFieldSettings } from '@syncfusion/ej2-pdfviewer';
+
+PdfViewer.Inject(Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner);
+
+const pdfviewer: PdfViewer = new PdfViewer();
+pdfviewer.documentPath = 'https://cdn.syncfusion.com/content/pdf/form-designer.pdf';
+pdfviewer.resourceUrl = 'https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib';
+pdfviewer.appendTo('#PdfViewer');
+
+// Retrieve form fields collection and find the password field by name
+const pw = pdfviewer.formFieldCollections.find((f: any) => f.name === 'Password');
+if (pw) {
+  // Update password field styling
+  pdfviewer.formDesignerModule.updateFormField(pw, {
+    tooltip: 'Enter password',
+    fontFamily: 'Courier',
+    fontSize: 10,
+    color: 'black',
+    borderColor: 'black',
+    backgroundColor: 'white',
+    alignment: 'Left',
+    maxLength: 20,
+    thickness: 1
+  } as PasswordFieldSettings);
+}
+```
+
+### Default Password settings
+
+The PDF Viewer exposes default settings APIs for form fields. Use the [PasswordFieldSettings](https://ej2.syncfusion.com/documentation/api/pdfviewer/index-default#passwordfieldsettings) to preconfigure Password properties applied when adding fields from the Form Designer toolbar.
+
+```ts
+pdfviewer.passwordFieldSettings = {
+  name: 'Password',
+  isReadOnly: false,
+  visibility: 'visible',
+  isRequired: false,
+  isPrint: true,
+  tooltip: 'Password',
+  thickness: 4,
+  value: 'Password',
+  fontFamily: 'Courier',
+  fontSize: 10,
+  fontStyle: 'None',
+  color: 'black',
+  borderColor: 'black',
+  backgroundColor: 'white',
+  alignment: 'Left',
+  maxLength: 0
+};
+```
+
+## CheckBox
+
+### Style CheckBox
+
+Use the Properties panel to toggle the checked state and customize border and background colors, and border thickness.
+
+![CheckBox style from UI](../../images/ui-checkbox-style.png)
+
+### Style CheckBox programmatically
+
+```ts
+import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner, CheckBoxFieldSettings } from '@syncfusion/ej2-pdfviewer';
+
+PdfViewer.Inject(Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner);
+
+const pdfviewer: PdfViewer = new PdfViewer();
+pdfviewer.documentPath = 'https://cdn.syncfusion.com/content/pdf/form-designer.pdf';
+pdfviewer.resourceUrl = 'https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib';
+pdfviewer.appendTo('#PdfViewer');
+
+// Retrieve form fields collection and find the checkbox field by name
+const cb = pdfviewer.formFieldCollections.find((f: any) => f.name === 'Subscribe');
+if (cb) {
+  // Update checkbox field styling
+  pdfviewer.formDesignerModule.updateFormField(cb, {
+    isChecked: true,
+    backgroundColor: 'white',
+    borderColor: 'black',
+    thickness: 2,
+    tooltip: 'Subscribe'
+  } as CheckBoxFieldSettings);
+}
+```
+
+### Default CheckBox settings
+
+The PDF Viewer exposes default settings APIs for form fields. Use the [CheckBoxFieldSettings](https://ej2.syncfusion.com/documentation/api/pdfviewer/index-default#checkboxfieldsettings) to preconfigure CheckBox properties applied when adding fields from the Form Designer toolbar.
+
+```ts
+pdfviewer.checkBoxFieldSettings = {
+  name: 'CheckBox',
+  isReadOnly: false,
+  visibility: 'visible',
+  isRequired: false,
+  isPrint: true,
+  tooltip: 'CheckBox',
+  thickness: 4,
+  isChecked: true,
+  backgroundColor: 'white',
+  borderColor: 'black'
+};
+```
+
+## RadioButton
+
+### Style RadioButton
+
+Use the Properties panel to set the selected state, border and background colors, and border thickness. Radio buttons with the same name are grouped automatically.
+
+![RadioButton style from UI](../../images/ui-radiobutton-style.png)
+
+### Style RadioButton programmatically
+
+```ts
+import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner, RadioButtonFieldSettings } from '@syncfusion/ej2-pdfviewer';
+
+PdfViewer.Inject(Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner);
+
+const pdfviewer: PdfViewer = new PdfViewer();
+pdfviewer.documentPath = 'https://cdn.syncfusion.com/content/pdf/form-designer.pdf';
+pdfviewer.resourceUrl = 'https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib';
+pdfviewer.appendTo('#PdfViewer');
+
+// Retrieve all radio buttons by group name
+const radios = pdfviewer.formFieldCollections.filter((f: any) => f.name === 'Gender');
+if (radios.length > 1) {
+  // Deselect first option
+  pdfviewer.formDesignerModule.updateFormField(radios[0], { isSelected: false } as RadioButtonFieldSettings);
+  // Select second option and style
+  pdfviewer.formDesignerModule.updateFormField(radios[1], { isSelected: true, thickness: 2, borderColor: 'black' } as RadioButtonFieldSettings);
+}
+```
+
+### Default RadioButton settings
+
+The PDF Viewer exposes default settings APIs for form fields. Use the [RadioButtonFieldSettings](https://ej2.syncfusion.com/documentation/api/pdfviewer/index-default#radiobuttonfieldsettings) to preconfigure RadioButton properties applied when adding fields from the Form Designer toolbar.
+
+```ts
+pdfviewer.radioButtonFieldSettings = {
+  name: 'RadioButton',
+  isReadOnly: false,
+  visibility: 'visible',
+  isRequired: false,
+  isPrint: true,
+  tooltip: 'RadioButton',
+  thickness: 4,
+  isSelected: true,
+  backgroundColor: 'white',
+  borderColor: 'black',
+  value: 'RadioButton'
+};
+```
+
+## ListBox
+
+### Style ListBox
+
+Use the Properties panel to add or remove items, set the selected value, and adjust typography and colors.
+
+![ListBox style from UI](../../images/ui-listbox-style.png)
+
+### Style ListBox programmatically
+
+```ts
+import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner, TextFieldSettings } from '@syncfusion/ej2-pdfviewer';
+
+PdfViewer.Inject(Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner);
+
+const pdfviewer: PdfViewer = new PdfViewer();
+pdfviewer.documentPath = 'https://cdn.syncfusion.com/content/pdf/form-designer.pdf';
+pdfviewer.resourceUrl = 'https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib';
+pdfviewer.appendTo('#PdfViewer');
+
+// Retrieve form fields collection and find the list box field by name
+const lb = pdfviewer.formFieldCollections.find((f: any) => f.name === 'States');
+if (lb) {
+  // Update list box items, value, and styling
+  pdfviewer.formDesignerModule.updateFormField(lb, {
+    options: [
+      { itemName: 'Item 1', itemValue: 'item1' },
+      { itemName: 'Item 2', itemValue: 'item2' },
+      { itemName: 'Item 3', itemValue: 'item3' }
+    ],
+    value: 'item2',
+    fontFamily: 'Courier',
+    fontSize: 10,
+    color: 'black',
+    borderColor: 'black',
+    backgroundColor: 'white'
+  } as unknown as TextFieldSettings);
+}
+```
+
+### Default ListBox settings
+
+The PDF Viewer exposes default settings APIs for form fields. Use the [listBoxFieldSettings](https://ej2.syncfusion.com/documentation/api/pdfviewer/index-default#listboxfieldsettings) to preconfigure ListBox properties applied when adding fields from the Form Designer toolbar.
+
+```ts
+const customOptions = [
+  { itemName: 'item1', itemValue: 'item1' },
+  { itemName: 'item2', itemValue: 'item2' },
+  { itemName: 'item3', itemValue: 'item3' }
+];
+
+pdfviewer.listBoxFieldSettings = {
+  name: 'ListBox',
+  isReadOnly: false,
+  visibility: 'visible',
+  isRequired: false,
+  isPrint: true,
+  tooltip: 'ListBox',
+  thickness: 4,
+  value: 'ListBox',
+  fontFamily: 'Courier',
+  fontSize: 10,
+  fontStyle: 'None',
+  color: 'black',
+  borderColor: 'black',
+  backgroundColor: 'White',
+  alignment: 'Left',
+  options: customOptions
+};
+```
+
+## DropDown
+
+### Style DropDown
+
+Use the Properties panel to add or remove items, set the default value, and adjust typography and colors.
+
+![DropDown style from UI](../../images/ui-dropdown-style.png)
+
+### Style DropDown programmatically
+
+```ts
+import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner, DropdownFieldSettings } from '@syncfusion/ej2-pdfviewer';
+
+PdfViewer.Inject(Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner);
+
+const pdfviewer: PdfViewer = new PdfViewer();
+pdfviewer.documentPath = 'https://cdn.syncfusion.com/content/pdf/form-designer.pdf';
+pdfviewer.resourceUrl = 'https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib';
+pdfviewer.appendTo('#PdfViewer');
+
+// Retrieve form fields collection and find the dropdown field by name
+const dd = pdfviewer.formFieldCollections.find((f: any) => f.name === 'Country');
+if (dd) {
+  // Update dropdown items, value, and styling
+  pdfviewer.formDesignerModule.updateFormField(dd, {
+    options: [
+      { itemName: 'USA', itemValue: 'US' },
+      { itemName: 'Canada', itemValue: 'CA' },
+      { itemName: 'Mexico', itemValue: 'MX' }
+    ],
+    value: 'US',
+    fontFamily: 'Courier',
+    fontSize: 10,
+    color: 'black',
+    borderColor: 'black',
+    backgroundColor: 'white'
+  } as DropdownFieldSettings);
+}
+```
+
+### Default DropDown settings
+
+The PDF Viewer exposes default settings APIs for form fields. DropDown uses [DropDownFieldSettings](https://ej2.syncfusion.com/documentation/api/pdfviewer/index-default#DropDownfieldsettings) to preconfigure properties applied when adding fields from the Form Designer toolbar.
+
+```ts
+const ddOptions = [
+  { itemName: 'item1', itemValue: 'item1' },
+  { itemName: 'item2', itemValue: 'item2' },
+  { itemName: 'item3', itemValue: 'item3' }
+];
+
+// DropDown uses listBoxFieldSettings for defaults
+pdfviewer.DropdownFieldSettings = {
+  name: 'DropDown',
+  isReadOnly: false,
+  visibility: 'visible',
+  isRequired: false,
+  isPrint: true,
+  tooltip: 'DropDown',
+  thickness: 4,
+  value: 'DropDown',
+  fontFamily: 'Courier',
+  fontSize: 10,
+  fontStyle: 'None',
+  color: 'black',
+  borderColor: 'black',
+  backgroundColor: 'White',
+  alignment: 'Left',
+  options: ddOptions
+};
+```
+
+## Signature field
+
+### Style Signature field
+
+Use the Properties panel to configure the tooltip, indicator text, dialog display modes, border thickness, required setting, and colors.
+
+![Signature style from UI](../../images/ui-signature-style.png)
+
+### Style Signature field programmatically
+
+```ts
+import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner, SignatureFieldSettings } from '@syncfusion/ej2-pdfviewer';
+
+PdfViewer.Inject(Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner);
+
+const pdfviewer: PdfViewer = new PdfViewer();
+pdfviewer.documentPath = 'https://cdn.syncfusion.com/content/pdf/form-designer.pdf';
+pdfviewer.resourceUrl = 'https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib';
+pdfviewer.appendTo('#PdfViewer');
+
+// Retrieve form fields collection and find the signature field by name
+const sig = pdfviewer.formFieldCollections.find((f: any) => f.name === 'Sign');
+if (sig) {
+  // Update signature field settings
+  pdfviewer.formDesignerModule.updateFormField(sig, {
+    tooltip: 'Please sign here',
+    thickness: 3,
+    isRequired: true,
+    isPrint: true,
+    backgroundColor: 'white',
+    borderColor: 'black'
+  } as unknown as SignatureFieldSettings);
+}
+```
+
+### Default Signature field settings
+
+The PDF Viewer exposes default settings APIs for form fields. Use the [SignatureFieldSettings](https://ej2.syncfusion.com/documentation/api/pdfviewer/index-default#signaturefieldsettings) to preconfigure Signature properties applied when adding fields from the Form Designer toolbar.
+
+```ts
+pdfviewer.signatureFieldSettings = {
+  name: 'Signature',
+  isReadOnly: false,
+  visibility: 'visible',
+  isRequired: false,
+  isPrint: true,
+  tooltip: 'Signature',
+  thickness: 4,
+  signatureDialogSettings: {
+    displayMode: DisplayMode.Draw | DisplayMode.Upload | DisplayMode.Text,
+    hideSaveSignature: false
+  },
+  signatureIndicatorSettings: {
+    opacity: 1,
+    backgroundColor: '#237ba2',
+    height: 50,
+    fontSize: 15,
+    text: 'Signature Field',
+    color: 'white'
+  }
+};
+```
+
+## Initial field
+
+### Style Initial field
+
+Use the Properties panel to configure the tooltip, indicator text, dialog display modes, border thickness, and colors.
+
+![Initial style from UI](../../images/ui-initial-style.png)
+
+### Style Initial field programmatically
+
+```ts
+import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner, InitialFieldSettings } from '@syncfusion/ej2-pdfviewer';
+
+PdfViewer.Inject(Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner);
+
+const pdfviewer: PdfViewer = new PdfViewer();
+pdfviewer.documentPath = 'https://cdn.syncfusion.com/content/pdf/form-designer.pdf';
+pdfviewer.resourceUrl = 'https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib';
+pdfviewer.appendTo('#PdfViewer');
+
+// Retrieve form fields collection and find the initial field by name
+const init = pdfviewer.formFieldCollections.find((f: any) => f.name === 'Initial');
+if (init) {
+  // Update initial field settings
+  pdfviewer.formDesignerModule.updateFormField(init, {
+    tooltip: 'Add your initials',
+    thickness: 2,
+    isRequired: true,
+    isPrint: true,
+    backgroundColor: 'white',
+    borderColor: 'black'
+  } as unknown as InitialFieldSettings);
+}
+```
+
+### Default Initial field settings
+
+The PDF Viewer exposes default settings APIs for form fields. Use the [InitialFieldSettings](https://ej2.syncfusion.com/documentation/api/pdfviewer/index-default#initialfieldsettings) to preconfigure Initial properties applied when adding fields from the Form Designer toolbar.
+
+```ts
+pdfviewer.initialFieldSettings = {
+  name: 'Initial',
+  isReadOnly: false,
+  visibility: 'visible',
+  isRequired: false,
+  isPrint: true,
+  tooltip: 'Initial',
+  thickness: 4,
+  initialIndicatorSettings: {
+    opacity: 1,
+    backgroundColor: '#237ba2',
+    height: 50,
+    fontSize: 15,
+    text: 'Initial Field',
+    color: 'white'
+  },
+  initialDialogSettings: {
+    displayMode: DisplayMode.Draw | DisplayMode.Upload | DisplayMode.Text,
+    hideSaveSignature: false
+  }
+};
+```
+
+[View Sample on GitHub](https://github.com/SyncfusionExamples/typescript-pdf-viewer-examples)
+
+## See also
+
+- [Form Designer overview](../overview)
+- [Form Designer Toolbar](../../toolbar-customization/form-designer-toolbar)
+- [Create form fields](./create-formfields)
+- [Edit form fields](./edit-formfields)
+- [Remove form fields](./remove-formfields)
+- [Group form fields](../group-formfields)
+- [Form validation](../form-validation)
+- [Add custom data to form fields](../custom-data)
+- [Form fields API](../formfields-api)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/form-designer/create-programmatically.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/form-designer/create-programmatically.md
deleted file mode 100644
index cb9a6291d..000000000
--- a/Document-Processing/PDF/PDF-Viewer/javascript-es6/form-designer/create-programmatically.md
+++ /dev/null
@@ -1,1138 +0,0 @@
----
-layout: post
-title: Create form fields in the TypeScript PDF Viewer component | Syncfusion
-description: Learn how to add, update, delete, save, print, validate, and import/export form fields in the Syncfusion TypeScript PDF Viewer component.
-platform: document-processing
-control: PDF Viewer
-documentation: ug
----
-
-# Create programmatically in TypeScript PDF Viewer control
-
-The PDF Viewer component provides options to add, edit, and delete form fields. The supported form field types are:
-
-- Textbox
-- Password
-- CheckBox
-- RadioButton
-- ListBox
-- DropDown
-- Signature field
-- Initial field
-
-## Add a form field to PDF document programmatically
-
-Use the addFormField method to add form fields programmatically. Pass the form field type and the corresponding property object as parameters. The following example demonstrates adding multiple fields on document load.
-
-{% tabs %}
-{% highlight ts tabtitle="index.ts" %}
-import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView, BookmarkView,
-         TextSelection, Annotation, FormDesigner, FormFields, TextFieldSettings, RadioButtonFieldSettings,
-         CheckBoxFieldSettings, InitialFieldSettings, SignatureFieldSettings } from '@syncfusion/ej2-pdfviewer';
-
-PdfViewer.Inject( Toolbar,Magnification, Navigation, LinkAnnotation, ThumbnailView,
-                  BookmarkView, TextSelection, Annotation, FormDesigner, FormFields );
-
-let pdfviewer: PdfViewer = new PdfViewer({
-    documentPath:'https://cdn.syncfusion.com/content/pdf/form-designer.pdf',
-    resourceUrl:"https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib"
-});
-pdfviewer.appendTo('#PdfViewer');
-
-pdfviewer.documentLoad = function (args) {
-    pdfviewer.formDesignerModule.addFormField("Textbox", { name: "First Name", bounds: { X: 146, Y: 229, Width: 150, Height: 24 }as TextFieldSettings });
-    pdfviewer.formDesignerModule.addFormField("Textbox", { name: "Middle Name", bounds: { X: 338, Y: 229, Width: 150, Height: 24 }as TextFieldSettings});
-    pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'Last Name',bounds: { X: 530, Y: 229, Width: 150, Height: 24 }as TextFieldSettings,});
-    pdfviewer.formDesignerModule.addFormField('RadioButton', {bounds: { X: 148, Y: 289, Width: 18, Height: 18 },name: 'Gender',isSelected: false}as RadioButtonFieldSettings);
-    pdfviewer.formDesignerModule.addFormField('RadioButton', {bounds: { X: 292, Y: 289, Width: 18, Height: 18 },name: 'Gender',isSelected: false,}as RadioButtonFieldSettings);
-    pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOB Month',bounds: { X: 146, Y: 320, Width: 35, Height: 24 }as TextFieldSettings,});
-    pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOB Date',bounds: { X: 193, Y: 320, Width: 35, Height: 24 }as TextFieldSettings,});
-    pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOB Year',bounds: { X: 242, Y: 320, Width: 35, Height: 24 }as TextFieldSettings,});
-    pdfviewer.formDesignerModule.addFormField('InitialField', {name: 'Agree',bounds: { X: 148, Y: 408, Width: 200, Height: 43 },} as InitialFieldSettings);
-    pdfviewer.formDesignerModule.addFormField('InitialField', {name: 'Do Not Agree',bounds: { X: 148, Y: 466, Width: 200, Height: 43 },} as InitialFieldSettings);
-    pdfviewer.formDesignerModule.addFormField('CheckBox', {name: 'Text Message',bounds: { X: 56, Y: 664, Width: 20, Height: 20 },isChecked: false,}as CheckBoxFieldSettings);
-    pdfviewer.formDesignerModule.addFormField('CheckBox', {name: 'Email',bounds: { X: 242, Y: 664, Width: 20, Height: 20 },isChecked: false,}as CheckBoxFieldSettings);
-    pdfviewer.formDesignerModule.addFormField('CheckBox', {name: 'Appointment Reminder',bounds: { X: 56, Y: 740, Width: 20, Height: 20 },isChecked: false,}as CheckBoxFieldSettings);
-    pdfviewer.formDesignerModule.addFormField('CheckBox', {name: 'Request for Customerservice',bounds: { X: 56, Y: 778, Width: 20, Height: 20 },isChecked: false,}as CheckBoxFieldSettings);
-    pdfviewer.formDesignerModule.addFormField('CheckBox', {name: 'Information Billing',bounds: { X: 290, Y: 740, Width: 20, Height: 20 },isChecked: false,}as CheckBoxFieldSettings);
-    pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'My Email',bounds: { X: 146, Y: 850, Width: 200, Height: 24 }as TextFieldSettings,});
-    pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'My Phone',bounds: { X: 482, Y: 850, Width: 200, Height: 24 }as TextFieldSettings,});
-    pdfviewer.formDesignerModule.addFormField('SignatureField', {name: 'Sign',bounds: { X: 57, Y: 923, Width: 200, Height: 43 },}as SignatureFieldSettings);
-    pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOS Month',bounds: { X: 386, Y: 923, Width: 35, Height: 24 }as TextFieldSettings,});
-    pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOS Date',bounds: { X: 434, Y: 923, Width: 35, Height: 24 }as TextFieldSettings} );
-    pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOS Year',bounds: { X: 482, Y: 923, Width: 35, Height: 24 }as TextFieldSettings,});
-}
-{% endhighlight %}
-{% highlight html tabtitle="index.html" %}
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <title>EJ2 PDF Viewer</title>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <meta name="description" content="TypeScript PDF Viewer Control" />
-    <meta name="author" content="Syncfusion" />
-    <link href="index.css" rel="stylesheet" />
-    <link href="https://cdn.syncfusion.com/ej2/31.1.23/material.css" rel="stylesheet" />
-
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
-    <script src="systemjs.config.js"></script>
-</head>
-<body>
-    <div id='loader'>Loading....</div>
-    <div id='container'>
-        <div id='PdfViewer' style="height:500px;width:100%;"></div>
-    </div>
-</body>
-</html>
-{% endhighlight %}
-{% endtabs %}
-
-N> To configure the server-backed PDF Viewer, add the following `serviceUrl` in the `index.ts` file:
-`pdfviewer.serviceUrl = 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer/';`
-
-{% previewsample "Document-Processing/code-snippet/pdfviewer/javascript-es6/addformfield-cs3/index.html" %}
-
-## Edit/Update form field programmatically
-
-Use the updateFormField method to modify a form field programmatically. Retrieve the target field from the formFieldCollections property (by object or ID) and pass it as the first parameter. Provide the properties to update as the second parameter. The following example updates the background color of a Textbox field.
-
-{% tabs %}
-{% highlight ts tabtitle="index.ts" %}
-import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView, BookmarkView,
-    TextSelection, Annotation, FormDesigner, FormFields, TextFieldSettings,
-    RadioButtonFieldSettings, CheckBoxFieldSettings, InitialFieldSettings, SignatureFieldSettings} from '@syncfusion/ej2-pdfviewer';
-
-PdfViewer.Inject(Toolbar,Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
-TextSelection, Annotation, FormDesigner, FormFields);
-
-let pdfviewer: PdfViewer = new PdfViewer({
-    documentPath:'https://cdn.syncfusion.com/content/pdf/form-designer.pdf',
-    resourceUrl:"https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib"
-});
-pdfviewer.appendTo('#PdfViewer');
-
-pdfviewer.documentLoad = function (args) {
-pdfviewer.formDesignerModule.addFormField("Textbox", { name: "First Name", bounds: { X: 146, Y: 229, Width: 150, Height: 24 }as TextFieldSettings });
-pdfviewer.formDesignerModule.addFormField("Textbox", { name: "Middle Name", bounds: { X: 338, Y: 229, Width: 150, Height: 24 }as TextFieldSettings});
-pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'Last Name',bounds: { X: 530, Y: 229, Width: 150, Height: 24 }as TextFieldSettings,});
-pdfviewer.formDesignerModule.addFormField('RadioButton', {bounds: { X: 148, Y: 289, Width: 18, Height: 18 },name: 'Gender',isSelected: false}as RadioButtonFieldSettings);
-pdfviewer.formDesignerModule.addFormField('RadioButton', {bounds: { X: 292, Y: 289, Width: 18, Height: 18 },name: 'Gender',isSelected: false,}as RadioButtonFieldSettings);
-pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOB Month',bounds: { X: 146, Y: 320, Width: 35, Height: 24 }as TextFieldSettings,});
-pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOB Date',bounds: { X: 193, Y: 320, Width: 35, Height: 24 }as TextFieldSettings,});
-pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOB Year',bounds: { X: 242, Y: 320, Width: 35, Height: 24 }as TextFieldSettings,});
-pdfviewer.formDesignerModule.addFormField('InitialField', {name: 'Agree',bounds: { X: 148, Y: 408, Width: 200, Height: 43 },} as InitialFieldSettings);
-pdfviewer.formDesignerModule.addFormField('InitialField', {name: 'Do Not Agree',bounds: { X: 148, Y: 466, Width: 200, Height: 43 },} as InitialFieldSettings);
-pdfviewer.formDesignerModule.addFormField('CheckBox', {name: 'Text Message',bounds: { X: 56, Y: 664, Width: 20, Height: 20 },isChecked: false,}as CheckBoxFieldSettings);
-pdfviewer.formDesignerModule.addFormField('CheckBox', {name: 'Email',bounds: { X: 242, Y: 664, Width: 20, Height: 20 },isChecked: false,}as CheckBoxFieldSettings);
-pdfviewer.formDesignerModule.addFormField('CheckBox', {name: 'Appointment Reminder',bounds: { X: 56, Y: 740, Width: 20, Height: 20 },isChecked: false,}as CheckBoxFieldSettings);
-pdfviewer.formDesignerModule.addFormField('CheckBox', {name: 'Request for Customerservice',bounds: { X: 56, Y: 778, Width: 20, Height: 20 },isChecked: false,}as CheckBoxFieldSettings);
-pdfviewer.formDesignerModule.addFormField('CheckBox', {name: 'Information Billing',bounds: { X: 290, Y: 740, Width: 20, Height: 20 },isChecked: false,}as CheckBoxFieldSettings);
-pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'My Email',bounds: { X: 146, Y: 850, Width: 200, Height: 24 }as TextFieldSettings,});
-pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'My Phone',bounds: { X: 482, Y: 850, Width: 200, Height: 24 }as TextFieldSettings,});
-pdfviewer.formDesignerModule.addFormField('SignatureField', {name: 'Sign',bounds: { X: 57, Y: 923, Width: 200, Height: 43 },}as SignatureFieldSettings);
-pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOS Month',bounds: { X: 386, Y: 923, Width: 35, Height: 24 }as TextFieldSettings,});
-pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOS Date',bounds: { X: 434, Y: 923, Width: 35, Height: 24 }as TextFieldSettings} );
-pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOS Year',bounds: { X: 482, Y: 923, Width: 35, Height: 24 }as TextFieldSettings,});
-pdfviewer.formDesignerModule.updateFormField(pdfviewer.formFieldCollections[0], { backgroundColor: 'red' } as TextFieldSettings);
-}
-{% endhighlight %}
-{% highlight html tabtitle="index.html" %}
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <title>EJ2 PDF Viewer</title>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <meta name="description" content="TypeScript PDF Viewer Control" />
-    <meta name="author" content="Syncfusion" />
-    <link href="index.css" rel="stylesheet" />
-    <link href="https://cdn.syncfusion.com/ej2/31.1.23/material.css" rel="stylesheet" />
-
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
-    <script src="systemjs.config.js"></script>
-</head>
-<body>
-    <div id='loader'>Loading....</div>
-    <div id='container'>
-        <div id='PdfViewer' style="height:500px;width:100%;"></div>
-    </div>
-</body>
-</html>
-{% endhighlight %}
-{% endtabs %}
-
-N> To configure the server-backed PDF Viewer, add the following `serviceUrl` in the `index.ts` file:
-`pdfviewer.serviceUrl = 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer/';`
-
-{% previewsample "Document-Processing/code-snippet/pdfviewer/javascript-es6/updateformfield-cs3/index.html" %}
-
-## Delete form field programmatically
-
-Use the deleteFormField method to remove a form field programmatically. Retrieve the target field from the formFieldCollections property (by object or ID) and pass it to deleteFormField. The following example deletes the first form field.
-
-{% tabs %}
-{% highlight ts tabtitle="index.ts" %}
-import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView, BookmarkView,
-    TextSelection, Annotation, FormDesigner, FormFields, TextFieldSettings,
-    RadioButtonFieldSettings, CheckBoxFieldSettings, InitialFieldSettings, SignatureFieldSettings} from '@syncfusion/ej2-pdfviewer';
-
-PdfViewer.Inject(Toolbar,Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
-TextSelection, Annotation, FormDesigner, FormFields);
-
-let pdfviewer: PdfViewer = new PdfViewer({
-    documentPath:'https://cdn.syncfusion.com/content/pdf/form-designer.pdf',
-    resourceUrl:"https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib"
-});
-pdfviewer.appendTo('#PdfViewer');
-
-pdfviewer.documentLoad = function (args) {
-    pdfviewer.formDesignerModule.addFormField("Textbox", { name: "First Name", bounds: { X: 146, Y: 229, Width: 150, Height: 24 }as TextFieldSettings });
-    pdfviewer.formDesignerModule.addFormField("Textbox", { name: "Middle Name", bounds: { X: 338, Y: 229, Width: 150, Height: 24 }as TextFieldSettings});
-    pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'Last Name',bounds: { X: 530, Y: 229, Width: 150, Height: 24 }as TextFieldSettings,});
-    pdfviewer.formDesignerModule.addFormField('RadioButton', {bounds: { X: 148, Y: 289, Width: 18, Height: 18 },name: 'Gender',isSelected: false}as RadioButtonFieldSettings);
-    pdfviewer.formDesignerModule.addFormField('RadioButton', {bounds: { X: 292, Y: 289, Width: 18, Height: 18 },name: 'Gender',isSelected: false,}as RadioButtonFieldSettings);
-    pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOB Month',bounds: { X: 146, Y: 320, Width: 35, Height: 24 }as TextFieldSettings,});
-    pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOB Date',bounds: { X: 193, Y: 320, Width: 35, Height: 24 }as TextFieldSettings,});
-    pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOB Year',bounds: { X: 242, Y: 320, Width: 35, Height: 24 }as TextFieldSettings,});
-    pdfviewer.formDesignerModule.addFormField('InitialField', {name: 'Agree',bounds: { X: 148, Y: 408, Width: 200, Height: 43 },} as InitialFieldSettings);
-    pdfviewer.formDesignerModule.addFormField('InitialField', {name: 'Do Not Agree',bounds: { X: 148, Y: 466, Width: 200, Height: 43 },} as InitialFieldSettings);
-    pdfviewer.formDesignerModule.addFormField('CheckBox', {name: 'Text Message',bounds: { X: 56, Y: 664, Width: 20, Height: 20 },isChecked: false,}as CheckBoxFieldSettings);
-    pdfviewer.formDesignerModule.addFormField('CheckBox', {name: 'Email',bounds: { X: 242, Y: 664, Width: 20, Height: 20 },isChecked: false,}as CheckBoxFieldSettings);
-    pdfviewer.formDesignerModule.addFormField('CheckBox', {name: 'Appointment Reminder',bounds: { X: 56, Y: 740, Width: 20, Height: 20 },isChecked: false,}as CheckBoxFieldSettings);
-    pdfviewer.formDesignerModule.addFormField('CheckBox', {name: 'Request for Customerservice',bounds: { X: 56, Y: 778, Width: 20, Height: 20 },isChecked: false,}as CheckBoxFieldSettings);
-    pdfviewer.formDesignerModule.addFormField('CheckBox', {name: 'Information Billing',bounds: { X: 290, Y: 740, Width: 20, Height: 20 },isChecked: false,}as CheckBoxFieldSettings);
-    pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'My Email',bounds: { X: 146, Y: 850, Width: 200, Height: 24 }as TextFieldSettings,});
-    pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'My Phone',bounds: { X: 482, Y: 850, Width: 200, Height: 24 }as TextFieldSettings,});
-    pdfviewer.formDesignerModule.addFormField('SignatureField', {name: 'Sign',bounds: { X: 57, Y: 923, Width: 200, Height: 43 },}as SignatureFieldSettings);
-    pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOS Month',bounds: { X: 386, Y: 923, Width: 35, Height: 24 }as TextFieldSettings,});
-    pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOS Date',bounds: { X: 434, Y: 923, Width: 35, Height: 24 }as TextFieldSettings} );
-    pdfviewer.formDesignerModule.addFormField('Textbox', {name: 'DOS Year',bounds: { X: 482, Y: 923, Width: 35, Height: 24 }as TextFieldSettings,});
-    pdfviewer.formDesignerModule.deleteFormField(pdfviewer.formFieldCollections[0]);
-}
-{% endhighlight %}
-{% highlight html tabtitle="index.html" %}
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <title>EJ2 PDF Viewer</title>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <meta name="description" content="TypeScript PDF Viewer Control" />
-    <meta name="author" content="Syncfusion" />
-    <link href="index.css" rel="stylesheet" />
-    <link href="https://cdn.syncfusion.com/ej2/31.1.23/material.css" rel="stylesheet" />
-
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
-    <script src="systemjs.config.js"></script>
-</head>
-<body>
-    <div id='loader'>Loading....</div>
-    <div id='container'>
-        <div id='PdfViewer' style="height:500px;width:100%;"></div>
-    </div>
-</body>
-</html>
-{% endhighlight %}
-{% endtabs %}
-
-N> To configure the server-backed PDF Viewer, add the following `serviceUrl` in the `index.ts` file:
-`pdfviewer.serviceUrl = 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer/';`
-
-{% previewsample "Document-Processing/code-snippet/pdfviewer/javascript-es6/deleteformfield-cs3/index.html" %}
-
-## Saving the form fields
-
-Selecting the Download icon on the toolbar saves the form fields in the exported PDF without modifying the original document. See the following GIF for reference.
-
-![Save form fields from the PDF Viewer](../images/saveformfield.gif)
-
-You can invoke the download action using the following code snippet.
-
-{% tabs %}
-{% highlight ts tabtitle="Standalone" %}
-
-import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation,ThumbnailView,BookmarkView, TextSelection} from '@syncfusion/ej2-pdfviewer';
-
-PdfViewer.Inject(Toolbar,Magnification,Navigation, Annotation, LinkAnnotation,ThumbnailView,BookmarkView, TextSelection);
-
-let pdfviewer: PdfViewer = new PdfViewer();
-pdfviewer.appendTo('#PdfViewer');
-pdfviewer.load('https://cdn.syncfusion.com/content/pdf/form-designer.pdf', null);
-pdfviewer.download();
-
-{% endhighlight %}
-{% highlight ts tabtitle="Server-Backed" %}
-
-import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation,ThumbnailView,BookmarkView, TextSelection} from '@syncfusion/ej2-pdfviewer';
-
-PdfViewer.Inject(Toolbar,Magnification,Navigation, Annotation, LinkAnnotation,ThumbnailView,BookmarkView, TextSelection);
-
-let pdfviewer: PdfViewer = new PdfViewer();
-pdfviewer.serviceUrl = 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer/';
-pdfviewer.appendTo('#PdfViewer');
-pdfviewer.load('https://cdn.syncfusion.com/content/pdf/form-designer.pdf', null);
-pdfviewer.download();
-
-
-{% endhighlight %}
-{% endtabs %}
-
-## Printing the form fields
-
-Selecting the Print icon on the toolbar prints the PDF with the added form fields. This action does not modify the original document. See the following GIF for reference.
-
-![Print the PDF with form fields](../images/printformfield.gif)
-
-You can invoke the print action using the following code snippet:
-
-{% tabs %}
-{% highlight ts tabtitle="Standalone" %}
-
-import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation,ThumbnailView,BookmarkView, TextSelection} from '@syncfusion/ej2-pdfviewer';
-
-import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView,
-         BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner} from '@syncfusion/ej2-pdfviewer';
-
-PdfViewer.Inject( Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView,
-                  BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner);
-
-let pdfviewer: PdfViewer = new PdfViewer();
-pdfviewer.appendTo('#PdfViewer');
-pdfviewer.load('https://cdn.syncfusion.com/content/pdf/form-designer.pdf', null);
-pdfviewer.print.print();
-
-{% endhighlight %}
-{% highlight ts tabtitle="Server-Backed" %}
-
-import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation,ThumbnailView,BookmarkView, TextSelection} from '@syncfusion/ej2-pdfviewer';
-
-
-import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView,
-         BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner} from '@syncfusion/ej2-pdfviewer';
-
-PdfViewer.Inject( Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView,
-                  BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner);
-
-let pdfviewer: PdfViewer = new PdfViewer();
-pdfviewer.serviceUrl = 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer/';
-pdfviewer.appendTo('#PdfViewer');
-pdfviewer.load('https://cdn.syncfusion.com/content/pdf/form-designer.pdf', null);
-pdfviewer.print.print();
-
-{% endhighlight %}
-{% endtabs %}
-
-## setFormFieldMode programmatically
-
-The setFormFieldMode method enables adding a form field dynamically by specifying the field type. For example, the following adds a Password field when a button is clicked.
-
-```
-<button id="addPasswordField">Add Password Field</button>
-
-```
-
-{% tabs %}
-{% highlight js tabtitle="Standalone" %}
-
-import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView,
-         BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner} from '@syncfusion/ej2-pdfviewer';
-
-PdfViewer.Inject( Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView,
-                  BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner);
-
-let pdfviewer: PdfViewer = new PdfViewer();
-pdfviewer.documentPath = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
-pdfviewer.appendTo('#PdfViewer');
-
-document.getElementById('addPasswordField').addEventListener('click', function () {
-    pdfviewer.formDesignerModule.setFormFieldMode("Password");
-});
-
-{% endhighlight %}
-{% highlight js tabtitle="Server-Backed" %}
-
-import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView,
-         BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner} from '@syncfusion/ej2-pdfviewer';
-
-PdfViewer.Inject( Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView,
-                  BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner);
-
-let pdfviewer: PdfViewer = new PdfViewer();
-pdfviewer.documentPath = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
-pdfviewer.serviceUrl = 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer/';
-pdfviewer.appendTo('#PdfViewer');
-
-document.getElementById('addPasswordField').addEventListener('click', function () {
-    pdfviewer.formDesignerModule.setFormFieldMode("Password");
-});
-{% endhighlight %}
-{% endtabs %}
-
-## Open the existing PDF document
-
-Open a PDF that already contains form fields by clicking the Open icon on the toolbar. See the following GIF for reference.
-
-![Open a PDF with existing form fields](../images/openexistingpdf.gif)
-
-## Validate form fields
-
-Form fields are validated when enableFormFieldsValidation is set to true and the validateFormFields event is handled. The event triggers during download or print if required fields are not filled. The non-filled fields are available in the nonFillableFields property of the event arguments.
-
-Add the following code to validate form fields:
-
-{% tabs %}
-{% highlight ts tabtitle="Standalone" %}
-
-import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView, BookmarkView,
-TextSelection, Annotation, FormDesigner, FormFields, TextFieldSettings} from '@syncfusion/ej2-pdfviewer';
-
-PdfViewer.Inject(Toolbar,Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
-TextSelection, Annotation, FormDesigner, FormFields);
-
-let pdfviewer: PdfViewer = new PdfViewer({ documentPath:'https://cdn.syncfusion.com/content/pdf/form-designer.pdf' });
-pdfviewer.appendTo('#PdfViewer');
-pdfviewer.enableFormFieldsValidation = true;
-viewer.validateFormFields= function (args) {
-var nonfilledFormFields = args.nonFillableFields;
-}
-
-{% endhighlight %}
-{% highlight ts tabtitle="Server-Backed" %}
-
-import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation,ThumbnailView, BookmarkView,
-TextSelection, Annotation, FormDesigner, FormFields, TextFieldSettings} from '@syncfusion/ej2-pdfviewer';
-
-PdfViewer.Inject(Toolbar,Magnification, Navigation, LinkAnnotation,ThumbnailView,BookmarkView,
-TextSelection, Annotation, FormDesigner, FormFields);
-
-let pdfviewer: PdfViewer = new PdfViewer({ documentPath:'https://cdn.syncfusion.com/content/pdf/form-designer.pdf' });
-pdfviewer.serviceUrl = 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer/';
-pdfviewer.appendTo('#PdfViewer');
-pdfviewer.enableFormFieldsValidation = true;
-viewer.validateFormFields= function (args) {
-var nonfilledFormFields = args.nonFillableFields;
-}
-
-{% endhighlight %}
-{% endtabs %}
-
-## Export and import form fields
-
-The PDF Viewer component supports exporting and importing form field data using the importFormFields, exportFormFields, and exportFormFieldsAsObject methods in the following formats:
-
-- FDF
-- XFDF
-- JSON
-
-### Export and import as FDF
-
-Using the `exportFormFields` method, the form field data can be exported in the specified data format. This method accepts two parameters:
-
-* The first one must be the destination path for the exported data. If the path is not specified, it will ask for the location while exporting.
-* The second parameter should be the format type of the form data.
-
-The following example exports and imports form field data as FDF.
-
-```ts
-
-<button id="exportFdf">Export FDF</button>
-<button id="importFdf">Import FDF</button>
-<!--Add the PDF Viewer-->
-<div id="pdfViewer" style="height: 640px; width: 100%"></div>
-
-// Event triggers on Export FDF button click.
-document.getElementById('exportFdf').addEventListener('click', ()=> {
-    // Data must be the desired path for the exported document.
-    viewer.exportFormFields('Data', FormFieldDataFormat.Fdf);
-});
-
-// Event triggers on Import FDF button click.
-document.getElementById('importFdf').addEventListener('click', ()=> {
-    // The file for importing the form field should be placed in the desired location, and the path should be provided correctly
-    viewer.importFormFields('File', FormFieldDataFormat.Fdf);
-});
-
-```
-
-### Export and import as XFDF
-
-The following example exports and imports form field data as XFDF.
-
-```ts
-
-<button id="exportXfdf">Export XFDF</button>
-<button id="importXfdf">Import XFDF</button>
-<!--Add the PDF Viewer-->
-<div id="pdfViewer" style="height: 640px; width: 100%"></div>
-
-// Event triggers on Export XFDF button click.
-document.getElementById('exportXfdf').addEventListener('click', ()=> {
-    // Data must be the desired path for the exported document.
-    viewer.exportFormFields('Data', FormFieldDataFormat.Xfdf);
-});
-
-// Event triggers on Import XFDF button click.
-document.getElementById('importXfdf').addEventListener('click', ()=> {
-    // The file for importing the form field should be placed in the desired location, and the path should be provided correctly
-    viewer.importFormFields('File', FormFieldDataFormat.Xfdf);
-});
-
-```
-
-### Export and import as JSON
-
-The following example exports and imports form field data as JSON.
-
-```ts
-
-<button id="exportJson">Export JSON</button>
-<button id="importJson">Import JSON</button>
-<!--Add the PDF Viewer-->
-<div id="pdfViewer" style="height: 640px; width: 100%"></div>
-
-// Event triggers on Export JSON button click.
-document.getElementById('exportJson').addEventListener('click', ()=> {
-    // Data must be the desired path for the exported document.
-    viewer.exportFormFields('Data', FormFieldDataFormat.Json);
-});
-
-// Event triggers on Import JSON button click.
-document.getElementById('importJson').addEventListener('click', ()=> {
-    // The file for importing the form field should be placed in the desired location, and the path should be provided correctly
-    viewer.importFormFields('File', FormFieldDataFormat.Json);
-});
-
-```
-
-### Export and import as Object
-
-The PDF Viewer component supports exporting the form field data as an object and importing that data back into the current PDF document.
-
-The following code shows how to export the form field data as an object and import the form field data from that object into the current PDF document via a button click.
-
-```ts
-
-<button id="exportDataAsObject">Export Object</button>
-<button id="importData">Import Data</button>
-<!--Add the PDF Viewer-->
-<div id="pdfViewer" style="height: 640px; width: 100%"></div>
-
-let exportedData;
-
-// Event triggers on Export Object button click.
-document.getElementById('exportDataAsObject').addEventListener('click', ()=> {
-    // Export the form field data to an FDF object.
-    viewer.exportFormFieldsAsObject(FormFieldDataFormat.Fdf).then(value => {
-        exportedData = value;
-    });
-
-    // // Export the form field data to an XFDF object.
-    // viewer.exportFormFieldsAsObject(FormFieldDataFormat.Xfdf).then(value =>{
-    //      exportedData = value;
-    // })
-
-    // // Export the form field data to an JSON object.
-    // viewer.exportFormFieldsAsObject(FormFieldDataFormat.Json).then(value =>{
-    //      exportedData = value;
-    // })
-});
-
-// Event triggers on Import Data button click.
-document.getElementById('importData').addEventListener('click', ()=> {
-    // Import the form field data from the FDF object into the current PDF document.
-    viewer.importFormFields(exportedData, FormFieldDataFormat.Fdf);
-
-    //// Import the form field data from the XFDF object into the current PDF document.
-    //viewer.importFormFields (exportedData, FormFieldDataFormat.Xfdf);
-
-    //// Import the form field data from the FDF object into the current PDF document.
-    //viewer.importFormFields (exportedData, FormFieldDataFormat.Json);
-});
-```
-## Form field properties
-
-Form field properties allow customization and interaction with fields embedded in PDF documents. The following sections outline the supported field types and their configurable settings.
-
-- Textbox
-- Password
-- CheckBox
-- RadioButton
-- ListBox
-- DropDown
-- Signature field
-- Initial field
-
-### Signature and initial fields settings
-
-Use the updateFormField method to modify form fields programmatically.
-
-The following code example explains how to update the signature field properties on a button click.
-
-```ts
-
-document.getElementById('updateProperties').addEventListener('click',function() {
-    var formField = viewer.retrieveFormFields();
-    viewer.formDesignerModule.updateFormField(formField[0], {
-        name: 'Initial',
-        isReadOnly: true,
-        visibility: 'visible',
-        isRequired: false,
-        isPrint: true,
-        tooltip: 'Initial',
-        thickness: 4
-    });
-});
-
-```
-
-The following code shows how to configure default properties for a signature field added from the Form Designer toolbar.
-
-```ts
-
-// Properties to customize the signature field settings
-viewer.signatureFieldSettings = {
-    // Set the name of the form field element.
-    name: 'Signature',
-    // Specify whether the signature field is in read-only or read-write mode.
-    isReadOnly: false,
-    // Set the visibility of the form field.
-    visibility: 'visible',
-    // Specify whether the field is mandatory or not.
-    isRequired: false,
-    // Specify whether to print the signature field.
-    isPrint: true,
-    // Set the text to be displayed as a tooltip.
-    tooltip: 'Signature',
-    // Set the thickness of the Signature field. To hide the borders, set the value to 0 (zero).
-    thickness: 4,
-    // Specify the properties of the signature Dialog Settings in the signature field.
-    signatureDialogSettings: {
-        displayMode: DisplayMode.Draw | DisplayMode.Upload | DisplayMode.Text,
-        hideSaveSignature: false,
-    },
-    // Specify the properties of the signature indicator in the signature field.
-    signatureIndicatorSettings: {
-        opacity: 1,
-        backgroundColor: '#237ba2',
-        height: 50,
-        fontSize: 15,
-        text: 'Signature Field',
-        color: 'white'
-    },
-};
-
-```
-
-![Signature field settings in the PDF Viewer](../images/SignatureField.png)
-
-The following code shows how to configure default properties for an initial field added from the Form Designer toolbar.
-
-```ts
-
-// Properties to customize the initial field settings
-viewer.initialFieldSettings = {
-    // Set the name of the form field element.
-    name: 'Initial',
-    // Specify whether the initial field is in read-only or read-write mode.
-    isReadOnly: false,
-    // Set the visibility of the form field.
-    visibility: 'visible',
-    // Specify whether the field is mandatory or not.
-    isRequired: false,
-    // Specify whether to print the initial field.
-    isPrint: true,
-    // Set the text to be displayed as a tooltip.
-    tooltip: 'Initial',
-    // Set the thickness of the initial field. To hide the borders, set the value to 0 (zero).
-    thickness: 4,
-    // Specifies the properties of the initial indicator in the initial field.
-    initialIndicatorSettings: {
-        opacity: 1,
-        backgroundColor: '#237ba2',
-        height: 50,
-        fontSize: 15,
-        text: 'Initial Field',
-        color: 'white'
-    },
-    // Specify the properties of the initial Dialog Settings in the intial field.
-    initialDialogSettings: {
-        displayMode: DisplayMode.Draw | DisplayMode.Upload | DisplayMode.Text,
-        hideSaveSignature: false
-    }
-};
-
-```
-
-![Initial field settings in the PDF Viewer](../images/InitialField.png)
-
-### Textbox field settings
-
-Using the `updateFormField` method, the form fields can be updated programmatically.
-
-The following example updates Textbox field properties on a button click.
-
-```html
-<button id="updateProperties">Update Properties</button>
-
-```
-
-```ts
-
-document.getElementById('updateProperties').addEventListener('click',function() {
-    var formField = viewer.retrieveFormFields();
-    viewer.formDesignerModule.updateFormField(formField[0], {
-        name: 'Textbox',
-        isReadOnly: true,
-        visibility: 'visible',
-        isRequired: false,
-        isPrint: true,
-        tooltip: 'Textbox',
-        thickness: 4,
-        value:'Textbox',
-        fontFamily: 'Courier',
-        fontSize: 10,
-        fontStyle: 'None',
-        color: 'black',
-        borderColor: 'black',
-        backgroundColor: 'white',
-        alignment: 'Left',
-        maxLength: 0,
-        isMultiline: false,
-        bounds: { X: 146, Y: 229, Width: 150, Height: 24 }
-    });
-});
-
-
-```
-
-The following code shows how to configure default properties for a Textbox field added from the Form Designer toolbar.
-
-```ts
-
-// Properties to customize the Textbox field settings
-viewer.textFieldSettings = {
- // Set the name of the form field element.
-    name: 'Textbox',
-    // Specify whether the Textbox field is in read-only or read-write mode.
-    isReadOnly: false,
-    // Set the visibility of the form field.
-    visibility: 'visible',
-    // Specify whether the field is mandatory or not.
-    isRequired: false,
-    // Specify whether to print the Textbox field.
-    isPrint: true,
-    // Set the text to be displayed as a tooltip.
-    tooltip: 'Textbox',
-    // Set the thickness of the Textbox field. To hide the borders, set the value to 0 (zero).
-    thickness: 4,
-    // Set the value of the form field element.
-    value:'Textbox',
-    // Set the font family of the textbox field.
-    fontFamily: 'Courier',
-    // Set the font size of the textbox field.
-    fontSize: 10,
-    // Specify the font style
-    fontStyle: 'None',
-    // Set the font color of the textbox field.
-    color: 'black',
-    // Set the border color of the textbox field.
-    borderColor: 'black',
-    // Set the background color of the textbox field.
-    backgroundColor: 'White',
-    // Set the alignment of the text.
-    alignment: 'Left',
-    // Set the maximum character length.
-    maxLength: 0,
-    // Allows multiline input in the text field. FALSE, by default.
-    isMultiline: false
-};
-
-```
-
-![Textbox field settings in the PDF Viewer](../images/Textbox.png)
-
-### Password field settings
-
-Using the `updateFormField` method, the form fields can be updated programmatically.
-
-The following example updates Password field properties on a button click.
-
-```html
-<button id="updateProperties">Update Properties</button>
-
-```
-
-```ts
-
-document.getElementById('updateProperties').addEventListener('click',function() {
-    var formField = viewer.retrieveFormFields();
-    viewer.formDesignerModule.updateFormField(formField[0], {
-      name: 'Password',
-      isReadOnly: true,
-      visibility: 'visible',
-      isRequired: false,
-      isPrint: true,
-      tooltip: 'Password',
-      thickness: 4,
-      value:'Password',
-      fontFamily: 'Courier',
-      fontSize: 10,
-      fontStyle: 'None',
-      color: 'black',
-      borderColor: 'black',
-      backgroundColor: 'white',
-      alignment: 'Left',
-      maxLength: 0,
-      bounds: { X: 148, Y: 229, Width: 150, Height: 24 }
-    });
-});
-
-
-```
-
-The following code shows how to configure default properties for a Password field added from the Form Designer toolbar.
-
-```ts
-
-// Properties to customize the Password field settings
-viewer.passwordFieldSettings = {
- // Set the name of the form field element.
-    name: 'Password',
-    // Specify whether the Password field is in read-only or read-write mode.
-    isReadOnly: false,
-    // Set the visibility of the form field.
-    visibility: 'visible',
-    // Specify whether the field is mandatory or not.
-    isRequired: false,
-    // Specify whether to print the Password field.
-    isPrint: true,
-    // Set the text to be displayed as a tooltip.
-    tooltip: 'Password',
-    // Set the thickness of the Password field. To hide the borders, set the value to 0 (zero).
-    thickness: 4,
-    // Set the value of the form field element.
-    value:'Password',
-    // Set the font family of the Password field.
-    fontFamily: 'Courier',
-    // Set the font size of the Password field.
-    fontSize: 10,
-    // Specify the font style
-    fontStyle: 'None',
-    // Set the font color of the Password field.
-    color: 'black',
-    // Set the border color of the Password field.
-    borderColor: 'black',
-    // Set the background color of the Password field.
-    backgroundColor: 'white',
-    // Set the alignment of the text.
-    alignment: 'Left',
-    // Set the maximum character length.
-    maxLength: 0,
-};
-
-```
-
-![Password field settings in the PDF Viewer](../images/Password.png)
-
-### CheckBox field settings
-
-Using the `updateFormField` method, the form fields can be updated programmatically.
-
-The following example updates CheckBox field properties on a button click.
-
-```html
-<button id="updateProperties">Update Properties</button>
-
-```
-
-```ts
-
-document.getElementById('updateProperties').addEventListener('click',function() {
-    var formField = viewer.retrieveFormFields();
-    viewer.formDesignerModule.updateFormField(formField[0], {
-      name: 'CheckBox',
-      isReadOnly: true,
-      visibility: 'visible',
-      isRequired: false,
-      isPrint: true,
-      tooltip: 'CheckBox',
-      thickness: 4,
-      isChecked: true,
-      backgroundColor: 'white',
-      borderColor: 'black',
-      value: 'CheckBox',
-    });
-});
-
-
-```
-
-The following code shows how to configure default properties for a CheckBox field added from the Form Designer toolbar.
-
-```ts
-
-// Properties to customize the CheckBox field settings
-viewer.checkBoxFieldSettings = {
-   // Set the name of the form field element.
-    name: 'CheckBox',
-    // Specify whether the CheckBox field is in read-only or read-write mode.
-    isReadOnly: false,
-    // Set the visibility of the form field.
-    visibility: 'visible',
-    // Specify whether the field is mandatory or not.
-    isRequired: false,
-    // Specify whether to print the CheckBox field.
-    isPrint: true,
-    // Set the text to be displayed as a tooltip.
-    tooltip: 'CheckBox',
-    // Set the thickness of the CheckBox field. To hide the borders, set the value to 0 (zero).
-    thickness: 4,
-    // Specifies whether the check box is in checked state or not.
-    isChecked: true,
-    // Set the background color of the check box in hexadecimal string format.
-    backgroundColor: 'white',
-    // Set the border color of the check box field.
-    borderColor: 'black',
-    // Set the value of
-};
-
-```
-
-![CheckBox field settings in the PDF Viewer](../images/Checkbox.png)
-
-### RadioButton field settings
-
-Using the `updateFormField` method, the form fields can be updated programmatically.
-
-The following example updates RadioButton field properties on a button click.
-
-```html
-<button id="updateProperties">Update Properties</button>
-
-```
-
-```ts
-
-document.getElementById('updateProperties').addEventListener('click',function() {
-    var formField = viewer.retrieveFormFields();
-    viewer.formDesignerModule.updateFormField(formField[0], {
-        name: 'RadioButton',
-        isReadOnly: true,
-        visibility: 'visible',
-        isRequired: false,
-        isPrint: true,
-        tooltip: 'RadioButton',
-        thickness: 4,
-        isSelected: true,
-        backgroundColor: 'white',
-        borderColor: 'black',
-        value: 'RadioButton'
-    });
-});
-
-
-```
-
-The following code shows how to configure default properties for a RadioButton field added from the Form Designer toolbar.
-
-```ts
-
-// Properties to customize the RadioButton field settings
-viewer.radioButtonFieldSettings = {
-    // Set the name of the form field element.
-    name: 'RadioButton',
-    // Specify whether the RadioButton field is in read-only or read-write mode.
-    isReadOnly: false,
-    // Set the visibility of the form field.
-    visibility: 'visible',
-    // Specify whether the field is mandatory or not.
-    isRequired: false,
-    // Specify whether to print the RadioButton field.
-    isPrint: true,
-    // Set the text to be displayed as a tooltip.
-    tooltip: 'RadioButton',
-    // Set the thickness of the RadioButton field. To hide the borders, set the value to 0 (zero).
-    thickness: 4,
-    // Specifies whether the radio button is in checked state or not.
-    isSelected: true,
-    // Set the background color of the radio button in hexadecimal string format.
-    backgroundColor: 'white',
-    // Set the border color of the radio button field.
-    borderColor: 'black',
-    // Set the value of the form field element.
-    value: 'RadioButton'
-};
-
-```
-
-![RadioButton field settings in the PDF Viewer](../images/Radiobutton.png)
-
-### ListBox field settings
-
-Using the `updateFormField` method, the form fields can be updated programmatically.
-
-The following example updates ListBox field properties on a button click.
-
-```html
-<button id="updateProperties">Update Properties</button>
-
-```
-
-```ts
-
-document.getElementById('updateProperties').addEventListener('click',function() {
-    var formField = viewer.retrieveFormFields();
-    var customOptions  = [{itemName:'item1',itemValue:'item1'}, {itemName:'item2',itemValue:'item2'}, {itemName:'item3',itemValue:'item3'}]
-    viewer.formDesignerModule.updateFormField(formField[0], {
-      name: 'ListBox',
-      isReadOnly: false,
-      visibility: 'visible',
-      isRequired: false,
-      isPrint: true,
-      tooltip: 'ListBox',
-      thickness: 4,
-      fontFamily: 'Courier',
-      fontSize: 10,
-      fontStyle: 'None',
-      color: 'black',
-      borderColor: 'black',
-      backgroundColor: 'white',
-      alignment: 'Left',
-      options: customOptions,
-    });
-});
-
-
-```
-
-The following code shows how to configure default properties for a ListBox field added from the Form Designer toolbar.
-
-```ts
-
-// Properties to customize the Listbox field settings
-viewer.listBoxFieldSettings = {
-    var customOptions  = [{itemName:'item1',itemValue:'item1'}, {itemName:'item2',itemValue:'item2'}, {itemName:'item3',itemValue:'item3'}]
-    // Set the name of the form field element.
-    name: 'ListBox',
-    // Specify whether the ListBox field is in read-only or read-write mode.
-    isReadOnly: false,
-    // Set the visibility of the form field.
-    visibility: 'visible',
-    // Specify whether the field is mandatory or not.
-    isRequired: false,
-    // Specify whether to print the ListBox field.
-    isPrint: true,
-    // Set the text to be displayed as a tooltip.
-    tooltip: 'ListBox',
-    // Set the thickness of the ListBox field. To hide the borders, set the value to 0 (zero).
-    thickness: 4,
-    // Set the value of the form field element.
-    value:'ListBox',
-    // Set the font family of the ListBox field.
-    fontFamily: 'Courier',
-    // Set the font size of the ListBox field.
-    fontSize: 10,
-    // Specify the font style
-    fontStyle: 'None',
-    // Set the  font color of the ListBox field.
-    color: 'black',
-    // Set the border color of the ListBox field.
-    borderColor: 'black',
-    // Set the background color of the ListBox field.
-    backgroundColor: 'White',
-    // Set the alignment of the text.
-    alignment: 'Left',
-    // Set the listbox items.
-    options: customOptions
-};
-
-```
-
-![ListBox field settings in the PDF Viewer](../images/Listbox.png)
-
-### DropDown field settings
-
-Using the `updateFormField` method, the form fields can be updated programmatically.
-
-The following example updates DropDown field properties on a button click.
-
-```html
-<button id="updateProperties">Update Properties</button>
-
-```
-
-```ts
-
-document.getElementById('updateProperties').addEventListener('click',function() {
-    var formField = viewer.retrieveFormFields();
-    var customOptions  = [{itemName:'item1',itemValue:'item1'}, {itemName:'item2',itemValue:'item2'}, {itemName:'item3',itemValue:'item3'}]
-    viewer.formDesignerModule.updateFormField(formField[0], {
-        name: 'DropDown',
-        isReadOnly: false,
-        visibility: 'visible',
-        isRequired: false,
-        isPrint: true,
-        tooltip: 'DropDown',
-        thickness: 4,
-        fontFamily: 'Courier',
-        fontSize: 10,
-        fontStyle: 'None',
-        color: 'black',
-        borderColor: 'black',
-        backgroundColor: 'white',
-        alignment: 'Left',
-        options: customOptions,
-    });
-});
-
-
-```
-
-The following code shows how to configure default properties for a DropDown field added from the Form Designer toolbar.
-
-```ts
-
-// Properties to customize the Dropdown field settings
-viewer.listBoxFieldSettings = {
-    var customOptions = [{itemName:'item1',itemValue:'item1'}, {itemName:'item2',itemValue:'item2'}, {itemName:'item3',itemValue:'item3'}]
-    // Set the name of the form field element.
-    name: 'DropDown',
-    // Specify whether the DropDown field is in read-only or read-write mode.
-    isReadOnly: false,
-    // Set the visibility of the form field.
-    visibility: 'visible',
-    // Specify whether the field is mandatory or not.
-    isRequired: false,
-    // Specify whether to print the DropDown field.
-    isPrint: true,
-    // Set the text to be displayed as a tooltip.
-    tooltip: 'DropDown',
-    // Set the thickness of the DropDown field. To hide the borders, set the value to 0 (zero).
-    thickness: 4,
-    // Set the value of the form field element.
-    value:'DropDown',
-    // Set the font family of the DropDown field.
-    fontFamily: 'Courier',
-    // Set the font size of the DropDown field.
-    fontSize: 10,
-    // Specify the font style
-    fontStyle: 'None',
-    // Set the  font color of the DropDown field.
-    color: 'black',
-    // Set the border color of the DropDown field.
-    borderColor: 'black',
-    // Set the background color of the DropDown field.
-    backgroundColor: 'White',
-    // Set the alignment of the text.
-    alignment: 'Left',
-    // Set the DropDown items.
-    options: customOptions
-};
-
-```
-
-![DropDown field settings in the PDF Viewer](../images/Dropdown.png)
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/form-designer/create-with-user-interface-interaction.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/form-designer/create-with-user-interface-interaction.md
deleted file mode 100644
index df46c4910..000000000
--- a/Document-Processing/PDF/PDF-Viewer/javascript-es6/form-designer/create-with-user-interface-interaction.md
+++ /dev/null
@@ -1,82 +0,0 @@
----
-layout: post
-title: Design form fields in the TypeScript PDF Viewer component | Syncfusion
-description: Learn how to add, drag, resize, edit, and manage form fields using the UI in the Syncfusion TypeScript PDF Viewer component.
-platform: document-processing
-control: PDF Viewer
-documentation: ug
----
-
-# Create with user interface interaction for TypeScript
-
-The PDF Viewer component supports interactive form field design, including drawing, dragging, and resizing fields directly on the page. Click the Form Field icon on the toolbar to add a field and place it on the document. Supported form field types include:
-
-- Textbox
-- Password
-- CheckBox
-- RadioButton
-- ListBox
-- DropDown
-- Signature field
-- Initial field
-
-## Enable or Disable form designer toolbar
-
-Inject the FormDesigner module and set enableFormDesignerToolbar to true to display the Form Designer icon on the toolbar. The default value is true. Use the following code to enable the toolbar option.
-
-```ts
-import { PdfViewer } from '@syncfusion/ej2-pdfviewer';
-PdfViewer.Inject(FormDesigner);
-
-let pdfviewer: PdfViewer = new PdfViewer();
-pdfviewer.enableFormDesignerToolbar= true;
-
-```
-
-## Add the form field dynamically
-
-Click the Form Field icon on the toolbar, then click on the PDF to draw a form field. See the following GIF for reference.
-
-![Add a form field using the toolbar](../images/addformfield.gif)
-
-## Drag the form field
-
-Drag the selected form field to reposition it within the PDF document. See the following GIF for reference.
-
-![Drag a selected form field in the PDF Viewer](../images/dragformfield.gif)
-
-## Resize the form field
-
-Resize the selected form field using the resize handles on the field boundary. See the following GIF for reference.
-
-![Resize a selected form field in the PDF Viewer](../images/resizeformfield.gif)
-
-## Edit or Update the form field dynamically
-
-Edit form field properties using the Form Field Properties dialog. Open it by right-clicking a form field and selecting Properties from the context menu. The following images show examples of available settings.
-
-![Form field general properties dialog](../images/generalproperties.png)
-
-![Form field appearance properties dialog](../images/appearanceproperties.png)
-
-![DropDown field properties dialog](../images/dropdownproperties.png)
-
-## Clipboard operation with form field
-
-The PDF Viewer supports clipboard operations such as cut, copy, and paste for form fields. Right-click a form field to open the context menu and choose the desired clipboard action. The following image shows the available options.
-
-![Clipboard options for a form field in the context menu](../images/clipboardformfield.png)
-
-## Undo and Redo
-
-Undo and redo actions are supported for runtime changes made to form fields. Use the following code to perform undo and redo operations.
-
-```ts
-import { PdfViewer } from '@syncfusion/ej2-pdfviewer';
-PdfViewer.Inject(FormDesigner);
-
-let pdfviewer: PdfViewer = new PdfViewer();
-pdfviewer.undo();
-pdfviewer.redo();
-
-```
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/form-designer/custom-data.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/form-designer/custom-data.md
new file mode 100644
index 000000000..2e4f472c3
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/javascript-es6/form-designer/custom-data.md
@@ -0,0 +1,106 @@
+---
+layout: post
+title: Add custom data to form fields in TypeScript Pdf Viewer | Syncfusion
+description: Learn how to attach, update, and read custom Data on PDF form fields using the Form Designer UI and APIs in the Syncfusion TypeScript PDF Viewer.
+platform: document-processing
+control: PDF Viewer
+documentation: ug
+---
+
+# Add custom data to form fields
+
+You can associate arbitrary metadata with any form field using the customData property. This is useful for storing business IDs, validation hints, tags, or any app-specific information alongside the field. The data stays with the field object during the viewer session and can be accessed whenever you query or update fields.
+
+N> customData is a free-form object. You control both its shape and how it is used in your application.
+
+## Add custom data when creating fields (programmatically)
+
+Pass a customData object in the second parameter of addFormField. You can include any serializable values.
+
+```ts
+import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView,
+         TextSelection, Annotation, FormDesigner, FormFields, TextFieldSettings } from '@syncfusion/ej2-pdfviewer';
+
+PdfViewer.Inject(Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, Annotation, FormDesigner, FormFields);
+
+const viewer: PdfViewer = new PdfViewer({
+  documentPath: 'https://cdn.syncfusion.com/content/pdf/form-designer.pdf',
+  resourceUrl: 'https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib'
+});
+viewer.appendTo('#pdfViewer');
+
+viewer.documentLoad = () => {
+  const meta = { businessId: 'C-1024', tags: ['profile', 'kiosk'], requiredRole: 'admin' };
+  viewer.formDesignerModule.addFormField('Textbox', {
+    name: 'Email',
+    bounds: { X: 146, Y: 229, Width: 200, Height: 24 } as TextFieldSettings,
+    // Attach any custom metadata your app needs
+    customData: meta
+  } as any);
+};
+```
+
+N> To configure the server-backed PDF Viewer, set:
+`viewer.serviceUrl = 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer/';`
+
+## Set default custom data for UI-created fields
+
+When users add fields via the Form Designer toolbar, you can predefine default customData using the per-field settings objects.
+
+```ts
+// Example: default custom data for all new Textbox fields added from the toolbar
+viewer.textFieldSettings = {
+  name: 'Textbox',
+  customData: { group: 'contact', createdBy: 'designer', requiredRole: 'user' }
+} as any;
+```
+
+You can do the same for other field types using passwordFieldSettings, checkBoxFieldSettings, radioButtonFieldSettings, listBoxFieldSettings, dropDownFieldSettings, signatureFieldSettings, and initialFieldSettings.
+
+## Update or replace custom data on existing fields
+
+Use updateFormField to set or modify the customData of any existing field (retrieved by object or ID).
+
+```ts
+const fields = viewer.retrieveFormFields();
+const target = fields[0];
+viewer.formDesignerModule.updateFormField(target, {
+  customData: { group: 'profile', flags: ['pii', 'masked'], updatedAt: Date.now() }
+} as any);
+```
+
+Tip: You can merge new values with existing ones in your app code before calling updateFormField.
+
+## Read custom data
+
+You can read customData from any field at any time. Typical entry points:
+- After document load
+- On your own UI actions (save, validate, route, etc.)
+
+```ts
+viewer.documentLoad = () => {
+  const fields = viewer.retrieveFormFields();
+  fields.forEach((f: any) => {
+    console.log('Field', f.name, 'customData:', f.customData);
+  });
+};
+```
+
+## Notes and best practices
+
+- Keep customData small and serializable (plain objects, arrays, numbers, strings, booleans).
+- Treat customData as application metadata. Use it to drive business rules, validation, or routing in your app.
+- When cloning or copying fields in your UI, also copy or adjust customData as needed.
+
+[View Sample on GitHub](https://github.com/SyncfusionExamples/typescript-pdf-viewer-examples)
+
+## See also
+
+- [Form Designer overview](./overview)
+- [Form Designer Toolbar](../toolbar-customization/form-designer-toolbar)
+- [Create form fields](./Create-edit-Style-del-formFields/create-formfields)
+- [Edit form fields](./Create-edit-Style-del-formFields/edit-formfields)
+- [Group form fields](./group-formfields)
+- [Form constrain](./form-constrain)
+- [Form validation](./form-validation)
+- [Form fields API](./formfields-api)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/form-designer/form-constrain.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/form-designer/form-constrain.md
new file mode 100644
index 000000000..ac25f2b1d
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/javascript-es6/form-designer/form-constrain.md
@@ -0,0 +1,233 @@
+---
+layout: post
+title: Form constraints in the TypeScript PDF Viewer component | Syncfusion
+description: Learn how to configure form field constraints such as isReadOnly, isRequired, and isPrint in the Syncfusion TypeScript PDF Viewer.
+platform: document-processing
+control: PDF Viewer
+documentation: ug
+---
+
+# Form constraints in TypeScript PDF Viewer
+
+The PDF Viewer components provides support to control user interaction and output behavior of form fields using the following constraints:
+
+- isReadOnly: Prevents users from editing a field.
+- isRequired: Marks a field as mandatory and participates in validation.
+- isPrint: Includes the field appearance when printing or exporting with print.
+
+You can set these properties when you create fields, update them later programmatically, or configure default settings so fields created from the Form Designer toolbar inherit the values.
+
+## isReadOnly
+
+Use `isReadOnly` to make a field non-editable in the UI while keeping it modifiable via code.
+
+- Creation
+```ts
+pdfviewer.formDesignerModule.addFormField('Textbox', {
+  name: 'EmployeeId',
+  bounds: { X: 146, Y: 229, Width: 150, Height: 24 },
+  isReadOnly: true,
+  value: 'EMP-0001'
+} as TextFieldSettings);
+```
+
+- Update existing field
+```ts
+const field = pdfviewer.formFieldCollections.find(f => f.name === 'EmployeeId');
+if (field) {
+  pdfviewer.formDesignerModule.updateFormField(field, { isReadOnly: false } as TextFieldSettings);
+}
+```
+
+- Default for new Textbox fields
+```ts
+pdfviewer.textFieldSettings = { isReadOnly: true };
+```
+
+## isRequired
+
+Use `isRequired` to mark fields as mandatory so they participate in validation during print/download. Turn on validation with enableFormFieldsValidation and handle validateFormFields to block actions if required fields are empty.
+
+- Creation
+```ts
+pdfviewer.formDesignerModule.addFormField('Textbox', {
+  name: 'Email',
+  bounds: { X: 146, Y: 260, Width: 220, Height: 24 },
+  isRequired: true,
+  tooltip: 'Email is required'
+} as TextFieldSettings);
+```
+
+- Validation wiring
+```ts
+pdfviewer.enableFormFieldsValidation = true;
+pdfviewer.validateFormFields = (args: any) => {
+    //validateFormFields event triggers when fields are empty.
+  alert("Please fill all required fields. Missing: "+args.formField[0].name);
+};
+```
+
+- Default for new Textbox fields
+```ts
+pdfviewer.textFieldSettings = { isRequired: true };
+```
+
+## isPrint
+
+Use `isPrint` to control whether a field’s appearance is included when printing the PDF from the viewer.
+
+- Creation (do not print a signature field)
+```ts
+pdfviewer.formDesignerModule.addFormField('SignatureField', {
+  name: 'ApplicantSign',
+  bounds: { X: 57, Y: 923, Width: 200, Height: 43 },
+  isPrint: false
+} as SignatureFieldSettings);
+```
+
+- Update existing field
+```ts
+const sign = pdfviewer.formFieldCollections.find(f => f.name === 'ApplicantSign');
+if (sign) {
+  pdfviewer.formDesignerModule.updateFormField(sign, { isPrint: true } as SignatureFieldSettings);
+}
+```
+
+- Default for new signature fields
+```ts
+pdfviewer.signatureFieldSettings = { isPrint: false };
+```
+
+N> Printing can be invoked programmatically using pdfviewer.print.print(); fields with isPrint: false will not appear in the print output.
+
+## Set constraints when creating a field
+
+Use `addFormField` to create fields and pass the constraint properties in the settings object. The example below adds a Textbox and a Signature field with different constraint combinations.
+
+```ts
+import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView,
+         TextSelection, Annotation, FormDesigner, FormFields, TextFieldSettings, SignatureFieldSettings } from '@syncfusion/ej2-pdfviewer';
+
+PdfViewer.Inject(Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView,
+                 TextSelection, Annotation, FormDesigner, FormFields);
+
+let pdfviewer: PdfViewer = new PdfViewer({
+    documentPath: 'https://cdn.syncfusion.com/content/pdf/form-designer.pdf',
+    resourceUrl: 'https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib'
+});
+pdfviewer.appendTo('#PdfViewer');
+
+pdfviewer.documentLoad = () => {
+    // Read-only Textbox that is printed but not required
+    pdfviewer.formDesignerModule.addFormField('Textbox', {
+        name: 'EmployeeId',
+        bounds: { X: 146, Y: 229, Width: 150, Height: 24 },
+        isReadOnly: true,
+        isRequired: false,
+        isPrint: true,
+        value: 'EMP-0001'
+    } as TextFieldSettings);
+
+    // Required Signature field that is not included in print
+    pdfviewer.formDesignerModule.addFormField('SignatureField', {
+        name: 'ApplicantSign',
+        bounds: { X: 57, Y: 923, Width: 200, Height: 43 },
+        isReadOnly: false,
+        isRequired: true,
+        isPrint: false,
+        tooltip: 'Sign to accept the terms'
+    } as SignatureFieldSettings);
+};
+```
+
+N> To configure the server-backed PDF Viewer, add the following serviceUrl in index.ts:
+`pdfviewer.serviceUrl = 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer/';`
+
+## Update constraints programmatically
+
+Use `updateFormField` to change constraint flags of an existing field. The snippet below toggles isReadOnly, sets a field as required, and controls whether the field should appear when printing.
+
+```ts
+import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView,
+         TextSelection, Annotation, FormDesigner, FormFields, TextFieldSettings } from '@syncfusion/ej2-pdfviewer';
+
+PdfViewer.Inject(Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView,
+                 TextSelection, Annotation, FormDesigner, FormFields);
+
+let pdfviewer: PdfViewer = new PdfViewer({
+    documentPath: 'https://cdn.syncfusion.com/content/pdf/form-designer.pdf',
+    resourceUrl: 'https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib'
+});
+pdfviewer.appendTo('#PdfViewer');
+
+pdfviewer.documentLoad = () => {
+    // Add a sample textbox
+    pdfviewer.formDesignerModule.addFormField('Textbox', {
+        name: 'Email',
+        bounds: { X: 146, Y: 260, Width: 220, Height: 24 }
+    } as TextFieldSettings);
+
+    // Retrieve it and update constraint flags
+    const field = pdfviewer.formFieldCollections.find(f => f.name === 'Email');
+    if (field) {
+        pdfviewer.formDesignerModule.updateFormField(field, {
+            isReadOnly: false,
+            isRequired: true,
+            isPrint: true,
+            tooltip: 'Enter a valid email'
+        } as TextFieldSettings);
+    }
+};
+```
+
+## Configure default constraints for newly added fields
+
+Set default settings so all fields created from the Form Designer toolbar inherit the constraint flags.
+
+The example below configures defaults for Textbox and Signature fields.
+
+```ts
+import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView,
+         BookmarkView, TextSelection, FormDesigner, FormFields } from '@syncfusion/ej2-pdfviewer';
+
+PdfViewer.Inject(Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView,
+                 BookmarkView, TextSelection, FormDesigner, FormFields);
+
+let pdfviewer: PdfViewer = new PdfViewer({ documentPath: 'https://cdn.syncfusion.com/content/pdf/form-designer.pdf' });
+pdfviewer.appendTo('#PdfViewer');
+
+// Textbox fields will be editable, required, and included in print by default
+pdfviewer.textFieldSettings = {
+    isReadOnly: false,
+    isRequired: true,
+    isPrint: true,
+    tooltip: 'Required field'
+};
+
+// Signature fields will be optional and hidden when printing
+pdfviewer.signatureFieldSettings = {
+    isReadOnly: false,
+    isRequired: false,
+    isPrint: false,
+    tooltip: 'Sign if applicable'
+};
+```
+
+## Behavior notes
+
+- isReadOnly only blocks user edits in the UI. You can still update the field programmatically.
+- isRequired participates in the built-in validation flow. Enable validation to enforce before print/download. See Validate form fields for details.
+- isPrint controls field appearance in the print output. It does not affect download/export unless printing is triggered.
+
+[View Sample on GitHub](https://github.com/SyncfusionExamples/typescript-pdf-viewer-examples)
+
+## See also
+
+- [Form Designer overview](./overview)
+- [Form Designer Toolbar](../toolbar-customization/form-designer-toolbar)
+- [Create form fields](./Create-edit-Style-del-formFields/create-formfields)
+- [Edit form fields](./Create-edit-Style-del-formFields/edit-formfields)
+- [Group form fields](./group-formfields)
+- [Add custom data to form fields](./custom-data)
+- [Form validation](./form-validation)
+- [Form fields API](./formfields-api)
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/form-designer/form-field-events.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/form-designer/form-field-events.md
index c4ec104bb..1a53dcecc 100644
--- a/Document-Processing/PDF/PDF-Viewer/javascript-es6/form-designer/form-field-events.md
+++ b/Document-Processing/PDF/PDF-Viewer/javascript-es6/form-designer/form-field-events.md
@@ -14,23 +14,23 @@ The PDF Viewer control provides the support to different Form Field events. The
 
 | Form Field events | Description |
 |---|---|
-| [formFieldAdd](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldAddArgs/) | Event trigger when a form field is added.|
-| [formFieldClick](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldClickArgs/) | Events trigger when the form field is selected.|
-| [formFieldDoubleClick](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldDoubleClickArgs/) | Events trigger when the form field is double-clicked.|
-| [formFieldFocusOut](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldFocusOutEventArgs/) | Events trigger when focus out from the form fields.|
-| [formFieldMouseLeave](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldMouseLeaveArgs/) | Events trigger when the mouse cursor leaves the form field.|
-| [formFieldMouseOver](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldMouseoverArgs/) | Events trigger when the mouse cursor is over a form field.|
-| [formFieldMove](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldMoveArgs/) | Events trigger when a form field is moved.|
-| [formFieldPropertiesChange](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldPropertiesChangeArgs/) | Events trigger when a property of form field is changed.|
-| [formFieldRemove](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldRemoveArgs/) | Events trigger when a form field is removed.|
-| [formFieldResize](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldResizeArgs/) | Events trigger when a form field is resized.|
-| [formFieldSelect](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldSelectArgs/) | Events trigger when a form field is selected.|
-| [formFieldUnselect](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldUnselectArgs/) | Events trigger when a form field is unselected.|
-| [validateFormFields](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/validateFormFieldsArgs/) | Events trigger when validation is failed.|
+| [formFieldAdd](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldAddArgs) | Event trigger when a form field is added.|
+| [formFieldClick](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldClickArgs) | Events trigger when the form field is selected.|
+| [formFieldDoubleClick](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldDoubleClickArgs) | Events trigger when the form field is double-clicked.|
+| [formFieldFocusOut](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldFocusOutEventArgs) | Events trigger when focus out from the form fields.|
+| [formFieldMouseLeave](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldMouseLeaveArgs) | Events trigger when the mouse cursor leaves the form field.|
+| [formFieldMouseOver](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldMouseoverArgs) | Events trigger when the mouse cursor is over a form field.|
+| [formFieldMove](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldMoveArgs) | Events trigger when a form field is moved.|
+| [formFieldPropertiesChange](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldPropertiesChangeArgs) | Events trigger when a property of form field is changed.|
+| [formFieldRemove](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldRemoveArgs) | Events trigger when a form field is removed.|
+| [formFieldResize](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldResizeArgs) | Events trigger when a form field is resized.|
+| [formFieldSelect](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldSelectArgs) | Events trigger when a form field is selected.|
+| [formFieldUnselect](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldUnselectArgs) | Events trigger when a form field is unselected.|
+| [validateFormFields](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/validateFormFieldsArgs) | Events trigger when validation is failed.|
 
 ## formFieldAdd event
 
-The [formFieldAdd](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldAddArgs/) event is triggered when a new form field is added, either programmatically or through user interaction. The event arguments provide the necessary information about the form field addition.
+The [formFieldAdd](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldAddArgs) event is triggered when a new form field is added, either programmatically or through user interaction. The event arguments provide the necessary information about the form field addition.
 
 {% tabs %}
 {% highlight ts tabtitle="index.ts" %}
@@ -43,7 +43,7 @@ The [formFieldAdd](https://ej2.syncfusion.com/javascript/documentation/api/pdfvi
 
 ## formFieldClick event
 
-The [formFieldClick](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldClickArgs/) event is triggered when a form field is clicked. The event arguments provide the necessary information about the form field click event.
+The [formFieldClick](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldClickArgs) event is triggered when a form field is clicked. The event arguments provide the necessary information about the form field click event.
 
 {% tabs %}
 {% highlight ts tabtitle="index.ts" %}
@@ -56,7 +56,7 @@ The [formFieldClick](https://ej2.syncfusion.com/javascript/documentation/api/pdf
 
 ## formFieldDoubleClick event
 
-The [formFieldDoubleClick](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldDoubleClickArgs/) event is triggered when a form field is double-clicked. The event arguments provide the necessary information about the form field double-click event.
+The [formFieldDoubleClick](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldDoubleClickArgs) event is triggered when a form field is double-clicked. The event arguments provide the necessary information about the form field double-click event.
 
 {% tabs %}
 {% highlight ts tabtitle="index.ts" %}
@@ -69,7 +69,7 @@ The [formFieldDoubleClick](https://ej2.syncfusion.com/javascript/documentation/a
 
 ## formFieldFocusOut event
 
-The [formFieldFocusOut](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldFocusOutEventArgs/) event is triggered when a form field loses focus. The event arguments provide the necessary information about the form field focus out event.
+The [formFieldFocusOut](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldFocusOutEventArgs) event is triggered when a form field loses focus. The event arguments provide the necessary information about the form field focus out event.
 
 {% tabs %}
 {% highlight ts tabtitle="index.ts" %}
@@ -82,7 +82,7 @@ The [formFieldFocusOut](https://ej2.syncfusion.com/javascript/documentation/api/
 
 ## formFieldMouseLeave event
 
-The [formFieldMouseLeave](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldMouseLeaveArgs/) event is triggered when the mouse leaves a form field. The event arguments provide the necessary information about the form field mouse leave event.
+The [formFieldMouseLeave](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldMouseLeaveArgs) event is triggered when the mouse leaves a form field. The event arguments provide the necessary information about the form field mouse leave event.
 
 {% tabs %}
 {% highlight ts tabtitle="index.ts" %}
@@ -95,7 +95,7 @@ The [formFieldMouseLeave](https://ej2.syncfusion.com/javascript/documentation/ap
 
 ## formFieldMouseOver event
 
-The [formFieldMouseOver](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldMouseoverArgs/) event is triggered when the mouse hovers over a form field. The event arguments provide the necessary information about the form field mouse over event.
+The [formFieldMouseOver](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldMouseoverArgs) event is triggered when the mouse hovers over a form field. The event arguments provide the necessary information about the form field mouse over event.
 
 {% tabs %}
 {% highlight ts tabtitle="index.ts" %}
@@ -108,7 +108,7 @@ The [formFieldMouseOver](https://ej2.syncfusion.com/javascript/documentation/api
 
 ## formFieldMove event
 
-The [formFieldMove](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldMoveArgs/) event is triggered when the mouse moves inside a form field. The event arguments provide the necessary information about the form field mouse move event.
+The [formFieldMove](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldMoveArgs) event is triggered when the mouse moves inside a form field. The event arguments provide the necessary information about the form field mouse move event.
 
 {% tabs %}
 {% highlight ts tabtitle="index.ts" %}
@@ -121,7 +121,7 @@ The [formFieldMove](https://ej2.syncfusion.com/javascript/documentation/api/pdfv
 
 ## formFieldPropertiesChange event
 
-The [formFieldPropertiesChange](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldPropertiesChangeArgs/)  event is triggered when the properties of a form field are changed. The event arguments provide the necessary information about which property of the form field has been changed.
+The [formFieldPropertiesChange](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldPropertiesChangeArgs)  event is triggered when the properties of a form field are changed. The event arguments provide the necessary information about which property of the form field has been changed.
 
 {% tabs %}
 {% highlight ts tabtitle="index.ts" %}
@@ -134,7 +134,7 @@ The [formFieldPropertiesChange](https://ej2.syncfusion.com/javascript/documentat
 
 ## formFieldRemove event
 
-The [formFieldRemove](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldRemoveArgs/) event is triggered when a form field is removed from the PDF. The event arguments provide the necessary information about which form field has been removed.
+The [formFieldRemove](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldRemoveArgs) event is triggered when a form field is removed from the PDF. The event arguments provide the necessary information about which form field has been removed.
 
 {% tabs %}
 {% highlight ts tabtitle="index.ts" %}
@@ -147,7 +147,7 @@ The [formFieldRemove](https://ej2.syncfusion.com/javascript/documentation/api/pd
 
 ## formFieldResize event
 
-The [formFieldResize](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldResizeArgs/) events are triggered when a form field in a PDF is resized. These events provide the relevant details about the specific form field that has been resized.
+The [formFieldResize](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldResizeArgs) events are triggered when a form field in a PDF is resized. These events provide the relevant details about the specific form field that has been resized.
 
 {% tabs %}
 {% highlight ts tabtitle="index.ts" %}
@@ -160,7 +160,7 @@ The [formFieldResize](https://ej2.syncfusion.com/javascript/documentation/api/pd
 
 ## formFieldSelect event
 
-The [formFieldSelect](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldSelectArgs/) events are triggered when a form field in a PDF is selected. These events provide the necessary details about the specific form field that has been selected.
+The [formFieldSelect](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldSelectArgs) events are triggered when a form field in a PDF is selected. These events provide the necessary details about the specific form field that has been selected.
 
 {% tabs %}
 {% highlight ts tabtitle="index.ts" %}
@@ -173,7 +173,7 @@ The [formFieldSelect](https://ej2.syncfusion.com/javascript/documentation/api/pd
 
 ## formFieldUnselect event
 
-The [formFieldUnselect](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldUnselectArgs/) events are triggered when a form field in a PDF is unselected. These events provide the necessary details about the specific form field that has been unselected.
+The [formFieldUnselect](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/formFieldUnselectArgs) events are triggered when a form field in a PDF is unselected. These events provide the necessary details about the specific form field that has been unselected.
 
 {% tabs %}
 {% highlight ts tabtitle="index.ts" %}
@@ -186,7 +186,7 @@ The [formFieldUnselect](https://ej2.syncfusion.com/javascript/documentation/api/
 
 ## validateFormFields event
 
-The [validateFormFields](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/validateFormFieldsArgs/) events are triggered when a required form field is left unfilled before downloading the PDF. These events provide the necessary information for validating which form fields are incomplete.
+The [validateFormFields](https://ej2.syncfusion.com/javascript/documentation/api/pdfviewer/validateFormFieldsArgs) events are triggered when a required form field is left unfilled before downloading the PDF. These events provide the necessary information for validating which form fields are incomplete.
 
 {% tabs %}
 {% highlight ts tabtitle="index.ts" %}
@@ -195,4 +195,16 @@ The [validateFormFields](https://ej2.syncfusion.com/javascript/documentation/api
 {% highlight html tabtitle="index.html" %}
 {% include code-snippet/pdfviewer/javascript-es6/formfieldvalidationevent-cs2/index.html %}
 {% endhighlight %}
-{% endtabs %}
\ No newline at end of file
+{% endtabs %}
+
+## See also
+
+- [Form Designer overview](./overview)
+- [Form Designer Toolbar](../toolbar-customization/form-designer-toolbar)
+- [Create form fields](./Create-edit-Style-del-formFields/create-formfields)
+- [Edit form fields](./Create-edit-Style-del-formFields/edit-formfields)
+- [Group form fields](./group-formfields)
+- [Add custom data to form fields](./custom-data)
+- [Form Constrain](./form-constrain)
+- [Form validation](./form-validation)
+- [Form fields API](./formfields-api)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/form-designer/form-filling.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/form-designer/form-filling.md
new file mode 100644
index 000000000..58e17880e
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/javascript-es6/form-designer/form-filling.md
@@ -0,0 +1,114 @@
+---
+layout: post
+title: Form filling in TypeScript PDF Viewer Control | Syncfusion
+description: Learn to view, fill, export, and import PDF form fields in Syncfusion TS PDF Viewer, including disabling interaction and handling signatures.
+platform: document-processing
+control: PDF Viewer
+documentation: ug
+domainurl: ##DomainURL##
+---
+
+# Form filling in TypeScript PDF Viewer
+
+The PDF Viewer displays existing form fields in a PDF and enables users to fill, validate, and download the filled data.
+
+The PDF Viewer supports the following form field types:
+
+* Text box
+* Password
+* Check box
+* Radio button
+* List box
+* Dropdown
+* Signature field
+* Initial field
+
+![Form filling in TypeScript PDF Viewer](../images/form-filling.png)
+
+## Disabling form fields
+
+The PDF Viewer provides an option to disable interaction with form fields using `enableFormDesigner` API. Use the following configuration to disable form fields in the viewer.
+
+
+```ts
+import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner} from '@syncfusion/ej2-pdfviewer';
+
+PdfViewer.Inject(Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner);
+
+let pdfviewer: PdfViewer = new PdfViewer();
+pdfviewer.documentPath = "https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf";
+pdfviewer.resourceUrl = "https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib";
+pdfviewer.enableFormDesigner = false;  //To disable Form Desinger
+pdfviewer.appendTo('#PdfViewer');
+```
+
+## Access interactive form fields
+
+You can access the collection of all interactive form fields in the loaded document using the `formFieldCollection` property. Fetch the collection after the document is loaded.
+
+Use the following code-snippet to access interactive form fields collection:
+```html
+<button id="formFieldCollection">Fetch Form-Fields Collection</button>
+```
+```ts
+import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner} from '@syncfusion/ej2-pdfviewer';
+
+PdfViewer.Inject(Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner);
+
+let pdfviewer: PdfViewer = new PdfViewer();
+pdfviewer.documentPath = "https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf";
+pdfviewer.resourceUrl = "https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib";
+
+pdfviewer.appendTo('#PdfViewer');
+
+// Access the form fields collection via button click
+document.getElementById('formFieldCollection')?.addEventListener('click',function() {
+    const fields = pdfviewer.formFieldCollection; // Gets all form fields
+    console.log(fields)//Log the formField Collection
+});
+
+```
+
+## Add a handwritten signature to a signature field
+
+Add a handwritten signature to a signature field by following these steps:
+
+* Click the signature field in the PDF document to open the signature panel.
+
+![Signature field in TypeScript PDF Viewer](../images/form-filling-signature.png)
+
+* Draw the signature in the signature panel.
+
+![Signature panel in TypeScript PDF Viewer](../images/form-filling-signature-dialog.png)
+
+* Select **CREATE**. The drawn signature is added to the signature field.
+
+![Signature added in TypeScript PDF Viewer](../images/form-filling-signature-signed.png)
+
+## Delete a signature from a signature field
+
+Delete a signature placed in a signature field by using the Delete option in the annotation toolbar.
+
+![Deleting a signature in TypeScript PDF Viewer](../images/form-filling-signature-del.png)
+
+## Export and import form fields
+
+The PDF Viewer supports exporting and importing form field data using the `importFormFields`, `exportFormFields`, and `exportFormFieldsAsObject` methods. The following formats are supported:
+
+* FDF
+* XFDF
+* JSON
+
+For more information, see the [Form fields documentation](./import-export-formfields/export-formfields).
+
+## See also
+
+- [Form Designer overview](./overview)
+- [Form Designer Toolbar](../toolbar-customization/form-designer-toolbar)
+- [Create form fields](./Create-edit-Style-del-formFields/create-formfields)
+- [Edit form fields](./Create-edit-Style-del-formFields/edit-formfields)
+- [Group form fields](./group-formfields)
+- [Add custom data to form fields](./custom-data)
+- [Form Constrain](./form-constrain)
+- [Form validation](./form-validation)
+- [Form fields API](./formfields-api)
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/form-designer/form-validation.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/form-designer/form-validation.md
new file mode 100644
index 000000000..87beb8ee2
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/javascript-es6/form-designer/form-validation.md
@@ -0,0 +1,92 @@
+---
+layout: post
+title: Form validation in the TypeScript PDF Viewer component | Syncfusion
+description: Learn how to enable built-in form field validation and validate missing required fields in the Syncfusion TypeScript PDF Viewer.
+platform: document-processing
+control: PDF Viewer
+documentation: ug
+---
+
+# Validate form fields in TypeScript PDF Viewer
+
+The PDF Viewer Component can validate form fields during print, download or submit form. Use the [enableFormFieldsValidation](https://ej2.syncfusion.com/documentation/api/pdfviewer/index-default#enableformfieldsvalidation) property to turn on validation and handle the [validateFormFields](https://ej2.syncfusion.com/documentation/api/pdfviewer/validateformfieldsargs) event to review which required fields are not filled.
+
+When validation is enabled and the user attempts to print, download or submit form, the event fires with a list of non-filled fields in args.nonFillableFields. You can cancel the operation, show a message, or focus the first invalid field.
+
+## Enable validation
+
+Set `enableFormFieldsValidation` to true and wire the validateFormFields event.
+
+```ts
+import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView,
+         TextSelection, Annotation, FormDesigner, FormFields } from '@syncfusion/ej2-pdfviewer';
+
+PdfViewer.Inject(Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView,
+                 TextSelection, Annotation, FormDesigner, FormFields);
+
+let pdfviewer: PdfViewer = new PdfViewer({
+  documentPath: 'https://cdn.syncfusion.com/content/pdf/form-designer.pdf',
+  resourceUrl: 'https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib'
+});
+
+pdfviewer.appendTo('#PdfViewer');
+pdfviewer.enableFormFieldsValidation = true;
+
+pdfviewer.validateFormFields = (args: any) => {
+    alert("Please fill all required fields. Missing: "+args.formField[0].name);
+    console.log(args.nonFillableFields)
+};
+```
+
+## Mark a field as required and validate
+
+The snippet below creates a required Textbox and demonstrates validation blocking print until the field is filled.
+
+```ts
+import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView,
+         BookmarkView, TextSelection, FormDesigner, FormFields, TextFieldSettings } from '@syncfusion/ej2-pdfviewer';
+
+PdfViewer.Inject(Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView,
+                 BookmarkView, TextSelection, FormDesigner, FormFields);
+
+let pdfviewer: PdfViewer = new PdfViewer({
+  documentPath: 'https://cdn.syncfusion.com/content/pdf/form-designer.pdf',
+  resourceUrl: 'https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib'
+});
+pdfviewer.appendTo('#PdfViewer');
+
+pdfviewer.documentLoad = () => {
+  // Add a required Textbox
+  pdfviewer.formDesignerModule.addFormField('Textbox', {
+    name: 'Email',
+    bounds: { X: 146, Y: 260, Width: 220, Height: 24 },
+    isRequired: true,
+    tooltip: 'Email is required'
+  } as TextFieldSettings);
+};
+
+pdfviewer.enableFormFieldsValidation = true;
+pdfviewer.validateFormFields = (args: any) => {
+    alert("Please fill all required fields. Missing: "+args.formField[0].name);
+    console.log(args.nonFillableFields)
+};
+```
+
+## Tips
+
+- Use isRequired on individual fields to include them in the validation check.
+- The event only fires when a print or download action is invoked.
+- To perform custom checks (e.g., regex for email), iterate over pdfviewer.retrieveFormFields() and apply your own logic before triggering print or download.
+
+[View Sample on GitHub](https://github.com/SyncfusionExamples/typescript-pdf-viewer-examples)
+
+## See also
+
+- [Form Designer overview](./overview)
+- [Form Designer Toolbar](../toolbar-customization/form-designer-toolbar)
+- [Create form fields](./Create-edit-Style-del-formFields/create-formfields)
+- [Edit form fields](./Create-edit-Style-del-formFields/edit-formfields)
+- [Group form fields](./group-formfields)
+- [Add custom data to form fields](./custom-data)
+- [Form Constrain](./form-constrain)
+- [Form fields API](./formfields-api)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/form-designer/formfields-api.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/form-designer/formfields-api.md
new file mode 100644
index 000000000..dfa7e79ce
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/javascript-es6/form-designer/formfields-api.md
@@ -0,0 +1,421 @@
+---
+layout: post
+title: Form Fields API in TypeScript PDF Viewer | Syncfusion
+description:  Learn How to use Form Fields API to enable, update, retrieve and clear in the Syncfusion TypeScript PDF Viewer.
+platform: document-processing
+control: PDF Viewer
+documentation: ug
+domainurl: ##DomainURL##
+---
+
+# Form Fields API in TypeScript PDF Viewer
+
+The PDF Viewer provides comprehensive APIs to create, edit, validate, navigate, and manage form fields programmatically. The following APIs are available:
+
+| API | Description |
+|---|---|
+| [updateFormFieldsValue](https://ej2.syncfusion.com/documentation/api/pdfviewer/index-default#updateformfieldsvalue) | Updates the value for one or more form fields.|
+| [updateFormFields](https://ej2.syncfusion.com/documentation/api/pdfviewer/index-default#updateformfields) | Updates the properties of one or more form fields.|
+| [retrieveFormFields](https://ej2.syncfusion.com/documentation/api/pdfviewer/index-default#retrieveformfields) | Retrieves all form fields or by specific criteria.|
+| [resetFormFields](https://ej2.syncfusion.com/documentation/api/pdfviewer/index-default#resetformfields) | Resets the specified or all form fields to their default values.|
+| [importFormFields](https://ej2.syncfusion.com/documentation/api/pdfviewer/index-default#importformfields) | Imports values and states for form fields from a JSON object or file stream.|
+| [focusFormField](https://ej2.syncfusion.com/documentation/api/pdfviewer/index-default#focusformfield) | Sets focus to a form field by name or ID.|
+| [exportFormFieldsAsObject](https://ej2.syncfusion.com/documentation/api/pdfviewer/index-default#exportformfieldsasobject) | Exports form fields as a JSON object.|
+| [exportFormFields](https://ej2.syncfusion.com/documentation/api/pdfviewer/index-default#exportformfields) | Exports form fields as a downloadable file.|
+| [clearFormFields](https://ej2.syncfusion.com/documentation/api/pdfviewer/index-default#clearformfields) | Clears values of specified or all form fields without removing them.|
+| [isFormFieldDocument](https://ej2.syncfusion.com/documentation/api/pdfviewer/index-default#isformfielddocument) | Indicates whether the loaded document contains form fields.|
+| [isFormDesignerToolbarVisible](https://ej2.syncfusion.com/documentation/api/pdfviewer/index-default#isformdesignertoolbarvisible) | Gets whether the Form Designer toolbar is currently visible.|
+| [formFieldCollections](https://ej2.syncfusion.com/documentation/api/pdfviewer/index-default#formfieldcollections) | Gets the collection of current form fields with their properties.|
+| [enableFormFieldsValidation](https://ej2.syncfusion.com/documentation/api/pdfviewer/index-default#enableformfieldsvalidation) | Enables or disables form field validation.|
+| [enableFormFields](https://ej2.syncfusion.com/documentation/api/pdfviewer/index-default#enableformfields) | Enables or disables interaction with form fields.|
+| [enableFormDesignerToolbar](https://ej2.syncfusion.com/documentation/api/pdfviewer/index-default#enableformdesignertoolbar) | Shows or hides the Form Designer toolbar.|
+
+## updateFormFieldsValue
+
+Updates the value of one or more form fields programmatically.
+
+```html
+<button id="updateFormFieldsValue">updateFormFieldsValue</button>
+```
+{% tabs %}
+{% highlight ts tabtitle="index.ts" %}
+import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner, TextFieldSettings } from '@syncfusion/ej2-pdfviewer';
+PdfViewer.Inject(Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner);
+let pdfviewer: PdfViewer = new PdfViewer();
+pdfviewer.documentPath = 'https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf';
+pdfviewer.resourceUrl = 'https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib';
+pdfviewer.appendTo('#PdfViewer');
+
+const btn = document.getElementById('updateFormFields');
+if (btn) {
+  btn.onclick = () => {
+   // Retrieve form fields collection
+  const fields = pdfviewer.retrieveFormFields();
+  // Find the textbox field by name (Here field name is FIrst Name)
+  const field = fields.find((f: any) => f.name === 'First Name') || fields[0]; //Update Name accordingly
+  if (field) {
+    // give value to be updated in teh for
+    field.value='John Doe';
+    field.tooltip='First'
+    pdfviewer.updateFormFieldsValue(field);
+  }
+  };
+}
+{% endhighlight %}
+{% endtabs %}
+
+## updateFormFields
+
+Updates form field properties such as bounds, color, font, isReadOnly, required, and more.
+
+```html
+<button id="updateFormFields">updateFormFields</button>
+```
+{% tabs %}
+{% highlight ts tabtitle="index.ts" %}
+import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner, TextFieldSettings } from '@syncfusion/ej2-pdfviewer';
+PdfViewer.Inject(Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner);
+let pdfviewer: PdfViewer = new PdfViewer();
+pdfviewer.documentPath = 'https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf';
+pdfviewer.resourceUrl = 'https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib';
+pdfviewer.appendTo('#PdfViewer');
+
+const btn = document.getElementById('updateFormFields');
+if (btn) {
+  btn.onclick = () => {
+   // Retrieve form fields collection
+  const fields = pdfviewer.retrieveFormFields();
+  // Find the textbox field by name (Here field name is FIrst Name)
+  const field = fields.find((f: any) => f.name === 'First Name') || fields[0]; //Update Name accordingly
+  if (field) {
+    // Update textbox field styling and value
+    pdfviewer.formDesignerModule.updateFormField(field, {
+      value: 'John',
+      fontFamily: 'Courier',
+      fontSize: 12,
+      color: 'black',
+      backgroundColor: 'white',
+      borderColor: 'black',
+      thickness: 2,
+      alignment: 'Left',
+      maxLength: 50
+    } as TextFieldSettings);
+  }
+  };
+}
+{% endhighlight %}
+{% endtabs %}
+
+## retrieveFormFields
+
+Retrieves all form fields and their properties or filters by type/name.
+
+```html
+<button id="retrieveFormFields">retrieveFormFields</button>
+```
+{% tabs %}
+{% highlight ts tabtitle="index.ts" %}
+import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner } from '@syncfusion/ej2-pdfviewer';
+PdfViewer.Inject(Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner);
+let pdfviewer: PdfViewer = new PdfViewer();
+pdfviewer.documentPath = 'https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf';
+pdfviewer.resourceUrl = 'https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib';
+pdfviewer.appendTo('#PdfViewer');
+
+const btn = document.getElementById('retrieveFormFields');
+if (btn) {
+  btn.onclick = () => {
+    const fields = pdfviewer.retrieveFormFields();
+    console.log(fields);
+  };
+}
+{% endhighlight %}
+{% endtabs %}
+
+## resetFormFields
+
+Resets specified form fields or all fields to their default values.
+
+```html
+<button id="resetFormFields">resetFormFields</button>
+```
+{% tabs %}
+{% highlight ts tabtitle="index.ts" %}
+import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner } from '@syncfusion/ej2-pdfviewer';
+PdfViewer.Inject(Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner);
+let pdfviewer: PdfViewer = new PdfViewer();
+pdfviewer.documentPath = 'https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf';
+pdfviewer.resourceUrl = 'https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib';
+pdfviewer.appendTo('#PdfViewer');
+
+const btn = document.getElementById('resetFormFields');
+if (btn) {
+  btn.onclick = () => {
+    pdfviewer.resetFormFields();
+  };
+}
+{% endhighlight %}
+{% endtabs %}
+
+## importFormFields
+
+Imports form field data from an object or file into the current document.
+
+```html
+<button id="importFormFields">importFormFields</button>
+```
+{% tabs %}
+{% highlight ts tabtitle="index.ts" %}
+import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner } from '@syncfusion/ej2-pdfviewer';
+PdfViewer.Inject(Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner);
+let pdfviewer: PdfViewer = new PdfViewer();
+pdfviewer.documentPath = 'https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf';
+pdfviewer.resourceUrl = 'https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib';
+pdfviewer.appendTo('#PdfViewer');
+
+const btn = document.getElementById('importFormFields');
+if (btn) {
+  btn.onclick = () => {
+     // The file for importing should be accessible at the given path or as a file stream depending on your integration
+  pdfviewer.importFormFields('File', FormFieldDataFormat.Json);
+  };
+}
+{% endhighlight %}
+{% endtabs %}
+
+## focusFormField
+
+Moves focus to a form field by name or ID.
+
+```html
+<button id="focusFormField">focusFormField</button>
+```
+{% tabs %}
+{% highlight ts tabtitle="index.ts" %}
+import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner } from '@syncfusion/ej2-pdfviewer';
+PdfViewer.Inject(Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner);
+let pdfviewer: PdfViewer = new PdfViewer();
+pdfviewer.documentPath = 'https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf';
+pdfviewer.resourceUrl = 'https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib';
+pdfviewer.appendTo('#PdfViewer');
+
+const btn = document.getElementById('focusFormField');
+if (btn) {
+  btn.onclick = () => {
+    pdfviewer.focusFormField('FirstName');
+  };
+}
+{% endhighlight %}
+{% endtabs %}
+
+## exportFormFieldsAsObject
+
+Exports current form field values and states as a JSON object.
+
+```html
+<button id="exportFormFieldsAsObject">exportFormFieldsAsObject</button>
+```
+{% tabs %}
+{% highlight ts tabtitle="index.ts" %}
+import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner, FormFieldDataFormat } from '@syncfusion/ej2-pdfviewer';
+PdfViewer.Inject(Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner);
+let pdfviewer: PdfViewer = new PdfViewer();
+pdfviewer.documentPath = 'https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf';
+pdfviewer.resourceUrl = 'https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib';
+pdfviewer.appendTo('#PdfViewer');
+
+const btn = document.getElementById('exportFormFieldsAsObject');
+if (btn) {
+  let exportedData: Object|undefined;
+  btn.onclick = () => {
+    pdfviewer.exportFormFieldsAsObject(FormFieldDataFormat.Fdf).then(data => {
+    exportedData = data; // Save or send to server
+    console.log('Exported object:', exportedData);
+  });
+  };
+}
+{% endhighlight %}
+{% endtabs %}
+
+## exportFormFields
+
+Exports form field data to a file for download.
+
+```html
+<button id="exportFormFields">exportFormFields</button>
+```
+{% tabs %}
+{% highlight ts tabtitle="index.ts" %}
+import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner, FormFieldDataFormat} from '@syncfusion/ej2-pdfviewer';
+PdfViewer.Inject(Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner);
+let pdfviewer: PdfViewer = new PdfViewer();
+pdfviewer.documentPath = 'https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf';
+pdfviewer.resourceUrl = 'https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib';
+pdfviewer.appendTo('#PdfViewer');
+
+const btn = document.getElementById('exportFormFields');
+if (btn) {
+  btn.onclick = () => {
+    pdfviewer.exportFormFields('FormData', FormFieldDataFormat.Json);
+  };
+}
+{% endhighlight %}
+{% endtabs %}
+
+## clearFormFields
+
+Clears values of specified or all fields without removing the fields themselves.
+
+```html
+<button id="clearformfield">clearformfield</button>
+```
+{% tabs %}
+{% highlight ts tabtitle="index.ts" %}
+import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner, TextFieldSettings } from '@syncfusion/ej2-pdfviewer';
+PdfViewer.Inject(Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner);
+let pdfviewer: PdfViewer = new PdfViewer();
+pdfviewer.documentPath = 'https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf';
+pdfviewer.resourceUrl = 'https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib';
+pdfviewer.appendTo('#PdfViewer');
+
+const btn = document.getElementById('clearFormFields');
+if (btn) {
+  btn.onclick = () => {
+  let field=pdfviewer.retrieveFormFields();
+  pdfviewer.clearFormFields(field[0]);
+  };
+}
+{% endhighlight %}
+{% endtabs %}
+
+## isFormFieldDocument
+
+Returns true if the loaded document contains one or more form fields.
+
+```html
+<button id="checkFormFieldDocument">checkFormFieldDocument</button>
+```
+{% tabs %}
+{% highlight ts tabtitle="index.ts" %}
+import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner} from '@syncfusion/ej2-pdfviewer';
+PdfViewer.Inject(Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner);
+let pdfviewer: PdfViewer = new PdfViewer();
+pdfviewer.documentPath = "https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf";
+pdfviewer.resourceUrl = "https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib";
+pdfviewer.appendTo('#PdfViewer');
+
+const element = document.getElementById('checkFormFieldDocument');
+if (element) {
+    element.onclick = () => {
+        console.log(pdfviewer.isFormFieldDocument);
+    }
+}
+{% endhighlight %}
+{% endtabs %}
+
+## isFormDesignerToolbarVisible
+
+Opens the form designer toolbar when the PDF document is loaded in the PDF Viewer control initially
+and get the form designer Toolbar Visible status.
+
+{% tabs %}
+{% highlight ts tabtitle="index.ts" %}
+import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner} from '@syncfusion/ej2-pdfviewer';
+PdfViewer.Inject(Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner);
+let pdfviewer: PdfViewer = new PdfViewer();
+pdfviewer.documentPath = "https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf";
+pdfviewer.resourceUrl = "https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib";
+pdfviewer.appendTo('#PdfViewer');
+
+// Open the Form Designer toolbar and read its visibility state
+pdfviewer.enableFormDesignerToolbar(true);
+console.log(pdfviewer.isFormDesignerToolbarVisible);
+{% endhighlight %}
+{% endtabs %}
+
+## formFieldCollections
+
+Gets the current collection of form fields with their properties from the viewer instance.
+
+```html
+<button id="formfieldcollection">formfieldcollection</button>
+```
+{% tabs %}
+{% highlight ts tabtitle="index.ts" %}
+import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner} from '@syncfusion/ej2-pdfviewer';
+PdfViewer.Inject(Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner);
+let pdfviewer: PdfViewer = new PdfViewer();
+pdfviewer.documentPath = "https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf";
+pdfviewer.resourceUrl = "https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib";
+pdfviewer.appendTo('#PdfViewer');
+
+const element = document.getElementById('formfieldcollection');
+if (element) {
+    element.onclick = () => {
+        console.log(pdfviewer.formFieldCollections);
+    }
+}
+{% endhighlight %}
+{% endtabs %}
+
+## enableFormFieldsValidation
+
+Enables or disables built-in validation for required and constrained fields.
+
+{% tabs %}
+{% highlight ts tabtitle="index.ts" %}
+import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner} from '@syncfusion/ej2-pdfviewer';
+PdfViewer.Inject(Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner);
+let pdfviewer: PdfViewer = new PdfViewer();
+pdfviewer.documentPath = "https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf";
+pdfviewer.resourceUrl = "https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib";
+pdfviewer.enableFormFieldsValidation = true; // enable form fields validation
+pdfviewer.appendTo('#PdfViewer');
+{% endhighlight %}
+{% endtabs %}
+
+## enableFormFields
+
+Enables or disables user interaction with form fields globally.
+
+{% tabs %}
+{% highlight ts tabtitle="index.ts" %}
+import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner} from '@syncfusion/ej2-pdfviewer';
+PdfViewer.Inject(Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner);
+let pdfviewer: PdfViewer = new PdfViewer();
+pdfviewer.documentPath = "https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf";
+pdfviewer.resourceUrl = "https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib";
+pdfviewer.enableFormFields = false;  // Disable interaction with all fields
+pdfviewer.appendTo('#PdfViewer');
+{% endhighlight %}
+{% endtabs %}
+
+## enableFormDesignerToolbar
+
+Shows or hides the Form Designer toolbar at runtime.
+
+{% tabs %}
+{% highlight ts tabtitle="index.ts" %}
+import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner} from '@syncfusion/ej2-pdfviewer';
+PdfViewer.Inject(Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner);
+let pdfviewer: PdfViewer = new PdfViewer();
+pdfviewer.documentPath = "https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf";
+pdfviewer.resourceUrl = "https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib";
+pdfviewer.appendTo('#PdfViewer');
+
+// Show or hide the Form Designer toolbar at runtime
+pdfviewer.enableFormDesignerToolbar(true); // show
+// pdfviewer.enableFormDesignerToolbar(false); // hide
+{% endhighlight %}
+{% endtabs %}
+
+## See also
+
+- [Form Designer overview](./overview)
+- [Form Designer Toolbar](../toolbar-customization/form-designer-toolbar)
+- [Create form fields](./Create-edit-Style-del-formFields/create-formfields)
+- [Edit form fields](./Create-edit-Style-del-formFields/edit-formfields)
+- [Group form fields](./group-formfields)
+- [Add custom data to form fields](./custom-data)
+- [Form Constrain](./form-constrain)
+- [Form fields Validation](./form-validation)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/form-designer/group-formfields.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/form-designer/group-formfields.md
new file mode 100644
index 000000000..4730922d4
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/javascript-es6/form-designer/group-formfields.md
@@ -0,0 +1,121 @@
+---
+layout: post
+title: Group form fields in the TypeScript PDF Viewer component | Syncfusion
+description: Learn how to group PDF form fields in the Syncfusion TypeScript PDF Viewer by assigning the same name to multiple widgets.
+platform: document-processing
+control: PDF Viewer
+documentation: ug
+---
+
+# Group form fields in TypeScript PDF Viewer
+
+In PDF forms, multiple widgets can represent the same logical form field. The Syncfusion PDF Viewer supports grouping form fields by assigning the same Name to multiple widgets. Grouped widgets mirror their values and states based on the field type.
+
+Key behavior when fields share the same Name:
+
+- Textbox and Password: Text entered in one widget appears in all widgets with the same name.
+- CheckBox: Checking one widget checks all widgets with the same name (mirrored state).
+- RadioButton: Widgets with the same name are grouped; only one radio button in the group can be selected at a time.
+- ListBox and DropDown: The selected item is shared across widgets with the same name.
+- Signature field and Initial field: The applied signature/initial is mirrored across widgets with the same name.
+
+N> Grouping is driven solely by the Name property. Bounds determine placement; name determines grouping.
+
+## Group with the user interface
+
+Use the Form Designer toolbar and set the same Name for multiple widgets to group them.
+
+Quick steps:
+
+1. Enable the Form Designer toolbar.
+2. Draw the desired fields (e.g., two Textbox widgets or multiple RadioButton widgets).
+3. Right‑click a field > Properties, and set the same Name on each widget you want to group.
+4. Apply and test: editing one grouped widget reflects in the others.
+
+Textboxes and Password fields (shared value)
+- Give both widgets the same Name to mirror the typed value across them.
+
+![Grouping textboxes with the same name](../images/groupTextFileds.png)
+
+Radio buttons (exclusive choice within a group)
+- Add radio buttons that share the same Name to create one group; only one can be selected at a time.
+
+![Grouping radio buttons with the same name](../images/groupRadiobutton.png)
+
+## Group programmatically
+
+Assign the same name when adding fields via code. The following example shows:
+
+- Two Textbox widgets named EmployeeId that mirror values.
+- A RadioButton group named Gender with exclusive selection.
+- Two CheckBox widgets named Subscribe that mirror checked state.
+
+```ts
+import { PdfViewer, Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView, BookmarkView,
+         TextSelection, Annotation, FormDesigner, FormFields, TextFieldSettings,
+         RadioButtonFieldSettings, CheckBoxFieldSettings } from '@syncfusion/ej2-pdfviewer';
+
+PdfViewer.Inject(Toolbar, Magnification, Navigation, LinkAnnotation, ThumbnailView,
+                 BookmarkView, TextSelection, Annotation, FormDesigner, FormFields);
+
+let pdfviewer: PdfViewer = new PdfViewer({
+    documentPath: 'https://cdn.syncfusion.com/content/pdf/form-designer.pdf',
+    resourceUrl: 'https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib'
+});
+pdfviewer.appendTo('#PdfViewer');
+
+pdfviewer.documentLoad = () => {
+    // Textbox group: same name => mirrored value
+    pdfviewer.formDesignerModule.addFormField('Textbox', {
+        name: 'EmployeeId',
+        bounds: { X: 146, Y: 229, Width: 150, Height: 24 }
+    } as TextFieldSettings);
+
+    pdfviewer.formDesignerModule.addFormField('Textbox', {
+        name: 'EmployeeId', // same name groups the two widgets
+        bounds: { X: 338, Y: 229, Width: 150, Height: 24 }
+    } as TextFieldSettings);
+
+    // Radio button group: same name => exclusive selection across the group
+    pdfviewer.formDesignerModule.addFormField('RadioButton', {
+        name: 'Gender',
+        bounds: { X: 148, Y: 289, Width: 18, Height: 18 },
+        isSelected: false
+    } as RadioButtonFieldSettings);
+
+    pdfviewer.formDesignerModule.addFormField('RadioButton', {
+        name: 'Gender', // grouped with the first
+        bounds: { X: 292, Y: 289, Width: 18, Height: 18 },
+        isSelected: false
+    } as RadioButtonFieldSettings);
+
+    // CheckBox group: same name => mirrored checked state
+    pdfviewer.formDesignerModule.addFormField('CheckBox', {
+        name: 'Subscribe',
+        bounds: { X: 56, Y: 664, Width: 20, Height: 20 },
+        isChecked: false
+    } as CheckBoxFieldSettings);
+
+    pdfviewer.formDesignerModule.addFormField('CheckBox', {
+        name: 'Subscribe', // grouped with the first
+        bounds: { X: 242, Y: 664, Width: 20, Height: 20 },
+        isChecked: false
+    } as CheckBoxFieldSettings);
+};
+```
+
+N> To configure the server-backed PDF Viewer, add the following serviceUrl in the index.ts file:
+`pdfviewer.serviceUrl = 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer/';`
+
+[View Sample on GitHub](https://github.com/SyncfusionExamples/typescript-pdf-viewer-examples)
+
+## See also
+
+- [Form Designer overview](./overview)
+- [Form Designer Toolbar](../toolbar-customization/form-designer-toolbar)
+- [Create form fields](./Create-edit-Style-del-formFields/create-formfields)
+- [Edit form fields](./Create-edit-Style-del-formFields/edit-formfields)
+- [Add custom data to form fields](./custom-data)
+- [Form Constrain](./form-constrain)
+- [Form fields Validation](./form-validation)
+- [Form fields API](./formfields-api)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/form-designer/import-export-formfields/export-formfields.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/form-designer/import-export-formfields/export-formfields.md
new file mode 100644
index 000000000..2250de7dd
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/javascript-es6/form-designer/import-export-formfields/export-formfields.md
@@ -0,0 +1,156 @@
+---
+layout: post
+title: Export form data in the TypeScript PDF Viewer component | Syncfusion
+description: Learn how to export PDF form field data (FDF, XFDF, JSON, and as an object) using the Syncfusion TypeScript PDF Viewer component.
+platform: document-processing
+control: PDF Viewer
+documentation: ug
+---
+
+# Export form data from PDF
+
+The PDF Viewer component supports exporting and importing form field data using the importFormFields, exportFormFields, and exportFormFieldsAsObject methods in the following formats:
+
+- FDF
+- XFDF
+- JSON
+
+## Export as FDF
+
+Using the `exportFormFields` method, the form field data can be exported in the specified data format. This method accepts two parameters:
+
+* The first one must be the destination path for the exported data. If the path is not specified, it will ask for the location while exporting.
+* The second parameter should be the format type of the form data.
+
+The following example exports and imports form field data as FDF.
+
+```html
+<button id="exportFdf">Export FDF</button>
+```
+```ts
+import { PdfViewer, FormFieldDataFormat, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, FormFields, FormDesigner } from '@syncfusion/ej2-pdfviewer';
+
+PdfViewer.Inject(Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, FormFields, FormDesigner);
+
+const viewer = new PdfViewer({
+  documentPath: 'https://cdn.syncfusion.com/content/pdf/form-designer.pdf',
+  // serviceUrl: 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer/' // Server-backed
+  resourceUrl: "https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib"
+});
+viewer.appendTo('#pdfViewer');
+
+document.getElementById('exportFdf')!.addEventListener('click', () => {
+  // Data must be the desired path or file name for the exported document.
+  viewer.exportFormFields('ExportedData', FormFieldDataFormat.Fdf);
+});
+```
+
+## Export as XFDF
+
+The following example exports form field data as XFDF.
+
+```html
+<button id="exportXfdf">Export XFDF</button>
+```
+
+```ts
+import { PdfViewer, FormFieldDataFormat, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, FormFields, FormDesigner } from '@syncfusion/ej2-pdfviewer';
+
+PdfViewer.Inject(Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, FormFields, FormDesigner);
+
+const viewer = new PdfViewer({
+  documentPath: 'https://cdn.syncfusion.com/content/pdf/form-designer.pdf',
+  // serviceUrl: 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer/' // Server-backed
+  resourceUrl: "https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib"
+});
+viewer.appendTo('#pdfViewer');
+
+document.getElementById('exportXfdf')!.addEventListener('click', () => {
+  // Data must be the desired path or file name for the exported document.
+  viewer.exportFormFields('FormData', FormFieldDataFormat.Xfdf);
+});
+```
+
+## Export as JSON
+
+The following example exports form field data as JSON.
+
+```html
+<button id="exportJson">Export JSON</button>
+```
+
+```ts
+import { PdfViewer, FormFieldDataFormat, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, FormFields, FormDesigner } from '@syncfusion/ej2-pdfviewer';
+
+PdfViewer.Inject(Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, FormFields, FormDesigner);
+
+const viewer = new PdfViewer({
+  documentPath: 'https://cdn.syncfusion.com/content/pdf/form-designer.pdf',
+  // serviceUrl: 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer/' // Server-backed
+  resourceUrl: "https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib"
+});
+viewer.appendTo('#pdfViewer');
+
+document.getElementById('exportJson')!.addEventListener('click', () => {
+  // Data must be the desired path or file name for the exported document.
+  viewer.exportFormFields('FormData', FormFieldDataFormat.Json);
+});
+```
+
+## Export as Object
+
+Export the form data to a JavaScript object for custom persistence (database, API, or client storage). 
+The following example exports and imports form field data as Object.
+
+```html
+<button id="exportObj">Export Object</button>
+```
+
+```ts
+import { PdfViewer, FormFieldDataFormat, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, FormFields, FormDesigner } from '@syncfusion/ej2-pdfviewer';
+
+PdfViewer.Inject(Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, FormFields, FormDesigner);
+
+const viewer = new PdfViewer({
+  documentPath: 'https://cdn.syncfusion.com/content/pdf/form-designer.pdf',
+  // serviceUrl: 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer/' // Server-backed
+  resourceUrl: "https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib"
+});
+viewer.appendTo('#pdfViewer');
+
+let exportedData: object | undefined;
+document.getElementById('exportObj')!.addEventListener('click', () => {
+  viewer.exportFormFieldsAsObject(FormFieldDataFormat.Fdf).then(data => {
+    exportedData = data; // Save or send to server
+    console.log('Exported object:', exportedData);
+  });
+
+  // Alternative formats:
+  // viewer.exportFormFieldsAsObject(FormFieldDataFormat.Xfdf).then(...)
+  // viewer.exportFormFieldsAsObject(FormFieldDataFormat.Json).then(...)
+});
+```
+
+## Common use cases
+
+- Persist user-entered data to your server without modifying the original PDF.
+- Export as JSON for easy integration with REST APIs.
+- Export as FDF/XFDF for interoperability with other PDF tools.
+- Export as object to combine with your app state and store securely.
+- Automate exports after validation using validateFormFields.
+
+[View Sample on GitHub](https://github.com/SyncfusionExamples/typescript-pdf-viewer-examples)
+
+## See also
+
+- [Form Designer overview](../overview)
+- [Form Designer Toolbar](../../toolbar-customization/form-designer-toolbar)
+- [Import form fields](./import-formfields)
+- [Import Export Events](./import-export-events)
+- [Create form fields](../Create-edit-Style-del-formFields/create-formfields)
+- [Edit form fields](../Create-edit-Style-del-formFields//edit-formfields)
+- [Remove form fields](../Create-edit-Style-del-formFields//remove-formfields)
+- [Group form fields](../group-formfields)
+- [Form validation](../form-validation)
+- [Add custom data to form fields](../custom-data)
+- [Form fields API](../formfields-api)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/form-designer/import-export-formfields/import-export-events.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/form-designer/import-export-formfields/import-export-events.md
new file mode 100644
index 000000000..2196e74fa
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/javascript-es6/form-designer/import-export-formfields/import-export-events.md
@@ -0,0 +1,70 @@
+---
+layout: post
+title: Import/Export events in the TypeScript PDF Viewer | Syncfusion
+description: Learn how to handle Import/Export events for PDF form fields in the Syncfusion TypeScript PDF Viewer component.
+platform: document-processing
+control: PDF Viewer
+documentation: ug
+---
+
+# Import/Export events
+
+Import/Export events let you track and customize the full lifecycle of form field data flowing into and out of the PDF Viewer. 
+
+Use them to validate inputs, show progress UI, log audit trails, or block operations based on your business rules. Each event exposes typed event-args (ImportStartEventArgs, ImportSuccessEventArgs, ImportFailureEventArgs, ExportStartEventArgs, ExportSuccessEventArgs, ExportFailureEventArgs) describing the operation context.
+
+Use these events to monitor and customize form field import/export operations.
+
+## Import events
+- [importStart](https://ej2.syncfusion.com/documentation/api/pdfviewer/index-default#importstart): Triggers when an import operation starts.
+- [importSuccess](https://ej2.syncfusion.com/documentation/api/pdfviewer/index-default#importsuccess): Triggers when form fields are successfully imported.
+- [importFailed](https://ej2.syncfusion.com/documentation/api/pdfviewer/index-default#importfailed): Triggers when importing form fields fails.
+
+## Handle import events
+```ts
+viewer.importStart = (args: any) => {
+  console.log('Import started', args);
+};
+viewer.importSuccess = (args: any) => {
+  console.log('Import success', args);
+};
+viewer.importFailed = (args: any) => {
+  console.error('Import failed', args);
+};
+```
+
+## Export events
+- [exportStart](https://ej2.syncfusion.com/documentation/api/pdfviewer/index-default#exportstart): Triggers when an export operation starts.
+- [exportSuccess](https://ej2.syncfusion.com/documentation/api/pdfviewer/index-default#exportsuccess): Triggers when form fields are successfully exported.
+- [exportFailed](https://ej2.syncfusion.com/documentation/api/pdfviewer/index-default#exportfailed): Triggers when exporting form fields fails.
+
+## Handle export events
+```ts
+viewer.exportStart = (args: any) => {
+  console.log('Export started', args);
+};
+viewer.exportSuccess = (args: any) => {
+  console.log('Export success', args);
+};
+viewer.exportFailed = (args: any) => {
+  console.error('Export failed', args);
+};
+```
+
+Notes:
+- importStart/importSuccess/importFailed cover the lifecycle of form field imports.
+- exportStart/exportSuccess/exportFailed cover the lifecycle of form field exports.
+
+## See also
+
+- [Form Designer overview](../overview)
+- [Form Designer Toolbar](../../toolbar-customization/form-designer-toolbar)
+- [Import form fields](./import-formfields)
+- [Import Export Events](./import-export-events)
+- [Create form fields](../Create-edit-Style-del-formFields/create-formfields)
+- [Edit form fields](../Create-edit-Style-del-formFields//edit-formfields)
+- [Remove form fields](../Create-edit-Style-del-formFields//remove-formfields)
+- [Group form fields](../group-formfields)
+- [Form validation](../form-validation)
+- [Add custom data to form fields](../custom-data)
+- [Form fields API](../formfields-api)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/form-designer/import-export-formfields/import-formfields.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/form-designer/import-export-formfields/import-formfields.md
new file mode 100644
index 000000000..2f20c84c0
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/javascript-es6/form-designer/import-export-formfields/import-formfields.md
@@ -0,0 +1,156 @@
+---
+layout: post
+title: Import form data in the TypeScript PDF Viewer component | Syncfusion
+description: Learn how to import PDF form field data (FDF, XFDF, JSON, and from an object) using the Syncfusion TypeScript PDF Viewer component.
+platform: document-processing
+control: PDF Viewer
+documentation: ug
+---
+
+# Import form data into PDF
+
+The PDF Viewer provides APIs to import interactive form field values into the currently loaded PDF. You can import from the following formats:
+
+- FDF
+- XFDF
+- JSON
+
+Supported API:
+- importFormFields(sourceOrObject, format)
+
+Note: When using the server-backed viewer, set serviceUrl before importing.
+
+## Import as FDF
+
+```html
+<button id="importFdf">Import FDF</button>
+<div id="pdfViewer" style="height: 640px; width: 100%"></div>
+```
+```ts
+import { PdfViewer, FormFieldDataFormat, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, FormFields, FormDesigner } from '@syncfusion/ej2-pdfviewer';
+
+PdfViewer.Inject(Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, FormFields, FormDesigner);
+
+const viewer = new PdfViewer({
+  documentPath: 'https://cdn.syncfusion.com/content/pdf/form-designer.pdf',
+  // serviceUrl: 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer/' // Server-backed
+  resourceUrl: "https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib"
+});
+viewer.appendTo('#pdfViewer');
+
+document.getElementById('importFdf')!.addEventListener('click', () => {
+  // The file for importing should be accessible at the given path or as a file stream depending on your integration
+  viewer.importFormFields('File', FormFieldDataFormat.Fdf);
+});
+```
+
+## Import as XFDF
+
+```html
+<button id="importXfdf">Import XFDF</button>
+<div id="pdfViewer" style="height: 640px; width: 100%"></div>
+```
+```ts
+import { PdfViewer, FormFieldDataFormat, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, FormFields, FormDesigner } from '@syncfusion/ej2-pdfviewer';
+
+PdfViewer.Inject(Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, FormFields, FormDesigner);
+
+const viewer = new PdfViewer({
+  documentPath: 'https://cdn.syncfusion.com/content/pdf/form-designer.pdf',
+  // serviceUrl: 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer/' // Server-backed
+  resourceUrl: "https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib"
+});
+viewer.appendTo('#pdfViewer');
+
+document.getElementById('importXfdf')!.addEventListener('click', () => {
+  // The file for importing should be accessible at the given path or as a file stream depending on your integration
+  viewer.importFormFields('File', FormFieldDataFormat.Xfdf);
+});
+```
+
+## Import as JSON
+
+```html
+<button id="importJson">Import JSON</button>
+<div id="pdfViewer" style="height: 640px; width: 100%"></div>
+```
+```ts
+import { PdfViewer, FormFieldDataFormat, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, FormFields, FormDesigner } from '@syncfusion/ej2-pdfviewer';
+
+PdfViewer.Inject(Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, FormFields, FormDesigner);
+
+const viewer = new PdfViewer({
+  documentPath: 'https://cdn.syncfusion.com/content/pdf/form-designer.pdf',
+  // serviceUrl: 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer/' // Server-backed
+  resourceUrl: "https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib"
+});
+viewer.appendTo('#pdfViewer');
+
+document.getElementById('importJson')!.addEventListener('click', () => {
+  // The file for importing should be accessible at the given path or as a file stream depending on your integration
+  viewer.importFormFields('File', FormFieldDataFormat.Json);
+});
+```
+
+## Import as Object
+
+Import data previously exported with exportFormFieldsAsObject. Useful for client-side roundtrips without writing a file.
+
+```html
+<button id="exportDataAsObject">Export Object</button>
+<button id="importData">Import Data</button>
+<div id="pdfViewer" style="height: 640px; width: 100%"></div>
+```
+```ts
+import { PdfViewer, FormFieldDataFormat, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, FormFields, FormDesigner } from '@syncfusion/ej2-pdfviewer';
+
+PdfViewer.Inject(Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, FormFields, FormDesigner);
+
+const viewer = new PdfViewer({
+  documentPath: 'https://cdn.syncfusion.com/content/pdf/form-designer.pdf',
+  // serviceUrl: 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer/' // Server-backed
+  resourceUrl: "https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib"
+});
+viewer.appendTo('#pdfViewer');
+
+let exportedData: object | undefined;
+
+document.getElementById('exportDataAsObject')!.addEventListener('click', () => {
+  viewer.exportFormFieldsAsObject(FormFieldDataFormat.Fdf).then(value => {
+    exportedData = value;
+  });
+});
+
+document.getElementById('importData')!.addEventListener('click', () => {
+  if (exportedData) {
+    // Import the previously exported object data
+    viewer.importFormFields(exportedData, FormFieldDataFormat.Fdf);
+  }
+  // Alternatives:
+  // viewer.importFormFields(exportedData, FormFieldDataFormat.Xfdf);
+  // viewer.importFormFields(exportedData, FormFieldDataFormat.Json);
+});
+```
+
+## Common use cases
+
+- Pre-fill application forms from your database using JSON.
+- Migrate data from other PDF tools using FDF/XFDF.
+- Restore user progress stored locally or on the server using object import.
+- Combine with validation to block print/download until required fields are filled.
+
+[View Sample on GitHub](https://github.com/SyncfusionExamples/typescript-pdf-viewer-examples)
+
+## See also
+
+- [Form Designer overview](../overview)
+- [Form Designer Toolbar](../../toolbar-customization/form-designer-toolbar)
+- [Export form fields](./export-formfields)
+- [Import Export Events](./import-export-events)
+- [Create form fields](../Create-edit-Style-del-formFields/create-formfields)
+- [Edit form fields](../Create-edit-Style-del-formFields//edit-formfields)
+- [Remove form fields](../Create-edit-Style-del-formFields//remove-formfields)
+- [Group form fields](../group-formfields)
+- [Form validation](../form-validation)
+- [Add custom data to form fields](../custom-data)
+- [Form fields API](../formfields-api)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/form-designer/overview.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/form-designer/overview.md
new file mode 100644
index 000000000..4866709a1
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/javascript-es6/form-designer/overview.md
@@ -0,0 +1,63 @@
+---
+layout: post
+title: Overview of Forms in TypeScript PDF Viewer Control | Syncfusion
+description: Learn what the Form Designer in Syncfusion TypeScript PDF Viewer offers, supported field types, and how the topics are organized.
+platform: document-processing
+control: PDF Viewer
+documentation: ug
+---
+
+# Overview of Forms in TypeScript PDF Viewer
+
+Syncfusion TypeScript PDF Viewer provides a complete forms experience. Design new forms or enhance existing PDFs, fill and validate fields, import or export data, and capture signatures — all via an intuitive UI and rich APIs.
+
+## Form Designer
+
+Create and customize interactive fields directly on the PDF page.
+- Add fields: textbox, checkbox, radio button, dropdown, list box, signature, and initials
+- Edit quickly: move, resize, align, distribute, copy/paste, undo/redo
+- Configure properties: name, value, font, color, border, alignment, required/read-only/visibility, tab order
+- Manage fields: select, group/ungroup, reorder, or delete
+- Save and print: persist designed fields in the PDF and print with appearances
+- Tailor the UI: show/hide or customize the Form Designer toolbar, and handle events for add/edit/select/move/resize
+
+## Form Fields
+
+Work with the runtime form fields present in a PDF (AcroForm).
+- Parse and render existing fields
+- Fill fields and validate input (required, read-only, print visibility)
+- Import/Export form data as JSON, XFDF, FDF, or as a plain object
+- Control interaction: toggle read-only, show/hide, and manage printing behavior
+
+## Supported form field types
+
+- Textbox
+- Password
+- CheckBox
+- RadioButton
+- ListBox
+- DropDown
+- Signature field
+- Initial field
+
+## Typical workflows
+
+- Design → Save → Fill: create or modify fields, save them into the PDF, then fill and validate
+- Fill → Export/Import: complete forms and export data to JSON/XFDF/FDF, or import data to prefill
+- Customize → Integrate: wire up events and business rules; tailor the designer toolbar for your app
+
+## See also
+
+- [Form filling](./form-filling)
+- [Form Designer Toolbar](../toolbar-customization/form-designer-toolbar)
+- [Create form fields](./Create-edit-Style-del-formFields/create-formfields)
+- [Edit form fields](./Create-edit-Style-del-formFields/edit-formfields)
+- [Style form fields](./Create-edit-Style-del-formFields/style-formfields)
+- [Group form fields](./group-formfields)
+- [Form constraints](./form-constrain)
+- [Form validation](./form-validation)
+- [Form Fields API](./formfields-api)
+- [Custom data on form fields](./custom-data)
+- [Import form data](./import-export-formfields/import-formfields)
+- [Export form data](./import-export-formfields/export-formfields)
+- [Import/Export events](./import-export-formfields/import-export-events)
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/form-filling.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/form-filling.md
deleted file mode 100644
index a6384128f..000000000
--- a/Document-Processing/PDF/PDF-Viewer/javascript-es6/form-filling.md
+++ /dev/null
@@ -1,83 +0,0 @@
----
-layout: post
-title: Form filling in TypeScript PDF Viewer | Syncfusion
-description: Learn to view, fill, export, and import PDF form fields in Syncfusion TS PDF Viewer, including disabling interaction and handling signatures.
-platform: document-processing
-control: PDF Viewer
-documentation: ug
-domainurl: ##DomainURL##
----
-
-# Form filling in TypeScript PDF Viewer
-
-The PDF Viewer displays existing form fields in a PDF and enables users to fill, validate, and download the filled data.
-
-The PDF Viewer supports the following form field types:
-
-* Text box
-* Password
-* Check box
-* Radio button
-* List box
-* Dropdown
-* Signature field
-* Initial field
-
-![Form filling in TypeScript PDF Viewer](./images/form-filling.png)
-
-## Disabling form fields
-
-The PDF Viewer provides an option to disable interaction with form fields. Use the following configuration to disable form fields in the viewer.
-
-{% tabs %}
-{% highlight ts tabtitle="index.ts" %}
-
-import { PdfViewer, Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner} from '@syncfusion/ej2-pdfviewer';
-
-PdfViewer.Inject(Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, ThumbnailView, BookmarkView, TextSelection, TextSearch, FormFields, FormDesigner);
-
-let pdfviewer: PdfViewer = new PdfViewer();
-pdfviewer.documentPath = "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf";
-pdfviewer.resourceUrl = "https://cdn.syncfusion.com/ej2/31.1.17/dist/ej2-pdfviewer-lib";
-pdfviewer.enableFormDesigner = false;
-pdfviewer.appendTo('#PdfViewer');
-
-{% endhighlight %}
-{% endtabs %}
-
-## Add a handwritten signature to a signature field
-
-Add a handwritten signature to a signature field by following these steps:
-
-* Click the signature field in the PDF document to open the signature panel.
-
-![Signature field in TypeScript PDF Viewer](./images/form-filling-signature.png)
-
-* Draw the signature in the signature panel.
-
-![Signature panel in TypeScript PDF Viewer](./images/form-filling-signature-dialog.png)
-
-* Select **CREATE**. The drawn signature is added to the signature field.
-
-![Signature added in TypeScript PDF Viewer](./images/form-filling-signature-signed.png)
-
-## Delete a signature from a signature field
-
-Delete a signature placed in a signature field by using the Delete option in the annotation toolbar.
-
-![Deleting a signature in TypeScript PDF Viewer](./images/form-filling-signature-del.png)
-
-## Export and import form fields
-
-The PDF Viewer supports exporting and importing form field data using the `importFormFields`, `exportFormFields`, and `exportFormFieldsAsObject` methods. The following formats are supported:
-
-* FDF
-* XFDF
-* JSON
-
-For more information, see the [Form fields documentation](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/javascript-es6/form-designer/create-programmatically#export-and-import-form-fields).
-
-## See also
-
-* [Handwritten signature in TypeScript PDF Viewer](./annotations/signature-annotation)
-* [Form Designer events](./form-designer/form-field-events)
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/how-to-overview.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/how-to-overview.md
index ed5e332c4..57b48e59e 100644
--- a/Document-Processing/PDF/PDF-Viewer/javascript-es6/how-to-overview.md
+++ b/Document-Processing/PDF/PDF-Viewer/javascript-es6/how-to-overview.md
@@ -62,4 +62,5 @@ The frequently asked questions in Essential<sup>&reg;</sup> PDF Viewer are liste
 * [How to show or hide a particular annotation?](./how-to/show-hide-annotation-ts)
 * [How to get the signature selected and unselected event?](./how-to/signatureselect-signatureunselect-ts)
 * [How to unload the PDF document from the viewer?](./how-to/unload-document)
+* [Load Document after resources Loaded](./how-to/load-document-after-resources-loaded)
 
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/how-to/load-document-after-resources-loaded.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/how-to/load-document-after-resources-loaded.md
new file mode 100644
index 000000000..961514520
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/javascript-es6/how-to/load-document-after-resources-loaded.md
@@ -0,0 +1,66 @@
+---
+layout: post
+title: Load document after resources Loaded JS(ES6) PDF Viewer | Syncfusion
+description: Learn how to load a PDF only after assets are ready in the Syncfusion JavaScript (ES6) PDF Viewer (Standalone) using the resourcesLoaded event.
+platform: document-processing
+control: PDF Viewer 
+documentation: ug
+domainurl: ##DomainURL##
+---
+
+# Load a PDF only after PDFium resources are ready
+
+In Standalone mode, the JavaScript (ES6) PDF Viewer downloads its PDFium runtime assets (scripts/wasm) from the location specified in resourceUrl. Attempting to load a document before those assets are available can cause errors. Use the resourcesLoaded event to defer document loading until all required assets are ready.
+
+## When does resourcesLoaded trigger?
+
+The resourcesLoaded event fires once the viewer finishes loading all required PDFium assets. At this point, it is safe to call the load method to open a document (by URL or Base64).
+
+## How to Load Document after resourcesLoaded
+
+- Set the resourceUrl to a valid PDF Viewer assets path (CDN or your hosted path).
+- Listen to resourcesLoaded and call load inside the handler.
+
+```ts
+import { PdfViewer, TextSelection, TextSearch, Print, Navigation, Toolbar, Magnification, Annotation, FormDesigner, FormFields, PageInfoModel } from '@syncfusion/ej2-pdfviewer';
+
+// Inject required modules
+PdfViewer.Inject(TextSelection, TextSearch, Print, Navigation, Toolbar, Magnification, Annotation, FormDesigner, FormFields);
+
+const viewer: PdfViewer = new PdfViewer({
+    resourceUrl: "https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib",
+    resourcesLoaded: onResourcesLoaded
+});
+viewer.appendTo('#PdfViewer');
+ // Sample sources to demonstrate both URL and Base64 loading
+  const documentUrl = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
+  const base64 ='data:application/pdf;base64,JVBERi0xLjMNCiX...';// supply your Base64 here when needed
+
+  // Called when PDFium runtime assets have finished loading
+  function onResourcesLoaded() {
+    // Choose ONE of the following load options:
+
+    // 1) Load by URL
+    viewer.load(documentUrl, '');
+
+    // 2) Load by Base64 (uncomment if you want to load Base64)
+    // if (base64) {
+    //   viewer.load(base64, '');
+    // }
+  }
+```
+
+[View Sample in GitHub](https://github.com/SyncfusionExamples/typescript-pdf-viewer-examples/tree/master/How%20to)
+
+## Notes and best practices
+
+- Always set a valid resourceUrl when using the Standalone PDF Viewer. If the path is incorrect or blocked by the network, the event cannot fire.
+- Load documents inside resourcesLoaded. This guarantees the PDFium runtime is ready and prevents intermittent errors on slower networks.
+- The event fires for the viewer’s asset load life cycle, not for every document load. After it fires once, you can safely call load again later (for example, in response to user actions) without waiting for the event.
+
+## See also
+
+- [Events in JavaScript PDF Viewer](../event#resourcesloaded)
+- [Open PDF files](../open-pdf-files)
+- [Save PDF files](../save-pdf-files)
+- [Getting started](../getting-started)
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/extract-page-checkboxes.png b/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/extract-page-checkboxes.png
new file mode 100644
index 000000000..df6efa3ba
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/extract-page-checkboxes.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/extract-page-secondary-toolbar.png b/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/extract-page-secondary-toolbar.png
new file mode 100644
index 000000000..f310ffd39
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/extract-page-secondary-toolbar.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/extract-page-selected-thumbnail.png b/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/extract-page-selected-thumbnail.png
new file mode 100644
index 000000000..6576e7b7a
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/extract-page-selected-thumbnail.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/extract-page.png b/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/extract-page.png
new file mode 100644
index 000000000..3ae5965ba
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/extract-page.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/formFields_properties.png b/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/formFields_properties.png
new file mode 100644
index 000000000..d4535afa7
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/formFields_properties.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/groupRadiobutton.png b/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/groupRadiobutton.png
new file mode 100644
index 000000000..82fc6ae48
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/groupRadiobutton.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/groupTextFileds.png b/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/groupTextFileds.png
new file mode 100644
index 000000000..2fd8e1b2f
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/groupTextFileds.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/ui-checkbox-edit.png b/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/ui-checkbox-edit.png
new file mode 100644
index 000000000..41130691e
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/ui-checkbox-edit.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/ui-checkbox-style.png b/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/ui-checkbox-style.png
new file mode 100644
index 000000000..011c687fc
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/ui-checkbox-style.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/ui-checkbox.png b/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/ui-checkbox.png
new file mode 100644
index 000000000..f9eb2003b
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/ui-checkbox.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/ui-del-formfields.png b/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/ui-del-formfields.png
new file mode 100644
index 000000000..f8b3b2ff9
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/ui-del-formfields.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/ui-dropdown-edit.png b/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/ui-dropdown-edit.png
new file mode 100644
index 000000000..04b248ba5
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/ui-dropdown-edit.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/ui-dropdown-style.png b/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/ui-dropdown-style.png
new file mode 100644
index 000000000..430321898
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/ui-dropdown-style.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/ui-dropdown.png b/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/ui-dropdown.png
new file mode 100644
index 000000000..965cc22f9
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/ui-dropdown.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/ui-initial-edit.png b/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/ui-initial-edit.png
new file mode 100644
index 000000000..87691cee0
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/ui-initial-edit.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/ui-initial-style.png b/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/ui-initial-style.png
new file mode 100644
index 000000000..7cd25ad64
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/ui-initial-style.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/ui-initial.png b/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/ui-initial.png
new file mode 100644
index 000000000..302cd3b86
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/ui-initial.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/ui-listbox-edit.png b/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/ui-listbox-edit.png
new file mode 100644
index 000000000..0c330076e
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/ui-listbox-edit.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/ui-listbox-style.png b/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/ui-listbox-style.png
new file mode 100644
index 000000000..a71cc3dde
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/ui-listbox-style.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/ui-listbox.png b/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/ui-listbox.png
new file mode 100644
index 000000000..45b7e47ff
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/ui-listbox.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/ui-password-edit.png b/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/ui-password-edit.png
new file mode 100644
index 000000000..e9eee2579
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/ui-password-edit.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/ui-password-style.png b/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/ui-password-style.png
new file mode 100644
index 000000000..174897616
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/ui-password-style.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/ui-password.png b/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/ui-password.png
new file mode 100644
index 000000000..e98120ec4
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/ui-password.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/ui-radiobutton-edit.png b/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/ui-radiobutton-edit.png
new file mode 100644
index 000000000..d0d6f78f4
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/ui-radiobutton-edit.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/ui-radiobutton-style.png b/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/ui-radiobutton-style.png
new file mode 100644
index 000000000..f323829b8
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/ui-radiobutton-style.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/ui-radiobutton.png b/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/ui-radiobutton.png
new file mode 100644
index 000000000..b24775cec
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/ui-radiobutton.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/ui-signature-edit.png b/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/ui-signature-edit.png
new file mode 100644
index 000000000..b5f1fdb11
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/ui-signature-edit.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/ui-signature-style.png b/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/ui-signature-style.png
new file mode 100644
index 000000000..8e7e4affd
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/ui-signature-style.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/ui-signature.png b/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/ui-signature.png
new file mode 100644
index 000000000..ca2c5ad12
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/ui-signature.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/ui-textbox-edit.png b/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/ui-textbox-edit.png
new file mode 100644
index 000000000..7e7fcd9ed
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/ui-textbox-edit.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/ui-textbox-style.png b/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/ui-textbox-style.png
new file mode 100644
index 000000000..578ea19a7
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/ui-textbox-style.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/ui-textbox.png b/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/ui-textbox.png
new file mode 100644
index 000000000..3a70e27be
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/javascript-es6/images/ui-textbox.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/javascript-es6/organize-pages/extract-pages.md b/Document-Processing/PDF/PDF-Viewer/javascript-es6/organize-pages/extract-pages.md
new file mode 100644
index 000000000..a4c6c3dd3
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/javascript-es6/organize-pages/extract-pages.md
@@ -0,0 +1,116 @@
+---
+layout: post
+title: Extract Pages in TypeScript PDF Viewer | Syncfusion
+description: Learn here all about Extract Pages in Organize Pages in Syncfusion TypeScript PDF Viewer control of Syncfusion Essential JS 2 and more.
+platform: document-processing
+control: PDF Viewer
+documentation: ug
+domainurl: ##DomainURL##
+---
+
+# Extract pages in TypeScript PDF Viewer
+
+The PDF Viewer component lets you extract pages from a document using the Extract Pages option in the Organize Pages UI, and also control extraction programmatically.
+The Extract Pages tool is available by default in Organize Pages.
+
+## Extract Pages in Organize Pages
+
+- Open the Organize Pages panel in the PDF Viewer toolbar.
+- Locate and click the Extract Pages option.
+
+![Extract Pages](../images/extract-page.png)
+
+When selected, a secondary toolbar dedicated to extraction is displayed.
+
+![Extract Pages secondary toolbar](../images/extract-page-secondary-toolbar.png)
+
+## Extract pages using the UI
+
+You can extract by typing page numbers/ranges or by selecting thumbnails.
+
+1. Click Extract Pages in the Organize Pages panel.
+2. In the input box, enter the pages to extract. Supported formats include:
+   - Single pages: 1,3,5
+   - Ranges: 2-6
+   - Combinations: 1,4,7-9
+3. Alternatively, select the page thumbnails you want instead of typing values.
+4. Click Extract to download the extracted pages as a new PDF. Click Cancel to close the tool.
+
+![Extract Pages with selected thumbnails](../images/extract-page-selected-thumbnail.png)
+
+ N> Page numbers are 1-based (first page is 1). You can start anywhere—enter single pages or ranges like 2-3, 5, or 7-9. Invalid or out-of-range entries are ignored.
+
+## Extraction options (checkboxes)
+
+Two options appear in the secondary toolbar:
+
+- **Delete Pages After Extracting:**
+  - When enabled, the selected/entered pages are removed from the document opened in the viewer after the extraction completes. The extracted pages are still downloaded as a new file.
+  - Example: If you enter 1,2 and extract, a PDF containing pages 1 and 2 is downloaded, and pages 1 and 2 are removed from the currently loaded document in the viewer.
+
+- **Extract Pages As Separate Files:**
+  - When enabled, every selected page is exported as an individual PDF file.
+  - Example: If you select pages 3, 5, and 6, three separate PDFs are downloaded (3.pdf, 5.pdf, and 6.pdf). If you enter a range (e.g., 2-4), pages 2, 3, and 4 are each downloaded as separate PDFs.
+
+![Checkboxes for extract options](../images/extract-page-checkboxes.png)
+
+## Programmatic options and APIs
+
+You can control the Extract Pages experience via settings and invoke extraction through code.
+
+### Enable/disable Extract Pages
+
+Use the `canExtractPages` API to enable or disable the Extract Pages option. When set to `false`, the Extract Pages tool is disabled in the toolbar. The default value is `true`.
+
+Use the following code snippet to enable or disable the Extract Pages option:
+
+```ts
+// Enable the Extract Pages Tool
+viewer.pageOrganizerSettings = { canExtractPages: true };
+```
+
+```ts
+// Disable the Extract Pages Tool
+viewer.pageOrganizerSettings = { canExtractPages: false };
+```
+
+Use the `showExtractPagesOption` API to show or hide the Extract Pages option. When set to `false`, the Extract Pages tool is removed from the toolbar. The default value is `true`.
+
+Use the following code snippet to remove the Extract Pages option:
+```ts
+// Remove the Extract Pages option entirely from the UI (redacted example as provided)
+viewer.pageOrganizerSettings = { showExtractPagesOption: false }
+```
+
+### Extract pages and load the result programmatically
+
+You can extract pages programmatically using the `extractPages` method.
+The following example extracts pages 1 and 2, then immediately loads the extracted pages back into the viewer. The returned value is a byte array (e.g., Uint8Array) representing the PDF file contents.
+
+```html
+<button id="extractPage">Extract Pages</button>
+```
+
+```ts
+document.getElementById('extractPage').addEventListener('click', function () {
+  // Extract pages 1 and 2
+  var array = viewer.extractPages("1,2");
+
+  // Load the extracted pages back into the viewer
+  viewer.load(array);
+
+  // Inspect the result if needed
+  console.log(array);
+});
+```
+
+[View sample in GitHub](https://github.com/SyncfusionExamples/typescript-pdf-viewer-examples/tree/master/How%20to)
+
+## See also
+
+- [Overview](../overview)
+- [UI interactions](../ui-interactions)
+- [Programmatic support](../programmatic-support)
+- [Toolbar](../toolbar)
+- [Events](../events)
+- [Mobile view](../mobile-view)
diff --git a/Document-Processing/PDF/PDF-Viewer/maui/Getting-Started.md b/Document-Processing/PDF/PDF-Viewer/maui/Getting-Started.md
index adc06c5ba..132b0fd29 100644
--- a/Document-Processing/PDF/PDF-Viewer/maui/Getting-Started.md
+++ b/Document-Processing/PDF/PDF-Viewer/maui/Getting-Started.md
@@ -463,4 +463,4 @@ Open the `MainPage.xaml` file and follow the steps below.
 
 The **Getting Started** example project for the .NET MAUI PDF Viewer can be downloaded [here](https://github.com/SyncfusionExamples/maui-pdf-viewer-examples). 
 
-N> You can refer to our [.NET MAUI PDF Viewer](https://www.syncfusion.com/maui-controls/maui-pdf-viewer) feature tour page for its groundbreaking feature representations. You can also explore our [.NET MAUI PDF Viewer Example](https://github.com/syncfusion/pdf-viewer-sdk-net-maui-demos/tree/master/PdfViewer) that shows you how to render the PDF Viewer in .NET MAUI.
+N> You can refer to our [.NET MAUI PDF Viewer](https://www.syncfusion.com/maui-controls/maui-pdf-viewer) feature tour page for its groundbreaking feature representations. You can also explore our [.NET MAUI PDF Viewer Example](https://github.com/syncfusion/maui-demos/tree/master/MAUI/PdfViewer) that shows you how to render the PDF Viewer in .NET MAUI.
diff --git a/Document-Processing/PDF/PDF-Viewer/maui/Open-a-Document.md b/Document-Processing/PDF/PDF-Viewer/maui/Open-a-Document.md
index 65db81fee..e2941fc2c 100644
--- a/Document-Processing/PDF/PDF-Viewer/maui/Open-a-Document.md
+++ b/Document-Processing/PDF/PDF-Viewer/maui/Open-a-Document.md
@@ -79,21 +79,6 @@ The .NET MAUI PDF Viewer does not currently support annotations comparable to Xa
 N> * All the [LoadDocument](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.PdfViewer.SfPdfViewer.html#Syncfusion_Maui_PdfViewer_SfPdfViewer_LoadDocument_System_IO_Stream_System_String_System_Nullable_Syncfusion_Maui_PdfViewer_FlattenOptions__) methods accept the flatten options parameter.
 N> * Refer to this [section](https://help.syncfusion.com/maui/pdf-viewer/migration#upcoming-features) for the upcoming annotation features in the [SfPdfViewer](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.PdfViewer.SfPdfViewer.html).
 
-## Optimizing document loading on Android
-
-When your application handles large images, complex graphics, or memory-intensive operations, the default heap size may not be sufficient, leading to performance issues or crashes. Enabling a larger heap allows the app to allocate more memory, ensuring smooth performance and preventing out-of-memory errors in such scenarios. You can enable this by adding the following highlighted attribute in your AndroidManifest.xml under the <application> tag.
-
-{% tabs %}
-{% highlight xml hl_lines="4" %}
-<?xml version="1.0" encoding="utf-8"?>
-<manifest xmlns:android="http://schemas.android.com/apk/res/android">
-	<application android:allowBackup="true" android:icon="@mipmap/appicon" android:roundIcon="@mipmap/appicon_round" 
-        android:largeHeap="true" ></application>
-	...
-</manifest>
-{% endhighlight %}
-{% endtabs %}
-
 ## Check other PDF opening options
 
 * [Open a document from local storage](https://help.syncfusion.com/maui/pdf-viewer/open-a-document-from-local-storage)
diff --git a/Document-Processing/PDF/PDF-Viewer/maui/Text-Search.md b/Document-Processing/PDF/PDF-Viewer/maui/Text-Search.md
index 3350d7520..d722d2d20 100644
--- a/Document-Processing/PDF/PDF-Viewer/maui/Text-Search.md
+++ b/Document-Processing/PDF/PDF-Viewer/maui/Text-Search.md
@@ -11,10 +11,6 @@ documentation: ug
 
 The [SfPdfViewer](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.PdfViewer.SfPdfViewer.html) allows you to search for text in a PDF document and navigate to all its occurrences.
 
-You can also watch the video tutorial below to learn about text search.
-
-<style>#MAUISfPdfViewerVideoTutorial{width : 90% !important; height: 400px !important }</style> <iframe id='MAUISfPdfViewerVideoTutorial' src='https://www.youtube.com/embed/7t1yHUQaHU4'></iframe>
-
 ## Initiate a text search
 
 The [SearchTextAsync](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.PdfViewer.SfPdfViewer.html#Syncfusion_Maui_PdfViewer_SfPdfViewer_SearchTextAsync_System_String_TextSearchOptions_System_Threading_CancellationTokenSource_) method asynchronously searches the specified text throughout the PDF document and highlights each occurrence (match). To start the search, you need to call the method in a button click by passing the text to be searched as a parameter, as shown in the following example:
@@ -162,7 +158,7 @@ private void PdfTextSearchProgress(object sender, TextSearchProgressEventArgs e)
 {% endhighlight %}
 {% endtabs %}
 
-### Canceling search progress
+### Cancelling search progress
 
 The [Clear](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.PdfViewer.TextSearchResult.html#Syncfusion_Maui_PdfViewer_TextSearchResult_Clear) method of the [TextSearchResult](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.PdfViewer.TextSearchResult.html) can be used to cancel the text search progress that does not need to be continued. For example, under the following scenarios, cancellation may be necessary.
 
diff --git a/Document-Processing/PDF/PDF-Viewer/react/Redaction/mobile-view.md b/Document-Processing/PDF/PDF-Viewer/react/Redaction/mobile-view.md
new file mode 100644
index 000000000..c10795c98
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/react/Redaction/mobile-view.md
@@ -0,0 +1,202 @@
+---
+layout: post
+title: Redaction in mobile view in React PDF Viewer | Syncfusion
+description: Learn how to apply redactions in mobile view using the Syncfusion React PDF Viewer with a complete toolbar setup and redaction workflow.
+platform: document-processing
+control: PdfViewer
+documentation: ug
+---
+
+# Redaction in Mobile View in React PdfViewer Component
+
+The Redaction Tool enables users to permanently mark and remove sensitive content from PDF documents in mobile view using the React PdfViewer component. This feature is optimized for touch interactions and provides a streamlined redaction workflow specifically designed for mobile devices.
+
+![Redaction in Mobile View](./redaction-annotations-images/redaction-mobile-view.png)
+
+N> In mobile view, the redaction toolbar appears at the bottom of the viewer for easy thumb access. Mobile layout activates automatically on small screens.
+
+## Adding Redaction in Mobile View
+
+To enable redaction functionality in your React application, configure the PDF Viewer with the following setup:
+
+{% tabs %}
+{% highlight js tabtitle="index.js" %}
+
+import * as ReactDOM from 'react-dom/client';
+import * as React from 'react';
+import './index.css';
+import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, BookmarkView, ThumbnailView, Print, TextSelection, Annotation, TextSearch, FormFields, FormDesigner, Inject } from '@syncfusion/ej2-react-pdfviewer';
+export function App() {
+  // includes RedactionEditTool
+  const toolbarSettings = {
+    toolbarItems: [
+      'OpenOption',
+      'UndoRedoTool',
+      'PageNavigationTool',
+      'MagnificationTool',
+      'PanTool',
+      'SelectionTool',
+      'CommentTool',
+      'SubmitForm',
+      'AnnotationEditTool',
+      'RedactionEditTool', // Redaction entry in the primary toolbar
+      'FormDesignerEditTool',
+      'SearchOption',
+      'PrintOption',
+      'DownloadOption'
+    ]
+  };
+  return (<div>
+    <div className='control-section'>
+      <PdfViewerComponent 
+        id="container" 
+        documentPath="https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf"
+        resourceUrl= "https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib"
+        toolbarSettings={toolbarSettings}
+        
+        style={{ 'height': '680px' }} 
+      >
+        <Inject services={[Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, BookmarkView, ThumbnailView,
+          Print, TextSelection, TextSearch, FormFields, FormDesigner]} />
+      </PdfViewerComponent>
+    </div>
+  </div>);
+  
+}
+const root = ReactDOM.createRoot(document.getElementById('sample'));
+root.render(<App />);
+
+{% endhighlight %}
+{% endtabs %}
+
+## Understanding Mobile Redaction Toolbar Tools
+
+When you enter redaction mode in mobile view, a specialized redaction toolbar appears with multiple tools optimized for touch interaction. Each tool serves a specific purpose in the redaction workflow.
+
+### Redaction Annotation Tool
+
+The Redaction Annotation tool is the primary redaction feature that allows you to draw redaction rectangles on specific content:
+
+Function: Creates visual redaction annotations that mark content for permanent removal
+Usage:
+Touch and drag to draw rectangular redaction overlays on any content area.
+
+Process:
+- Selected content appears with a customizable overlay (default black)
+- Annotations remain editable until explicitly applied
+- Can be repositioned or deleted before final application
+
+![Redaction Annotation Tool](./redaction-annotations-images/redaction-annotation-annot.png)
+
+### Page Redaction Tool
+
+The Page Redaction tool enables batch redaction of entire pages based on specific patterns.
+
+![Page Redaction Tool](./redaction-annotations-images/page-redaction-annot.png)
+
+Function: Redacts complete pages or page ranges with a single action
+Options Available:
+- Odd Pages: Redacts only odd-numbered pages (1, 3, 5, etc.)
+- Even Pages: Redacts only even-numbered pages (2, 4, 6, etc.)
+- Specific Page: Specify single pages, ranges (e.g., 1-5, 10-15), or comma-separated lists (e.g., 1,3,5-7)
+- Current Page: Redacts only the currently displayed page
+
+Usage:
+Select desired pattern → Review affected pages in the viewer → Confirm redaction scope
+
+![Page Redaction Tool Dialog](./redaction-annotations-images/page-redaction-dialog-annot.png)
+
+### Redaction Properties Tool
+
+The Redaction Properties tool allows customization of redaction appearance before application.
+
+![Redaction Properties Mobile View](./redaction-annotations-images/redaction-properties-annot.png)
+
+Function: Customize the visual appearance of redaction overlays and text replacement
+Customizable Properties:
+- Fill Color: Change the redaction overlay color (default: black)
+- Outline Color: Set outline color for redaction boxes (optional)
+- Overlay Text: Add custom text to appear on redacted areas (e.g., "REDACTED", "CONFIDENTIAL")
+- Text Color: Change overlay text color for better visibility
+- Text Font: Select font family for overlay text
+- Text Alignment: Position overlay text within redaction boxes
+- Text Size: Adjust overlay text size relative to redaction area
+
+![Redaction Properties Dialog Mobile View](./redaction-annotations-images/redaction-properties-dialog-annot.png)
+
+## Enabling Redaction Mode in Mobile View
+
+Step 1: Tap the Redaction button in the mobile toolbar to activate redaction mode. The redaction toolbar will appear at the bottom of the viewer.
+
+![Redaction toolbar displayed at bottom of mobile PDF viewer with three distinct tools](./redaction-annotations-images/redaction-mobile-view.png)
+
+Step 2: From the redaction toolbar, select your desired redaction tool:
+- First Tool (Redaction Annotation): For selective content redaction
+- Second Tool (Page Redaction): For page-wide or pattern-based redaction
+- Third Tool (Redaction Properties): For appearance customization
+
+Step 3: Configure your redaction parameters using the selected tool interface.
+
+## Applying Different Redaction Types in Mobile View
+
+### Selective Content Redaction
+1. Select Redaction Annotation tool (first button)
+2. Choose Content: Tap and drag over text or draw rectangular areas
+3. Preview: Check redaction overlays for accuracy
+4. Apply: Tap "Apply Redactions" button
+
+### Page-Wide Redaction
+1. Select Page Redaction tool (second button)
+2. Choose Pattern: Select odd pages, even pages, or custom range
+3. Review: Verify affected pages in the viewer
+4. Apply: Confirm page redaction scope and apply
+
+### Custom Appearance Redaction
+1. Select Redaction Properties tool (third button)
+2. Customize: Adjust colors, overlay text, and formatting
+3. Preview: See changes applied to existing annotations
+4. Apply: Use customized appearance for final redaction
+
+## Applying Redactions in Mobile View
+
+N> Applying redactions is permanent. After applying, the underlying content and text are removed from the document and cannot be recovered.
+
+Once you have configured redactions using any combination of tools.
+
+Step 1: Review all redaction marks and configurations.
+
+![Review Redaction Annotation](./redaction-annotations-images/review-redaction-annotation-mv-annot.png)
+
+Step 2: Tap the Apply Redactions button in the redaction toolbar
+
+![Apply Redaction Button](./redaction-annotations-images/apply-redaction-button-mv.png)
+
+Step 3: Confirm the action when prompted - this operation is permanent and cannot be undone
+
+![Apply Redaction Dialog](./redaction-annotations-images/apply-redaction-dialog-mv-annot.png)
+
+The selected content will be permanently removed and replaced according to your redaction properties (solid color blocks or custom overlay text).
+
+![Applied Redaction](./redaction-annotations-images/applied-redaction-annot.png)
+
+## Removing Redaction Annotations
+
+To remove existing redaction annotations before they are applied:
+
+- Step 1: Tap the Redaction Edit button in the mobile toolbar to enter annotation editing mode
+- Step 2: Tap on any existing redaction annotation you wish to remove
+- Step 3: Select Delete from the context menu that appears
+
+Alternative: Tap redaction annotation → Use delete button in annotation properties panel
+
+![Delete Redaction Annotation](./redaction-annotations-images/delete-redaction-annotation-annot.png)
+
+N> Once redactions have been applied to the document, they become part of the PDF content and cannot be removed or modified.
+
+## See Also
+
+* [Redaction Overview](./overview)
+* [UI Interaction](./ui-interaction)
+* [Programmatic Support in Redaction](./programmatic-support)
+* [Toolbar](./toolbar)
+* [Search Text and Redact](./search-redact)
diff --git a/Document-Processing/PDF/PDF-Viewer/react/Redaction/overview.md b/Document-Processing/PDF/PDF-Viewer/react/Redaction/overview.md
new file mode 100644
index 000000000..50cff678f
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/react/Redaction/overview.md
@@ -0,0 +1,133 @@
+---
+layout: post
+title: Redaction annotation in React PDF Viewer | Syncfusion
+description: Learn how to hide sensitive information with interactive and programmatic redaction using the Syncfusion React PDF Viewer.
+platform: document-processing
+control: PDF Viewer
+documentation: ug
+domainurl: ##DomainURL##
+---
+
+# Redaction in React PdfViewer
+
+Redaction annotations are used to hide confidential or sensitive information in a PDF. The Syncfusion React PDF Viewer (EJ2) lets you mark areas or entire pages for redaction, customize their appearance, and permanently apply them with a single action.
+
+## Enable the redaction toolbar
+
+To enable the redaction toolbar, configure the `toolbarSettings.toolbarItems` property of the PdfViewer instance to include the **RedactionEditTool**.
+
+The following example shows how to enable the redaction toolbar:
+
+{% tabs %}
+{% highlight js tabtitle="index.js" %}
+
+import * as ReactDOM from 'react-dom/client';
+import * as React from 'react';
+import './index.css';
+import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, BookmarkView, ThumbnailView, Print, TextSelection, Annotation, TextSearch, FormFields, FormDesigner, Inject } from '@syncfusion/ej2-react-pdfviewer';
+export function App() {
+  // includes RedactionEditTool
+  const toolbarSettings = {
+    toolbarItems: [
+      'OpenOption',
+      'UndoRedoTool',
+      'PageNavigationTool',
+      'MagnificationTool',
+      'PanTool',
+      'SelectionTool',
+      'CommentTool',
+      'SubmitForm',
+      'AnnotationEditTool',
+      'RedactionEditTool', // Redaction entry in the primary toolbar
+      'FormDesignerEditTool',
+      'SearchOption',
+      'PrintOption',
+      'DownloadOption'
+    ]
+  };
+  return (<div>
+    <div className='control-section'>
+      <PdfViewerComponent 
+        id="container" 
+        documentPath="https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf"
+        resourceUrl= "https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib"
+        toolbarSettings={toolbarSettings}
+        
+        style={{ 'height': '680px' }} 
+      >
+        <Inject services={[Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, BookmarkView, ThumbnailView,
+          Print, TextSelection, TextSearch, FormFields, FormDesigner]} />
+      </PdfViewerComponent>
+    </div>
+  </div>);
+  
+}
+const root = ReactDOM.createRoot(document.getElementById('sample'));
+root.render(<App />);
+
+{% endhighlight %}
+{% endtabs %}
+
+N> Prerequisites: Add the PdfViewer control to your React application and ensure the redaction feature is available in the version you are using. Once applied, redaction permanently removes the selected content.
+
+![Toolbar with the Redaction tool highlighted](redaction-annotations-images/redaction-icon-toolbar.png)
+
+## Add Redaction Annotations
+
+You can mark specific content for redaction using the toolbar or through code.  
+
+Select the **Redaction tool** and draw over the text or graphics you want to hide. You can also add overlay text (such as “Confidential”) and adjust the style — fill color, border color, and opacity.
+
+![Drawing a redaction region over page content](redaction-annotations-images/adding-redaction-annotation.png)
+
+## Delete Redaction Annotations
+
+Redaction annotations can be removed easily:
+
+- Click the **Delete** button on the toolbar, or  
+- Select the annotation and press the **Delete** key.
+
+![Toolbar showing the Delete command for redaction](redaction-annotations-images/redaction-delete-icon.png)
+
+## Redact Entire Pages
+
+The viewer allows you to redact whole pages that contain sensitive information. You can choose specific pages, page ranges, or redact all pages using the built‑in dialog, or perform the same action programmatically.
+
+![Toolbar showing the Redact Page option](redaction-annotations-images/redact-page-icon.png)
+
+## Apply Redaction
+
+Once annotations are added, you can permanently apply them to the document. This action cannot be undone.  
+
+Use the **Apply Redaction** button on the toolbar or call the API method:
+
+- The button is disabled until at least one redaction annotation exists.  
+- It becomes active when redaction annotations are present.
+
+![Toolbar showing the Apply Redaction button](redaction-annotations-images/redact-button-icon.png)
+
+A confirmation dialog appears before applying redaction to ensure you acknowledge the irreversible nature of the process.
+
+![Confirmation dialog for applying redaction](redaction-annotations-images/apply-redaction-dialog.png)
+
+N> After redaction is applied, the original content cannot be recovered.
+
+## Comment Support
+
+Redaction annotations can include comments using the built‑in comment panel. This helps you add notes, track reviews, or record the reason for redaction.  
+
+Comments can be added through the UI or API. For more details, see the [Comments documentation](../annotations/comments).
+
+## Import and Export Redaction Annotations
+
+You can save and reload redaction annotations by exporting and importing them in JSON format. This makes it easy to persist annotations or share them across sessions.
+
+For more details, see the [Export and import annotations documentation](../how-to/import-export-annotation).
+
+## See also
+
+* [Redaction UI interactions](./ui-interaction)
+* [Redaction Programmatic support](./programmatic-support)
+* [Redaction Toolbar](./toolbar)
+* [Redaction Mobile view](./mobile-view)
+* [Search Text and Redact](./search-redact)
diff --git a/Document-Processing/PDF/PDF-Viewer/react/Redaction/programmatic-support.md b/Document-Processing/PDF/PDF-Viewer/react/Redaction/programmatic-support.md
new file mode 100644
index 000000000..5e0db5078
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/react/Redaction/programmatic-support.md
@@ -0,0 +1,711 @@
+---
+layout: post
+title: Redaction Programmatic support in React PDF Viewer | Syncfusion
+description: Learn how to add, delete, update, and apply redaction annotations programmatically in the Syncfusion React PDF Viewer.
+platform: document-processing
+control: PdfViewer
+documentation: ug
+---
+
+# Programmatic support for redaction in React PdfViewer
+
+The Syncfusion React PDF Viewer provides APIs to add, update, delete, and apply redaction annotations programmatically. You can also redact entire pages, configure default properties, and work with the redaction property panel.
+
+## Enable the redaction toolbar
+
+To enable the redaction toolbar, configure the `toolbarSettings.toolbarItems` property of the PdfViewer instance to include the **RedactionEditTool**.
+
+The following example shows how to enable the redaction toolbar:
+
+{% tabs %}
+{% highlight js tabtitle="index.js" %}
+
+import * as ReactDOM from 'react-dom/client';
+import * as React from 'react';
+import './index.css';
+import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, BookmarkView, ThumbnailView, Print, TextSelection, Annotation, TextSearch, FormFields, FormDesigner, Inject } from '@syncfusion/ej2-react-pdfviewer';
+export function App() {
+  // includes RedactionEditTool
+  const toolbarSettings = {
+    toolbarItems: [
+      'OpenOption',
+      'UndoRedoTool',
+      'PageNavigationTool',
+      'MagnificationTool',
+      'PanTool',
+      'SelectionTool',
+      'CommentTool',
+      'SubmitForm',
+      'AnnotationEditTool',
+      'RedactionEditTool', // Redaction entry in the primary toolbar
+      'FormDesignerEditTool',
+      'SearchOption',
+      'PrintOption',
+      'DownloadOption'
+    ]
+  };
+  return (<div>
+    <div className='control-section'>
+      <PdfViewerComponent 
+        id="container" 
+        documentPath="https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf"
+        resourceUrl= "https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib"
+        toolbarSettings={toolbarSettings}
+        
+        style={{ 'height': '680px' }} 
+      >
+        <Inject services={[Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, BookmarkView, ThumbnailView,
+          Print, TextSelection, TextSearch, FormFields, FormDesigner]} />
+      </PdfViewerComponent>
+    </div>
+  </div>);
+  
+}
+const root = ReactDOM.createRoot(document.getElementById('sample'));
+root.render(<App />);
+
+{% endhighlight %}
+{% endtabs %}
+
+## Add redaction annotations programmatically
+
+You can add redaction annotations to a PDF document using the `addAnnotation` method of the `annotation` module. You can listen to the `annotationAdd` event to track when annotations are added.
+
+{% tabs %}
+{% highlight js tabtitle="index.js" %}
+
+import * as React from 'react';
+import * as ReactDOM from 'react-dom/client';
+import './index.css';
+import {
+  PdfViewerComponent,
+  LinkAnnotation,
+  BookmarkView,
+  Magnification,
+  ThumbnailView,
+  Toolbar,
+  Navigation,
+  Annotation,
+  TextSearch,
+  TextSelection,
+  Print,
+  FormFields,
+  FormDesigner,
+  Inject
+} from '@syncfusion/ej2-react-pdfviewer';
+
+function App() {
+  const viewerRef = React.useRef(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';
+
+  const toolbarSettings = {
+    toolbarItems: [
+      'OpenOption',
+      'UndoRedoTool',
+      'PageNavigationTool',
+      'MagnificationTool',
+      'PanTool',
+      'SelectionTool',
+      'CommentTool',
+      'SubmitForm',
+      'AnnotationEditTool',
+      'RedactionEditTool',
+      'FormDesignerEditTool',
+      'SearchOption',
+      'PrintOption',
+      'DownloadOption'
+    ]
+  };
+
+  const addRedaction = () => {
+    if (!viewerRef.current) return;
+    const viewer = viewerRef.current;
+    viewer.annotation.addAnnotation('Redaction', {
+      bound: { x: 200, y: 480, width: 150, height: 75 },
+      pageNumber: 1,
+      markerFillColor: '#0000FF',
+      markerBorderColor: 'white',
+      fillColor: 'red',
+      overlayText: 'Confidential',
+      fontColor: 'yellow',
+      fontFamily: 'Times New Roman',
+      fontSize: 8,
+      beforeRedactionsApplied: false
+    });
+  };
+
+  const onAnnotationAdd = (args) => {
+    console.log('Annotation added:', args);
+  };
+
+  return (
+    <div className="content-wrapper">
+      <div style={{ marginBottom: '8px', display: 'flex', gap: '8px', alignItems: 'center' }}>
+        <button id="addRedactAnnot" type="button" onClick={addRedaction}>
+          Add Redaction Annotation
+        </button>
+      </div>
+      <PdfViewerComponent
+        ref={viewerRef}
+        id="container"
+        documentPath={documentPath}
+        resourceUrl={resourceUrl}
+        toolbarSettings={toolbarSettings}
+        style={{ height: '640px', display: 'block' }}
+        annotationAdd={onAnnotationAdd}
+      >
+        <Inject
+          services={[
+            Toolbar,
+            Magnification,
+            Navigation,
+            Annotation,
+            LinkAnnotation,
+            BookmarkView,
+            ThumbnailView,
+            Print,
+            TextSelection,
+            TextSearch,
+            FormFields,
+            FormDesigner
+          ]}
+        />
+      </PdfViewerComponent>
+    </div>
+  );
+}
+
+const root = ReactDOM.createRoot(document.getElementById('sample'));
+root.render(<App />);
+
+{% endhighlight %}
+{% endtabs %}
+
+## Delete redaction annotations programmatically
+
+Redaction annotations can be removed using the `deleteAnnotationById` event or by selecting and deleting them through code.
+
+{% tabs %}
+{% highlight js tabtitle="index.js" %}
+
+import * as React from 'react';
+import * as ReactDOM from 'react-dom/client';
+import './index.css';
+import {
+  PdfViewerComponent,
+  Toolbar,
+  Magnification,
+  Navigation,
+  LinkAnnotation,
+  BookmarkView,
+  ThumbnailView,
+  Print,
+  TextSelection,
+  Annotation,
+  TextSearch,
+  FormFields,
+  FormDesigner,
+  Inject
+} from '@syncfusion/ej2-react-pdfviewer';
+
+function App() {
+  const viewerRef = React.useRef(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';
+
+  const toolbarSettings = {
+    toolbarItems: [
+      'OpenOption',
+      'UndoRedoTool',
+      'PageNavigationTool',
+      'MagnificationTool',
+      'PanTool',
+      'SelectionTool',
+      'CommentTool',
+      'SubmitForm',
+      'AnnotationEditTool',
+      'RedactionEditTool',
+      'FormDesignerEditTool',
+      'SearchOption',
+      'PrintOption',
+      'DownloadOption'
+    ]
+  };
+
+  const deleteAnnotationById = () => {
+    if (!viewerRef.current) return;
+    const id = (viewerRef.current).annotationCollection?.[0]?.annotationId;
+    if (id) {
+      viewerRef.current.annotationModule.deleteAnnotationById(id);
+    }
+  };
+
+  return (
+    <div>
+      <div style={{ marginBottom: '8px' }}>
+        <button onClick={deleteAnnotationById}>Delete Annotation By Id</button>
+      </div>
+      <PdfViewerComponent
+        ref={viewerRef}
+        id="container"
+        documentPath={documentPath}
+        resourceUrl={resourceUrl}
+        toolbarSettings={toolbarSettings}
+        style={{ height: '640px', display: 'block' }}
+      >
+        <Inject services={[
+          Toolbar,
+          Magnification,
+          Navigation,
+          Annotation,
+          LinkAnnotation,
+          BookmarkView,
+          ThumbnailView,
+          Print,
+          TextSelection,
+          TextSearch,
+          FormFields,
+          FormDesigner
+        ]} />
+      </PdfViewerComponent>
+    </div>
+  );
+}
+
+const root = ReactDOM.createRoot(document.getElementById('sample'));
+root.render(<App />);
+
+{% endhighlight %}
+{% endtabs %}
+
+
+Alternatively, you can remove annotations by selecting them in the UI and pressing the **Delete** key.
+
+## Update redaction annotation properties programmatically
+
+You can update properties of an existing redaction annotation using the `editAnnotation` API. For example, to change overlay text or fill color:
+
+{% tabs %}
+{% highlight js tabtitle="index.js" %}
+
+import * as React from 'react';
+import * as ReactDOM from 'react-dom/client';
+import './index.css';
+import {
+  PdfViewerComponent,
+  Toolbar,
+  Magnification,
+  Navigation,
+  LinkAnnotation,
+  BookmarkView,
+  ThumbnailView,
+  Print,
+  TextSelection,
+  Annotation,
+  TextSearch,
+  FormFields,
+  FormDesigner,
+  Inject
+} from '@syncfusion/ej2-react-pdfviewer';
+
+function App() {
+  const viewerRef = React.useRef(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';
+
+  const toolbarSettings = {
+    toolbarItems: [
+      'OpenOption',
+      'UndoRedoTool',
+      'PageNavigationTool',
+      'MagnificationTool',
+      'PanTool',
+      'SelectionTool',
+      'CommentTool',
+      'SubmitForm',
+      'AnnotationEditTool',
+      'RedactionEditTool',
+      'FormDesignerEditTool',
+      'SearchOption',
+      'PrintOption',
+      'DownloadOption'
+    ]
+  };
+
+  const editRedactAnnotation = () => {
+    if (!viewerRef.current) return;
+    const collection = viewerRef.current.annotationCollection || [];
+    for (let i = 0; i < collection.length; i++) {
+      if (collection[i].subject === 'Redaction') {
+        collection[i].overlayText = 'EditedAnnotation';
+        collection[i].markerFillColor = '#22FF00';
+        collection[i].markerBorderColor = '#000000';
+        collection[i].isRepeat = true;
+        collection[i].fillColor = '#F8F8F8';
+        collection[i].fontColor = '#333333';
+        collection[i].fontSize = 14;
+        collection[i].fontFamily = 'Symbol';
+        collection[i].textAlign = 'Right';
+        collection[i].beforeRedactionsApplied = false;
+        viewerRef.current.annotation.editAnnotation(collection[i]);
+      }
+    }
+  };
+
+  return (
+    <div>
+      <div style={{ marginBottom: '8px', display: 'flex', gap: '8px' }}>
+        <button id="editRedactAnnotation" onClick={editRedactAnnotation}>
+          Edit Redact Annotation
+        </button>
+      </div>
+      <PdfViewerComponent
+        ref={viewerRef}
+        id="container"
+        documentPath={documentPath}
+        resourceUrl={resourceUrl}
+        toolbarSettings={toolbarSettings}
+        style={{ height: '640px', display: 'block' }}
+      >
+        <Inject services={[
+          Toolbar,
+          Magnification,
+          Navigation,
+          Annotation,
+          LinkAnnotation,
+          BookmarkView,
+          ThumbnailView,
+          Print,
+          TextSelection,
+          TextSearch,
+          FormFields,
+          FormDesigner
+        ]} />
+      </PdfViewerComponent>
+    </div>
+  );
+}
+
+const root = ReactDOM.createRoot(document.getElementById('sample'));
+root.render(<App />);
+
+{% endhighlight %}
+{% endtabs %}
+
+## Add page redactions programmatically
+
+Entire pages can be marked for redaction using the `addPageRedactions` method:
+
+{% tabs %}
+{% highlight js tabtitle="index.js" %}
+
+import * as React from 'react';
+import * as ReactDOM from 'react-dom/client';
+import './index.css';
+import {
+  PdfViewerComponent,
+  Toolbar,
+  Magnification,
+  Navigation,
+  LinkAnnotation,
+  BookmarkView,
+  ThumbnailView,
+  Print,
+  TextSelection,
+  Annotation,
+  TextSearch,
+  FormFields,
+  FormDesigner,
+  Inject
+} from '@syncfusion/ej2-react-pdfviewer';
+
+function App() {
+  const viewerRef = React.useRef(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';
+
+  const toolbarSettings = {
+    toolbarItems: [
+      'OpenOption',
+      'UndoRedoTool',
+      'PageNavigationTool',
+      'MagnificationTool',
+      'PanTool',
+      'SelectionTool',
+      'CommentTool',
+      'SubmitForm',
+      'AnnotationEditTool',
+      'RedactionEditTool',
+      'FormDesignerEditTool',
+      'SearchOption',
+      'PrintOption',
+      'DownloadOption'
+    ]
+  };
+
+  const addPageRedactions = () => {
+    if (!viewerRef.current) return;
+    viewerRef.current.annotation.addPageRedactions([1, 3, 5, 7]);
+  };
+
+  return (
+    <div>
+      <div style={{ marginBottom: '8px', display: 'flex', gap: '8px', alignItems: 'center' }}>
+        <button id="addPageRedactions" type="button" onClick={addPageRedactions}>
+          Add Page Redaction
+        </button>
+      </div>
+      <PdfViewerComponent
+        ref={viewerRef}
+        id="container"
+        documentPath={documentPath}
+        resourceUrl={resourceUrl}
+        toolbarSettings={toolbarSettings}
+        style={{ height: '640px', display: 'block' }}
+      >
+        <Inject services={[
+          Toolbar,
+          Magnification,
+          Navigation,
+          Annotation,
+          LinkAnnotation,
+          BookmarkView,
+          ThumbnailView,
+          Print,
+          TextSelection,
+          TextSearch,
+          FormFields,
+          FormDesigner
+        ]} />
+      </PdfViewerComponent>
+    </div>
+  );
+}
+
+const root = ReactDOM.createRoot(document.getElementById('sample'));
+root.render(<App />);
+
+{% endhighlight %}
+{% endtabs %}
+
+## Apply redaction programmatically
+
+Once annotations are added, you can permanently apply them to the document using the `redact` method:
+
+{% tabs %}
+{% highlight js tabtitle="index.js" %}
+
+import * as React from 'react';
+import * as ReactDOM from 'react-dom/client';
+import './index.css';
+import {
+  PdfViewerComponent,
+  Toolbar,
+  Magnification,
+  Navigation,
+  LinkAnnotation,
+  BookmarkView,
+  ThumbnailView,
+  Print,
+  TextSelection,
+  Annotation,
+  TextSearch,
+  FormFields,
+  FormDesigner,
+  Inject
+} from '@syncfusion/ej2-react-pdfviewer';
+
+function App() {
+  const viewerRef = React.useRef(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';
+
+  const toolbarSettings = {
+    toolbarItems: [
+      'OpenOption',
+      'UndoRedoTool',
+      'PageNavigationTool',
+      'MagnificationTool',
+      'PanTool',
+      'SelectionTool',
+      'CommentTool',
+      'SubmitForm',
+      'AnnotationEditTool',
+      'RedactionEditTool',
+      'FormDesignerEditTool',
+      'SearchOption',
+      'PrintOption',
+      'DownloadOption'
+    ]
+  };
+
+  const applyRedaction = () => {
+    if (!viewerRef.current) return;
+    viewerRef.current.annotation.redact();
+  };
+
+  return (
+    <div>
+      <div style={{ marginBottom: '8px', display: 'flex', gap: '8px', alignItems: 'center' }}>
+        <button id="redact" type="button" onClick={applyRedaction}>
+          Apply Redaction
+        </button>
+      </div>
+      <PdfViewerComponent
+        ref={viewerRef}
+        id="container"
+        documentPath={documentPath}
+        resourceUrl={resourceUrl}
+        toolbarSettings={toolbarSettings}
+        style={{ height: '640px', display: 'block' }}
+      >
+        <Inject services={[
+          Toolbar,
+          Magnification,
+          Navigation,
+          Annotation,
+          LinkAnnotation,
+          BookmarkView,
+          ThumbnailView,
+          Print,
+          TextSelection,
+          TextSearch,
+          FormFields,
+          FormDesigner
+        ]} />
+      </PdfViewerComponent>
+    </div>
+  );
+}
+
+const root = ReactDOM.createRoot(document.getElementById('sample'));
+root.render(<App />);
+
+{% endhighlight %}
+{% endtabs %}
+
+N> Applying redaction is irreversible. Once applied, the original content cannot be recovered.
+
+## Configure default redaction annotation properties
+
+You can configure default properties for redaction annotations (such as fill color, overlay text, and font) when adding them programmatically:
+
+{% tabs %}
+{% highlight js tabtitle="index.js" %}
+
+import * as React from 'react';
+import * as ReactDOM from 'react-dom/client';
+import './index.css';
+import {
+  PdfViewerComponent,
+  Toolbar,
+  Magnification,
+  Navigation,
+  LinkAnnotation,
+  BookmarkView,
+  ThumbnailView,
+  Print,
+  TextSelection,
+  Annotation,
+  TextSearch,
+  FormFields,
+  FormDesigner,
+  Inject
+} from '@syncfusion/ej2-react-pdfviewer';
+
+function App() {
+  const viewerRef = React.useRef(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';
+
+  const toolbarSettings = {
+    toolbarItems: [
+      'OpenOption',
+      'UndoRedoTool',
+      'PageNavigationTool',
+      'MagnificationTool',
+      'PanTool',
+      'SelectionTool',
+      'CommentTool',
+      'SubmitForm',
+      'AnnotationEditTool',
+      'RedactionEditTool',
+      'FormDesignerEditTool',
+      'SearchOption',
+      'PrintOption',
+      'DownloadOption'
+    ]
+  };
+
+  React.useEffect(() => {
+    if (!viewerRef.current) return;
+    viewerRef.current.redactionSettings = {
+      overlayText: 'Confidential',
+      markerFillColor: '#FF0000',
+      markerBorderColor: '#000000',
+      isRepeat: false,
+      fillColor: '#F8F8F8',
+      fontColor: '#333333',
+      fontSize: 14,
+      fontFamily: 'Symbol',
+      textAlign: 'Right'
+    };
+  }, []);
+
+  return (
+    <div>
+      <PdfViewerComponent
+        ref={viewerRef}
+        id="container"
+        documentPath={documentPath}
+        resourceUrl={resourceUrl}
+        toolbarSettings={toolbarSettings}
+        style={{ height: '640px', display: 'block' }}
+      >
+        <Inject services={[
+          Toolbar,
+          Magnification,
+          Navigation,
+          Annotation,
+          LinkAnnotation,
+          BookmarkView,
+          ThumbnailView,
+          Print,
+          TextSelection,
+          TextSearch,
+          FormFields,
+          FormDesigner
+        ]} />
+      </PdfViewerComponent>
+    </div>
+  );
+}
+
+const root = ReactDOM.createRoot(document.getElementById('sample'));
+root.render(<App />);
+
+{% endhighlight %}
+{% endtabs %}
+
+[View Sample in GitHub](https://github.com/SyncfusionExamples/react-pdf-viewer-examples)
+
+## Redaction property panel
+
+The redaction property panel allows users to update annotation properties through the UI. Programmatically, you can invoke the property panel by selecting an annotation and calling the relevant APIs. Properties such as overlay text, font style, and fill color can be updated directly in the panel.
+
+![Redaction Property Panel](../redaction/redaction-annotations-images/redaction-property-panel-icon.png)
+
+## See also
+
+* [Overview of Redaction](./overview)
+* [Redaction UI interactions](./ui-interaction)
+* [Redaction Toolbar](./toolbar)
+* [Reaction in Mobile view](./mobile-view)
+* [Search Text and Redact](./search-redact)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/react/Redaction/redaction-annotations-images/adding-redaction-annotation.png b/Document-Processing/PDF/PDF-Viewer/react/Redaction/redaction-annotations-images/adding-redaction-annotation.png
new file mode 100644
index 000000000..b25b31126
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/react/Redaction/redaction-annotations-images/adding-redaction-annotation.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/react/Redaction/redaction-annotations-images/after-redaction-fill-color.png b/Document-Processing/PDF/PDF-Viewer/react/Redaction/redaction-annotations-images/after-redaction-fill-color.png
new file mode 100644
index 000000000..f855a867a
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/react/Redaction/redaction-annotations-images/after-redaction-fill-color.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/react/Redaction/redaction-annotations-images/applied-redaction-annot.png b/Document-Processing/PDF/PDF-Viewer/react/Redaction/redaction-annotations-images/applied-redaction-annot.png
new file mode 100644
index 000000000..f6a6a2831
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/react/Redaction/redaction-annotations-images/applied-redaction-annot.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/react/Redaction/redaction-annotations-images/apply-redaction-button-mv.png b/Document-Processing/PDF/PDF-Viewer/react/Redaction/redaction-annotations-images/apply-redaction-button-mv.png
new file mode 100644
index 000000000..bd02a6bc3
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/react/Redaction/redaction-annotations-images/apply-redaction-button-mv.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/react/Redaction/redaction-annotations-images/apply-redaction-dialog-mv-annot.png b/Document-Processing/PDF/PDF-Viewer/react/Redaction/redaction-annotations-images/apply-redaction-dialog-mv-annot.png
new file mode 100644
index 000000000..0dea706e6
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/react/Redaction/redaction-annotations-images/apply-redaction-dialog-mv-annot.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/react/Redaction/redaction-annotations-images/apply-redaction-dialog.png b/Document-Processing/PDF/PDF-Viewer/react/Redaction/redaction-annotations-images/apply-redaction-dialog.png
new file mode 100644
index 000000000..0692de34e
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/react/Redaction/redaction-annotations-images/apply-redaction-dialog.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/react/Redaction/redaction-annotations-images/delete-redaction-annotation-annot.png b/Document-Processing/PDF/PDF-Viewer/react/Redaction/redaction-annotations-images/delete-redaction-annotation-annot.png
new file mode 100644
index 000000000..8e061a883
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/react/Redaction/redaction-annotations-images/delete-redaction-annotation-annot.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/react/Redaction/redaction-annotations-images/moving-redaction-annotation.png b/Document-Processing/PDF/PDF-Viewer/react/Redaction/redaction-annotations-images/moving-redaction-annotation.png
new file mode 100644
index 000000000..f7715e2d1
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/react/Redaction/redaction-annotations-images/moving-redaction-annotation.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/react/Redaction/redaction-annotations-images/page-redaction-annot.png b/Document-Processing/PDF/PDF-Viewer/react/Redaction/redaction-annotations-images/page-redaction-annot.png
new file mode 100644
index 000000000..bf4804998
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/react/Redaction/redaction-annotations-images/page-redaction-annot.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/react/Redaction/redaction-annotations-images/page-redaction-dialog-annot.png b/Document-Processing/PDF/PDF-Viewer/react/Redaction/redaction-annotations-images/page-redaction-dialog-annot.png
new file mode 100644
index 000000000..69658a826
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/react/Redaction/redaction-annotations-images/page-redaction-dialog-annot.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/react/Redaction/redaction-annotations-images/page-redaction-panel.png b/Document-Processing/PDF/PDF-Viewer/react/Redaction/redaction-annotations-images/page-redaction-panel.png
new file mode 100644
index 000000000..be68305ae
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/react/Redaction/redaction-annotations-images/page-redaction-panel.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/react/Redaction/redaction-annotations-images/redact-button-icon.png b/Document-Processing/PDF/PDF-Viewer/react/Redaction/redaction-annotations-images/redact-button-icon.png
new file mode 100644
index 000000000..954df393d
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/react/Redaction/redaction-annotations-images/redact-button-icon.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/react/Redaction/redaction-annotations-images/redact-page-icon.png b/Document-Processing/PDF/PDF-Viewer/react/Redaction/redaction-annotations-images/redact-page-icon.png
new file mode 100644
index 000000000..0c9dbed27
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/react/Redaction/redaction-annotations-images/redact-page-icon.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/react/Redaction/redaction-annotations-images/redact-text-context-menu.png b/Document-Processing/PDF/PDF-Viewer/react/Redaction/redaction-annotations-images/redact-text-context-menu.png
new file mode 100644
index 000000000..a88985b39
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/react/Redaction/redaction-annotations-images/redact-text-context-menu.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/react/Redaction/redaction-annotations-images/redaction-annotation-annot.png b/Document-Processing/PDF/PDF-Viewer/react/Redaction/redaction-annotations-images/redaction-annotation-annot.png
new file mode 100644
index 000000000..5e9cde040
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/react/Redaction/redaction-annotations-images/redaction-annotation-annot.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/react/Redaction/redaction-annotations-images/redaction-annotation-appearance.png b/Document-Processing/PDF/PDF-Viewer/react/Redaction/redaction-annotations-images/redaction-annotation-appearance.png
new file mode 100644
index 000000000..506dd4f87
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/react/Redaction/redaction-annotations-images/redaction-annotation-appearance.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/react/Redaction/redaction-annotations-images/redaction-delete-context-menu.png b/Document-Processing/PDF/PDF-Viewer/react/Redaction/redaction-annotations-images/redaction-delete-context-menu.png
new file mode 100644
index 000000000..cd8f38b82
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/react/Redaction/redaction-annotations-images/redaction-delete-context-menu.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/react/Redaction/redaction-annotations-images/redaction-delete-icon.png b/Document-Processing/PDF/PDF-Viewer/react/Redaction/redaction-annotations-images/redaction-delete-icon.png
new file mode 100644
index 000000000..4026f8c49
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/react/Redaction/redaction-annotations-images/redaction-delete-icon.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/react/Redaction/redaction-annotations-images/redaction-icon-toolbar.png b/Document-Processing/PDF/PDF-Viewer/react/Redaction/redaction-annotations-images/redaction-icon-toolbar.png
new file mode 100644
index 000000000..6de03e8cc
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/react/Redaction/redaction-annotations-images/redaction-icon-toolbar.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/react/Redaction/redaction-annotations-images/redaction-mobile-view.png b/Document-Processing/PDF/PDF-Viewer/react/Redaction/redaction-annotations-images/redaction-mobile-view.png
new file mode 100644
index 000000000..2d9539200
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/react/Redaction/redaction-annotations-images/redaction-mobile-view.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/react/Redaction/redaction-annotations-images/redaction-overalytext.png b/Document-Processing/PDF/PDF-Viewer/react/Redaction/redaction-annotations-images/redaction-overalytext.png
new file mode 100644
index 000000000..b9d833921
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/react/Redaction/redaction-annotations-images/redaction-overalytext.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/react/Redaction/redaction-annotations-images/redaction-properties-annot.png b/Document-Processing/PDF/PDF-Viewer/react/Redaction/redaction-annotations-images/redaction-properties-annot.png
new file mode 100644
index 000000000..079e65e59
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/react/Redaction/redaction-annotations-images/redaction-properties-annot.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/react/Redaction/redaction-annotations-images/redaction-properties-dialog-annot.png b/Document-Processing/PDF/PDF-Viewer/react/Redaction/redaction-annotations-images/redaction-properties-dialog-annot.png
new file mode 100644
index 000000000..5a56fb1d5
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/react/Redaction/redaction-annotations-images/redaction-properties-dialog-annot.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/react/Redaction/redaction-annotations-images/redaction-property-panel-icon.png b/Document-Processing/PDF/PDF-Viewer/react/Redaction/redaction-annotations-images/redaction-property-panel-icon.png
new file mode 100644
index 000000000..3cc44eb64
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/react/Redaction/redaction-annotations-images/redaction-property-panel-icon.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/react/Redaction/redaction-annotations-images/redaction-property-panel-via-context-menu.png b/Document-Processing/PDF/PDF-Viewer/react/Redaction/redaction-annotations-images/redaction-property-panel-via-context-menu.png
new file mode 100644
index 000000000..08d9a3a6a
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/react/Redaction/redaction-annotations-images/redaction-property-panel-via-context-menu.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/react/Redaction/redaction-annotations-images/resizing-redaction-annotation.png b/Document-Processing/PDF/PDF-Viewer/react/Redaction/redaction-annotations-images/resizing-redaction-annotation.png
new file mode 100644
index 000000000..846e301da
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/react/Redaction/redaction-annotations-images/resizing-redaction-annotation.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/react/Redaction/redaction-annotations-images/review-redaction-annotation-mv-annot.png b/Document-Processing/PDF/PDF-Viewer/react/Redaction/redaction-annotations-images/review-redaction-annotation-mv-annot.png
new file mode 100644
index 000000000..a78383509
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/react/Redaction/redaction-annotations-images/review-redaction-annotation-mv-annot.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/react/Redaction/redaction-annotations-images/show-redaction-toolbar.png b/Document-Processing/PDF/PDF-Viewer/react/Redaction/redaction-annotations-images/show-redaction-toolbar.png
new file mode 100644
index 000000000..94d75eb3b
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/react/Redaction/redaction-annotations-images/show-redaction-toolbar.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/react/Redaction/search-redact.md b/Document-Processing/PDF/PDF-Viewer/react/Redaction/search-redact.md
new file mode 100644
index 000000000..4cfd7e47f
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/react/Redaction/search-redact.md
@@ -0,0 +1,170 @@
+---
+layout: post
+title: Search text and redact in React PDF Viewer | Syncfusion
+description: Learn how to find text and add redaction annotations programmatically in the Syncfusion React PDF Viewer.
+platform: document-processing
+control: PDF Viewer
+documentation: ug
+domainurl: ##DomainURL##
+---
+
+# Search text and redact in React PdfViewer
+
+You can search for a keyword in the loaded PDF and automatically add redaction annotations over each match. The example below wires the extractTextCompleted event, triggers text extraction, performs a search, and places redaction annotations for every result.
+
+N> Prerequisites: Add the PdfViewer control to your React application and ensure a document is loaded. Make sure the redaction feature is available in the version you are using. Once applied, redaction permanently removes the selected content.
+
+## Steps to add Redaction annotations on search Text Bounds
+
+**Step 1:** Follow the steps provided in the [link](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/react/getting-started) to create a simple PDF Viewer sample.
+
+
+**Step 2:** Use the following code-snippets to Add Redaction annotation on Search Text Bounds.
+
+{% tabs %}
+{% highlight js tabtitle="index.js" %}
+
+import * as ReactDOM from 'react-dom/client';
+import * as React from 'react';
+import './index.css';
+import {
+  PdfViewerComponent,
+  Toolbar,
+  Magnification,
+  Navigation,
+  LinkAnnotation,
+  BookmarkView,
+  ThumbnailView,
+  Print,
+  TextSelection,
+  Annotation,
+  TextSearch,
+  FormFields,
+  FormDesigner,
+  Inject
+} from '@syncfusion/ej2-react-pdfviewer';
+
+export function App() {
+  const viewerRef = React.useRef(null);
+
+  const toolbarSettings = {
+    toolbarItems: [
+      'OpenOption',
+      'UndoRedoTool',
+      'PageNavigationTool',
+      'MagnificationTool',
+      'PanTool',
+      'SelectionTool',
+      'CommentTool',
+      'SubmitForm',
+      'AnnotationEditTool',
+      'RedactionEditTool',
+      'FormDesignerEditTool',
+      'SearchOption',
+      'PrintOption',
+      'DownloadOption'
+    ]
+  };
+
+  const px = (pt) => (pt * 96) / 72; // points -> pixels
+
+  const searchTextAndRedact = async () => {
+    if (!viewerRef.current) return;
+    const term = 'syncfusion';
+    const results = await viewerRef.current.textSearchModule.findTextAsync(term, false);
+    if (!results || results.length === 0) {
+      console.warn('No matches found.');
+      return;
+    }
+
+    for (const pageResult of results) {
+      if (!pageResult?.bounds?.length) continue;
+      const pageNumber = (pageResult.pageIndex ?? -1) + 1; // 1-based
+      if (pageNumber < 1) continue;
+
+      for (const bound of pageResult.bounds) {
+        viewerRef.current.annotation.addAnnotation('Redaction', {
+          bound: {
+            x: px(bound.x),
+            y: px(bound.y),
+            width: px(bound.width),
+            height: px(bound.height)
+          },
+          pageNumber,
+          overlayText: 'Confidential',
+          fillColor: '#00FF40FF',
+          fontColor: '#333333',
+          fontSize: 12,
+          fontFamily: 'Arial',
+          markerFillColor: '#FF0000',
+          markerBorderColor: '#000000'
+        });
+      }
+    }
+  };
+
+  const applyRedaction = () => {
+    if (!viewerRef.current) return;
+    viewerRef.current.annotation.redact();
+  };
+
+  return (
+    <div className='content-wrapper'>
+      <div style={{ marginBottom: '8px', display: 'flex', gap: '8px', alignItems: 'center' }}>
+        <button id='searchTextRedact' type='button' onClick={searchTextAndRedact}>
+          Search "syncfusion" & Mark for Redaction
+        </button>
+        <button id='applyRedaction' type='button' onClick={applyRedaction}>
+          Apply Redaction
+        </button>
+      </div>
+
+      <PdfViewerComponent
+        ref={viewerRef}
+        id='container'
+        documentPath='https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf'
+        resourceUrl='https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib'
+        toolbarSettings={toolbarSettings}
+        isExtractText={true}
+        style={{ height: '640px', display: 'block' }}
+      >
+        <Inject services={[
+          Toolbar,
+          Magnification,
+          Navigation,
+          Annotation,
+          LinkAnnotation,
+          BookmarkView,
+          ThumbnailView,
+          Print,
+          TextSelection,
+          TextSearch,
+          FormFields,
+          FormDesigner
+        ]} />
+      </PdfViewerComponent>
+    </div>
+  );
+}
+
+const root = ReactDOM.createRoot(document.getElementById('sample'));
+root.render(<App />);
+
+{% endhighlight %}
+{% endtabs %}
+
+[View Sample in GitHub](https://github.com/SyncfusionExamples/react-pdf-viewer-examples)
+
+## Notes
+- Ensure the PDF is fully loaded before triggering extraction and search.
+- Bounds from search are in points (72 DPI). Convert to pixels (96 DPI) to align with annotation coordinates.
+- Customize overlay text, colors, and typography as needed.
+- Adding a redaction annotation covers the content visually. To permanently remove sensitive data, use the viewer's Apply Redaction action or equivalent API if available in your version.
+
+## See also
+
+* [Overview of Redaction](./overview)
+* [Programmatic Support in Redaction](./programmatic-support)
+* [UI interactions](./ui-interaction)
+* [Redaction in Mobile View](./mobile-view)
+* [Redaction Toolbar](./toolbar)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/react/Redaction/toolbar.md b/Document-Processing/PDF/PDF-Viewer/react/Redaction/toolbar.md
new file mode 100644
index 000000000..e1fdc7a06
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/react/Redaction/toolbar.md
@@ -0,0 +1,196 @@
+---
+layout: post
+title: Customize the redaction toolbar in React PDF Viewer | Syncfusion
+description: Learn how to customize the redaction toolbar in the Syncfusion React PDF Viewer by showing or hiding default items.
+platform: document-processing
+control: PDF Viewer
+documentation: ug
+---
+
+# Redaction toolbar customization in React
+
+The redaction toolbar in the Syncfusion React PDF Viewer can be customized by rearranging existing items, hiding default items, or adding new ones. You can also place custom items at specific index positions among the existing toolbar items.
+
+## Enable the redaction toolbar
+
+To enable the redaction toolbar, configure the `toolbarSettings.toolbarItems` property of the PdfViewer instance to include the **RedactionEditTool**.
+
+The following example shows how to enable the redaction toolbar:
+
+{% tabs %}
+{% highlight js tabtitle="index.js" %}
+
+import * as ReactDOM from 'react-dom/client';
+import * as React from 'react';
+import './index.css';
+import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, BookmarkView, ThumbnailView, Print, TextSelection, Annotation, TextSearch, FormFields, FormDesigner, Inject } from '@syncfusion/ej2-react-pdfviewer';
+export function App() {
+  // includes RedactionEditTool
+  const toolbarSettings = {
+    toolbarItems: [
+      'OpenOption',
+      'UndoRedoTool',
+      'PageNavigationTool',
+      'MagnificationTool',
+      'PanTool',
+      'SelectionTool',
+      'CommentTool',
+      'SubmitForm',
+      'AnnotationEditTool',
+      'RedactionEditTool', // Redaction entry in the primary toolbar
+      'FormDesignerEditTool',
+      'SearchOption',
+      'PrintOption',
+      'DownloadOption'
+    ]
+  };
+  return (<div>
+    <div className='control-section'>
+      <PdfViewerComponent 
+        id="container" 
+        documentPath="https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf"
+        resourceUrl= "https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib"
+        toolbarSettings={toolbarSettings}
+        
+        style={{ 'height': '680px' }} 
+      >
+        <Inject services={[Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, BookmarkView, ThumbnailView,
+          Print, TextSelection, TextSearch, FormFields, FormDesigner]} />
+      </PdfViewerComponent>
+    </div>
+  </div>);
+  
+}
+const root = ReactDOM.createRoot(document.getElementById('sample'));
+root.render(<App />);
+
+{% endhighlight %}
+{% endtabs %}
+
+Refer to the following image for the toolbar view:
+
+![Enable redaction toolbar](../redaction/redaction-annotations-images/redaction-icon-toolbar.png)
+
+## Show or hide the redaction toolbar
+
+You can toggle the redaction toolbar either using the built‑in toolbar icon or programmatically with the `showRedactionToolbar` method.
+
+### Display the redaction toolbar using the toolbar icon
+
+When **RedactionEditTool** is included in the toolbar settings, clicking the redaction icon in the primary toolbar will show or hide the redaction toolbar.
+
+![Show redaction toolbar from the primary toolbar](../redaction/redaction-annotations-images/redaction-icon-toolbar.png)
+
+### Display the redaction toolbar programmatically
+
+You can also control visibility through code by calling `viewer.toolbar.showRedactionToolbar(true/false)`.
+
+The following example demonstrates toggling the redaction toolbar programmatically:
+
+{% tabs %}
+{% highlight js tabtitle="index.js" %}
+
+import * as ReactDOM from 'react-dom/client';
+import * as React from 'react';
+import './index.css';
+import {
+  PdfViewerComponent,
+  Toolbar,
+  Magnification,
+  Navigation,
+  LinkAnnotation,
+  BookmarkView,
+  ThumbnailView,
+  Print,
+  TextSelection,
+  Annotation,
+  TextSearch,
+  FormFields,
+  FormDesigner,
+  Inject
+} from '@syncfusion/ej2-react-pdfviewer';
+
+export function App() {
+  const viewerRef = React.useRef(null);
+
+  const toolbarSettings = {
+    toolbarItems: [
+      'OpenOption',
+      'UndoRedoTool',
+      'PageNavigationTool',
+      'MagnificationTool',
+      'PanTool',
+      'SelectionTool',
+      'CommentTool',
+      'SubmitForm',
+      'AnnotationEditTool',
+      'RedactionEditTool',
+      'FormDesignerEditTool',
+      'SearchOption',
+      'PrintOption',
+      'DownloadOption'
+    ]
+  };
+
+  const showRedactionToolbar = () => {
+    if (!viewerRef.current) return;
+    viewerRef.current.toolbar.showRedactionToolbar(true);
+  };
+
+  const hideRedactionToolbar = () => {
+    if (!viewerRef.current) return;
+    viewerRef.current.toolbar.showRedactionToolbar(false);
+  };
+
+  return (
+    <div className='content-wrapper'>
+      <div style={{ marginBottom: '8px', display: 'flex', gap: '8px' }}>
+        <button type='button' onClick={showRedactionToolbar}>Show Redaction Toolbar</button>
+        <button type='button' onClick={hideRedactionToolbar}>Hide Redaction Toolbar</button>
+      </div>
+      <PdfViewerComponent
+        ref={viewerRef}
+        id='container'
+        resourceUrl='https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib'
+        documentPath='https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf'
+        toolbarSettings={toolbarSettings}
+        style={{ height: '640px', display: 'block' }}
+      >
+        <Inject services={[
+          Toolbar,
+          Magnification,
+          Navigation,
+          Annotation,
+          LinkAnnotation,
+          BookmarkView,
+          ThumbnailView,
+          Print,
+          TextSelection,
+          TextSearch,
+          FormFields,
+          FormDesigner
+        ]} />
+      </PdfViewerComponent>
+    </div>
+  );
+}
+
+const root = ReactDOM.createRoot(document.getElementById('sample'));
+root.render(<App />);
+
+{% endhighlight %}
+{% endtabs %}
+
+[View Sample in GitHub](https://github.com/SyncfusionExamples/react-pdf-viewer-examples)
+
+Refer to the following image for details:
+
+![Programmatically show the Redaction toolbar](../redaction/redaction-annotations-images/show-redaction-toolbar.png)
+
+## See also
+
+* [Adding the redaction annotation in PDF viewer](../redaction/overview)
+* [UI interactions](./ui-interaction)
+* [Programmatic support](./programmatic-support)
+* [Mobile view](./mobile-view)
+* [Search Text and Redact](./search-redact)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/react/Redaction/ui-interaction.md b/Document-Processing/PDF/PDF-Viewer/react/Redaction/ui-interaction.md
new file mode 100644
index 000000000..f0ddd480e
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/react/Redaction/ui-interaction.md
@@ -0,0 +1,135 @@
+---
+layout: post
+title: Redaction UI interactions in React PDF Viewer | Syncfusion
+description: Learn about UI interactions in Redaction annotations of the Syncfusion React PDF Viewer component.
+platform: document-processing
+control: PDF Viewer
+documentation: ug
+---
+
+# Redaction UI interactions in React PdfViewer
+
+## Add redaction annotations from the toolbar
+
+Use the redaction tool in the toolbar to draw over content that should be hidden. After marking, an annotation can display overlay text (for example, “Confidential”) and can be styled using fill color and other properties.
+
+![Drawing a redaction annotation on the page](redaction-annotations-images/adding-redaction-annotation.png)
+
+#### Redaction annotations are interactive
+
+* **Movable** – Drag and reposition the annotation within the same page.  
+![Moving a redaction annotation](redaction-annotations-images/moving-redaction-annotation.png)
+
+* **Resizable** – Resize the annotation to cover the required area.  
+![Resizing a redaction annotation](redaction-annotations-images/resizing-redaction-annotation.png)
+
+N> The redaction tool is hidden by default. Customize the toolbar to include it. For instructions, see the [Toolbar customization](../toolbar).
+
+## Add redaction annotations using the context menu
+
+In addition to the toolbar, you can add redaction annotations directly from the context menu. Select the text or region, right‑click (or long‑press on mobile), and choose the **Redact Annotation** option. This creates a redaction mark over the selected content.
+
+![Context menu showing Redact Annotation option](redaction-annotations-images/redact-text-context-menu.png)
+
+## Update redaction properties
+
+After adding a redaction annotation, you can update its properties through the property panel or programmatically.
+
+### Update using the property panel
+
+When a redaction annotation is selected, a two‑tab property panel (General and Appearance) lets you customize text and styling. Changes are reflected instantly on the redaction mark.
+
+The property panel can be opened in two ways:
+
+* By clicking the **redaction property panel** icon in the toolbar.  
+![Redaction Property Panel Icon](redaction-annotations-images/redaction-property-panel-icon.png)
+
+* By right‑clicking (or long‑pressing) the annotation and choosing **Properties** from the context menu.  
+![Redaction Property Panel via Context Menu](redaction-annotations-images/redaction-property-panel-via-context-menu.png)
+
+#### General tab
+
+Use the General tab to define how the content will look after redaction. These settings control the final, burned‑in result and provide a live preview on hover.
+
+* Use Overlay Text – Enable to show text (for example, Confidential) over the redacted area.
+* Overlay Text – Enter the text to display.
+* Repeat Overlay Text – Tile the text to cover the whole region.
+
+![Overlay Text Options](redaction-annotations-images/redaction-overalytext.png)
+
+* Font options – Choose family, size, color, and alignment for the overlay text.
+* Fill Color – Select the color that will fill the region after redaction is applied.
+
+![Fill Color in General Tab](redaction-annotations-images/after-redaction-fill-color.png)
+
+Note: Hovering the mouse over a redaction annotation shows a preview of this final look. After you click Apply Redaction, these settings are flattened into the page and can’t be edited. Tip: Click Save in the dialog to keep your changes.
+
+#### Appearance tab
+
+Use the Appearance tab to style the redaction annotation itself (before applying). These options help you see and manage the box on the page but do not change the final redacted output.
+
+* Fill Color – Sets the annotation’s fill while you review and move/resize it.
+* Outline Color – Optional border for the annotation.
+* Fill Opacity – Controls how transparent the annotation appears during review.
+
+Note: The Appearance tab affects only the temporary annotation. The final look after applying redaction comes from the General tab settings.
+
+![Appearance Tab Settings](redaction-annotations-images/redaction-annotation-appearance.png)
+
+### What changes after applying redaction?
+
+When you click Apply Redaction:
+
+* The selected content is permanently removed from the page.
+* The redaction region is flattened into the page with a solid fill that uses the General tab Fill Color.
+* If overlay text was enabled, the text is burned into the page. If Repeat Overlay Text was enabled, the text is tiled across the region.
+* All properties become read‑only. You cannot edit overlay text, fill color, outline, or opacity after applying. Set the final look in the General tab and use the Appearance tab only to style the annotation before you apply.
+
+## Delete redaction annotations
+
+Delete redaction annotations using any of the following:
+
+* **Right-click and select Delete** from the context menu.
+
+![Context menu showing Delete for a redaction](redaction-annotations-images/redaction-delete-context-menu.png)
+
+* **Click the Delete button** on the toolbar.  
+![Toolbar delete icon for redaction](redaction-annotations-images/redaction-delete-icon.png)
+
+* **Press the Delete key** after selecting the annotation.
+
+## Redact pages using the UI
+
+Entire pages can be marked for redaction using the **Redact Pages** option in the toolbar. Clicking the icon opens a dialog with options:
+
+* **Current Page** – Redacts the page currently in view.  
+* **Odd Pages Only** – Redacts all odd‑numbered pages.  
+* **Even Pages Only** – Redacts all even‑numbered pages.  
+* **Specific Pages** – Enter page numbers or ranges (e.g., 1, 3–5, 7) to redact.
+
+After choosing the range, click **Save** to apply redaction marks to the selected pages.
+
+![Page Redaction Panel](redaction-annotations-images/page-redaction-panel.png)
+
+## Apply redaction from the toolbar
+
+The **Apply Redaction** button permanently removes all marked content from the document.
+
+* The button is disabled when no redaction annotations exist.  
+* It automatically enables once at least one annotation is present.
+
+![Redact Button Icon](redaction-annotations-images/redact-button-icon.png)
+
+A confirmation dialog appears before applying redaction to ensure you acknowledge the irreversible nature of the process.
+
+![Apply Redaction Dialog](redaction-annotations-images/apply-redaction-dialog.png)
+
+N> Redaction is permanent. Once applied, the original content cannot be restored.
+
+## See also
+
+* [Overview of Redaction](./overview)
+* [Programmatic Support in Redaction](./programmatic-support)
+* [Redaction in Mobile View](./mobile-view)
+* [Redaction Toolbar](./toolbar)
+* [Search Text and Redact](./search-redact)
diff --git a/Document-Processing/PDF/PDF-Viewer/react/annotation/shape-annotation.md b/Document-Processing/PDF/PDF-Viewer/react/annotation/shape-annotation.md
index 73c961aa4..120f01c6e 100644
--- a/Document-Processing/PDF/PDF-Viewer/react/annotation/shape-annotation.md
+++ b/Document-Processing/PDF/PDF-Viewer/react/annotation/shape-annotation.md
@@ -110,7 +110,7 @@ root.render(<App />);
 
 ## Add a shape annotation to the PDF document programmatically
 
-The PDF Viewer library allows adding a shape annotation programmatically using the [addAnnotation()](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/annotation/#annotation) method.
+The PDF Viewer library allows adding a shape annotation programmatically using the [addAnnotation()](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/annotation#annotation) method.
 
 Here is an example showing how to add shape annotations programmatically using addAnnotation():
 
@@ -621,4 +621,6 @@ root.render(<App />);
 
 {% endraw %}
 {% endhighlight %}
-{% endtabs %}
\ No newline at end of file
+{% endtabs %}
+
+N> In both [Arrow](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/index-default#arrowsettings) and [Line](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/index-default#linesettings) annotations Settings, the Fill Color option is available only when an arrowhead style is applied at the Start or End. If both Start and End arrowhead styles are set to None, lines do not support fill rendering and the Fill Color option remains disabled.
diff --git a/Document-Processing/PDF/PDF-Viewer/react/how-to-overview.md b/Document-Processing/PDF/PDF-Viewer/react/how-to-overview.md
index dba935c59..68ba16283 100644
--- a/Document-Processing/PDF/PDF-Viewer/react/how-to-overview.md
+++ b/Document-Processing/PDF/PDF-Viewer/react/how-to-overview.md
@@ -62,4 +62,4 @@ The frequently asked questions in Essential<sup>&reg;</sup> PDF Viewer are liste
 * [How to show or hide a particular annotation?](./how-to/show-hide-annotation-ts)
 * [How to get the signature selected and unselected event?](./how-to/signatureselect-signatureunselect-ts)
 * [How to unload the PDF document from the viewer?](./how-to/unload-document)
-
+* [Load Document after resources Loaded](./how-to/load-document-after-resources-loaded)
diff --git a/Document-Processing/PDF/PDF-Viewer/react/how-to/load-document-after-resources-loaded.md b/Document-Processing/PDF/PDF-Viewer/react/how-to/load-document-after-resources-loaded.md
new file mode 100644
index 000000000..780cf9095
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/react/how-to/load-document-after-resources-loaded.md
@@ -0,0 +1,115 @@
+---
+layout: post
+title: Load document after resources Loaded React PDF Viewer | Syncfusion
+description: Learn how to load a PDF only after assets are ready in the Syncfusion React PDF Viewer (Standalone) using the resourcesLoaded event.
+platform: document-processing
+control: PDF Viewer 
+documentation: ug
+domainurl: ##DomainURL##
+---
+
+# Load a PDF only after PDFium resources are ready
+
+In Standalone mode, the React PDF Viewer downloads its PDFium runtime assets (scripts/wasm) from the location specified in resourceUrl. Attempting to load a document before those assets are available can cause errors. Use the resourcesLoaded event to defer document loading until all required assets are ready.
+
+## When does resourcesLoaded trigger?
+
+The resourcesLoaded event fires once the viewer finishes loading all required PDFium assets. At this point, it is safe to call the load method to open a document (by URL or Base64).
+
+## How to Load Document after resourcesLoaded
+
+- Set the resourceUrl to a valid PDF Viewer assets path (CDN or your hosted path).
+- Listen to resourcesLoaded and call load inside the handler.
+
+```js
+//index.js
+import React, { useRef, useCallback } from 'react';
+import { createRoot } from 'react-dom/client';
+import './index.css';
+
+import {
+  PdfViewerComponent,
+  Toolbar,
+  Magnification,
+  Navigation,
+  LinkAnnotation,
+  ThumbnailView,
+  BookmarkView,
+  TextSelection,
+  Annotation,
+  FormDesigner,
+  FormFields,
+  PageOrganizer,
+  Inject
+} from '@syncfusion/ej2-react-pdfviewer';
+
+function App() {
+  const viewerRef = useRef(null);
+
+  const onResourcesLoaded = useCallback(() => {
+    // Choose ONE of the following load options:
+
+    // 1) Load by URL (recommended for your case)
+    viewerRef.current?.load(
+      'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf',
+      ''
+    );
+
+    // 2) Load by Base64 (uncomment if needed)
+    // supply your Base64 string
+    // const base64 ='data:application/pdf;base64,JVBERi0xLjMNCiXi48...';
+
+    // if (base64) {
+    //   viewerRef.current?.load(base64, '');
+    // }
+  }, []);
+
+  return (
+    <div style={{ height: 640 }}>
+      <PdfViewerComponent
+        id="pdfViewer"
+        ref={viewerRef}
+        resourceUrl="https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib"
+        resourcesLoaded={onResourcesLoaded}
+        style={{ display: 'block', height: '100%' }}
+      >
+        <Inject
+          services={[
+            Toolbar,
+            Magnification,
+            Navigation,
+            LinkAnnotation,
+            ThumbnailView,
+            BookmarkView,
+            TextSelection,
+            Annotation,
+            FormDesigner,
+            FormFields,
+            PageOrganizer
+          ]}
+        />
+      </PdfViewerComponent>
+    </div>
+  );
+}
+
+// Mount (make sure you have <div id="sample"></div> in index.html)
+const container = document.getElementById('sample');
+const root = createRoot(container);
+root.render(<App />);
+```
+
+[View Sample in GitHub](https://github.com/SyncfusionExamples/react-pdf-viewer-examples/tree/master/How%20to)
+
+## Notes and best practices
+
+- Always set a valid resourceUrl when using the Standalone PDF Viewer. If the path is incorrect or blocked by the network, the event cannot fire.
+- Load documents inside resourcesLoaded. This guarantees the PDFium runtime is ready and prevents intermittent errors on slower networks.
+- The event fires for the viewer’s asset load life cycle, not for every document load. After it fires once, you can safely call load again later (for example, in response to user actions) without waiting for the event.
+
+## See also
+
+- [Events in React PDF Viewer](../events#resourcesloaded)
+- [Open PDF files](../open-pdf-files)
+- [Save PDF files](../save-pdf-files)
+- [Getting started](../getting-started)
diff --git a/Document-Processing/PDF/PDF-Viewer/react/images/extract-page-checkboxes.png b/Document-Processing/PDF/PDF-Viewer/react/images/extract-page-checkboxes.png
new file mode 100644
index 000000000..df6efa3ba
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/react/images/extract-page-checkboxes.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/react/images/extract-page-secondary-toolbar.png b/Document-Processing/PDF/PDF-Viewer/react/images/extract-page-secondary-toolbar.png
new file mode 100644
index 000000000..f310ffd39
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/react/images/extract-page-secondary-toolbar.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/react/images/extract-page-selected-thumbnail.png b/Document-Processing/PDF/PDF-Viewer/react/images/extract-page-selected-thumbnail.png
new file mode 100644
index 000000000..6576e7b7a
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/react/images/extract-page-selected-thumbnail.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/react/images/extract-page.png b/Document-Processing/PDF/PDF-Viewer/react/images/extract-page.png
new file mode 100644
index 000000000..3ae5965ba
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/react/images/extract-page.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/react/organize-pages/extract-pages.md b/Document-Processing/PDF/PDF-Viewer/react/organize-pages/extract-pages.md
new file mode 100644
index 000000000..4fab3cd57
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/react/organize-pages/extract-pages.md
@@ -0,0 +1,184 @@
+---
+layout: post
+title: Extract Pages in React PDF Viewer | Syncfusion
+description: Learn here all about Extract Pages in Organize Pages in Syncfusion React PDF Viewer component of Syncfusion Essential JS 2 and more.
+platform: document-processing
+control: PDF Viewer
+documentation: ug
+domainurl: ##DomainURL##
+---
+
+# Extract pages in React PDF Viewer
+
+The PDF Viewer component lets you extract pages from a document using the Extract Pages option in the Organize Pages UI.
+The Extract Pages tool is available by default in Organize Pages.
+
+## Extract Pages in Organize Pages
+
+- Open the Organize Pages panel in the PDF Viewer toolbar.
+- Locate and click the Extract Pages option.
+
+![Extract Pages](../images/extract-page.png)
+
+When selected, a secondary toolbar dedicated to extraction is displayed.
+
+![Extract Pages secondary toolbar](../images/extract-page-secondary-toolbar.png)
+
+## Extract pages using the UI
+
+You can extract by typing page numbers/ranges or by selecting thumbnails.
+
+1. Click Extract Pages in the Organize Pages panel.
+2. In the input box, enter the pages to extract. Supported formats include:
+   - Single pages: 1,3,5
+   - Ranges: 2-6
+   - Combinations: 1,4,7-9
+3. Alternatively, select the page thumbnails you want instead of typing values.
+4. Click Extract to download the extracted pages as a new PDF. Click Cancel to close the tool.
+
+![Extract Pages with selected thumbnails](../images/extract-page-selected-thumbnail.png)
+
+ N> Page numbers are 1-based (first page is 1). You can start anywhere—enter single pages or ranges like 2-3, 5, or 7-9. Invalid or out-of-range entries are ignored.
+
+## Extraction options (checkboxes)
+
+Two options appear in the secondary toolbar:
+
+- **Delete Pages After Extracting:**
+  - When enabled, the selected/entered pages are removed from the document opened in the viewer after the extraction completes. The extracted pages are still downloaded as a new file.
+  - Example: If you enter 1,2 and extract, a PDF containing pages 1 and 2 is downloaded, and pages 1 and 2 are removed from the currently loaded document in the viewer.
+
+- **Extract Pages As Separate Files:**
+  - When enabled, every selected page is exported as an individual PDF file.
+  - Example: If you select pages 3, 5, and 6, three separate PDFs are downloaded (3.pdf, 5.pdf, and 6.pdf). If you enter a range (e.g., 2-4), pages 2, 3, and 4 are each downloaded as separate PDFs.
+
+![Checkboxes for extract options](../images/extract-page-checkboxes.png)
+
+## Programmatic options and APIs
+
+You can control the Extract Pages experience via settings and invoke extraction through code.
+
+### Enable/disable Extract Pages
+
+Use the `canExtractPages` API to enable or disable the Extract Pages option. When set to `false`, the Extract Pages tool is disabled in the toolbar. The default value is `true`.
+
+Use the following code snippet to enable or disable the Extract Pages option:
+
+{% tabs %}
+{% highlight ts tabtitle="Standalone" %}
+import * as ReactDOM from 'react-dom/client';
+import * as React from 'react';
+import './index.css';
+import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, BookmarkView, ThumbnailView, Print, TextSelection, Annotation, TextSearch, FormFields, FormDesigner, Inject, PageOrganizer} from '@syncfusion/ej2-react-pdfviewer';
+export function App() {
+  // Enable Extract Pages Tool
+  const pageOrganizerSettings = { canExtractPages: true};
+  return (<div>
+    <div className='control-section'>
+      <PdfViewerComponent 
+        id="container" 
+        documentPath="https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf"
+        resourceUrl="https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib" 
+        style={{ 'height': '680px' }} 
+        pageOrganizerSettings={pageOrganizerSettings}
+      >
+        <Inject services={[Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, BookmarkView, ThumbnailView,
+          Print, TextSelection, TextSearch, FormFields, FormDesigner,PageOrganizer]} />
+      </PdfViewerComponent>
+    </div>
+  </div>);
+}
+const root = ReactDOM.createRoot(document.getElementById('sample'));
+root.render(<App />);
+{% endhighlight %}
+{% endtabs %}
+
+Use the `showExtractPagesOption` API to show or hide the Extract Pages option. When set to `false`, the Extract Pages tool is removed from the toolbar. The default value is `true`.
+
+Use the following code snippet to remove the Extract Pages option:
+
+{% tabs %}
+{% highlight ts tabtitle="Standalone" %}
+import * as ReactDOM from 'react-dom/client';
+import * as React from 'react';
+import './index.css';
+import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, BookmarkView, ThumbnailView, Print, TextSelection, Annotation, TextSearch, FormFields, FormDesigner, Inject, PageOrganizer} from '@syncfusion/ej2-react-pdfviewer';
+export function App() {
+  // Enable Extract Pages Tool
+  const pageOrganizerSettings = { showExtractPagesOption: false};
+  return (<div>
+    <div className='control-section'>
+      <PdfViewerComponent 
+        id="container" 
+        documentPath="https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf"
+        resourceUrl="https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib" 
+        style={{ 'height': '680px' }} 
+        pageOrganizerSettings={pageOrganizerSettings}
+      >
+        <Inject services={[Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, BookmarkView, ThumbnailView,
+          Print, TextSelection, TextSearch, FormFields, FormDesigner,PageOrganizer]} />
+      </PdfViewerComponent>
+    </div>
+  </div>);
+}
+const root = ReactDOM.createRoot(document.getElementById('sample'));
+root.render(<App />);
+{% endhighlight %}
+{% endtabs %}
+
+### Extract pages and load the result programmatically
+
+You can extract pages programmatically using the `extractPages` method.
+The following example extracts pages 1 and 2, then immediately loads the extracted pages back into the viewer. The returned value is a byte array (e.g., Uint8Array) representing the PDF file contents.
+
+{% tabs %}
+{% highlight ts tabtitle="Standalone" %}
+import * as ReactDOM from 'react-dom/client';
+import * as React from 'react';
+import './index.css';
+import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, BookmarkView, ThumbnailView, Print, TextSelection, Annotation, TextSearch, FormFields, FormDesigner, Inject, PageOrganizer} from '@syncfusion/ej2-react-pdfviewer';
+export function App() {
+  // Enable Extract Pages Tool
+  const pageOrganizerSettings = { canExtractPages: true};
+  return (<div>
+    <div className='control-section'>
+      <button onClick={extractPage}>Extract Page</button>
+      <PdfViewerComponent 
+        id="container" 
+        documentPath="https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf"
+        resourceUrl="https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib" 
+        style={{ 'height': '680px' }} 
+        pageOrganizerSettings={pageOrganizerSettings}
+      >
+        <Inject services={[Toolbar, Magnification, Navigation, Annotation, LinkAnnotation, BookmarkView, ThumbnailView,
+          Print, TextSelection, TextSearch, FormFields, FormDesigner,PageOrganizer]} />
+      </PdfViewerComponent>
+    </div>
+  </div>);
+}
+function extractPage(){
+// Get the PDF viewer instance
+    var viewer = document.getElementById('container').ej2_instances[0];
+    //Extract Pages 1,2
+    const array = viewer.extractPages('1,2');
+    //Load in viewer
+    viewer.load(array,'');
+
+    //print base64 to ensure
+    console.log(array);
+}
+const root = ReactDOM.createRoot(document.getElementById('sample'));
+root.render(<App />);
+{% endhighlight %}
+{% endtabs %}
+
+[View sample in GitHub](https://github.com/SyncfusionExamples/react-pdf-viewer-examples/tree/master/How%20to)
+
+## See also
+
+- [Overview](../overview)
+- [UI interactions](../ui-interactions)
+- [Programmatic support](../programmatic-support)
+- [Toolbar](../toolbar)
+- [Events](../events)
+- [Mobile view](../mobile-view)
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/Redaction/mobile-view.md b/Document-Processing/PDF/PDF-Viewer/vue/Redaction/mobile-view.md
new file mode 100644
index 000000000..defa21701
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/vue/Redaction/mobile-view.md
@@ -0,0 +1,237 @@
+---
+layout: post
+title: Redaction in mobile view in Vue PDF Viewer | Syncfusion
+description: Learn how to apply redactions in mobile view using the Syncfusion Vue PDF Viewer with a complete toolbar setup and redaction workflow.
+platform: document-processing
+control: PdfViewer
+documentation: ug
+---
+
+# Redaction in Mobile View in Vue PdfViewer Component
+
+The Redaction Tool enables users to permanently mark and remove sensitive content from PDF documents in mobile view using the Vue PdfViewer component. This feature is optimized for touch interactions and provides a streamlined redaction workflow specifically designed for mobile devices.
+
+![Redaction in Mobile View](./redaction-annotations-images/redaction-mobile-view.png)
+
+N> In mobile view, the redaction toolbar appears at the bottom of the viewer for easy thumb access. Mobile layout activates automatically on small screens.
+
+## Adding Redaction in Mobile View
+
+To enable redaction functionality in your Vue application, configure the PDF Viewer with the following setup:
+
+{% tabs %}
+{% highlight html tabtitle="App.vue" %}
+
+<template>
+  <div class="control-section">
+    <ejs-pdfviewer
+      id="pdfViewer"
+      :resourceUrl="resourceUrl"
+      :documentPath="documentPath"
+      :toolbarSettings="toolbarSettings"
+      style="height: 680px"
+    />
+  </div>
+</template>
+
+<script>
+import {
+  PdfViewerComponent,
+  Toolbar,
+  Magnification,
+  Navigation,
+  LinkAnnotation,
+  BookmarkView,
+  ThumbnailView,
+  Print,
+  TextSelection,
+  TextSearch,
+  Annotation,
+  FormDesigner,
+  FormFields,
+  PageOrganizer
+} from '@syncfusion/ej2-vue-pdfviewer';
+
+export default {
+  name: 'App',
+  components: {
+    'ejs-pdfviewer': PdfViewerComponent
+  },
+  data() {
+    return {
+      resourceUrl: 'https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib',
+      documentPath: 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf',
+      toolbarSettings: {
+        toolbarItems: [
+          'OpenOption',
+          'UndoRedoTool',
+          'PageNavigationTool',
+          'MagnificationTool',
+          'PanTool',
+          'SelectionTool',
+          'CommentTool',
+          'SubmitForm',
+          'AnnotationEditTool',
+          'RedactionEditTool', // Redaction entry in the primary toolbar
+          'FormDesignerEditTool',
+          'SearchOption',
+          'PrintOption',
+          'DownloadOption'
+        ]
+      }
+    };
+  },
+  provide: {
+    PdfViewer: [
+      Toolbar,
+      Magnification,
+      Navigation,
+      Annotation,
+      LinkAnnotation,
+      BookmarkView,
+      ThumbnailView,
+      Print,
+      TextSelection,
+      TextSearch,
+      FormFields,
+      FormDesigner,
+      PageOrganizer
+    ]
+  }
+};
+</script>
+
+{% endhighlight %}
+{% endtabs %}
+
+## Understanding Mobile Redaction Toolbar Tools
+
+When you enter redaction mode in mobile view, a specialized redaction toolbar appears with multiple tools optimized for touch interaction. Each tool serves a specific purpose in the redaction workflow.
+
+### Redaction Annotation Tool
+
+The Redaction Annotation tool is the primary redaction feature that allows you to draw redaction rectangles on specific content:
+
+Function: Creates visual redaction annotations that mark content for permanent removal
+Usage:
+Touch and drag to draw rectangular redaction overlays on any content area.
+
+Process:
+- Selected content appears with a customizable overlay (default black)
+- Annotations remain editable until explicitly applied
+- Can be repositioned or deleted before final application
+
+![Redaction Annotation Tool](./redaction-annotations-images/redaction-annotation-annot.png)
+
+### Page Redaction Tool
+
+The Page Redaction tool enables batch redaction of entire pages based on specific patterns.
+
+![Page Redaction Tool](./redaction-annotations-images/page-redaction-annot.png)
+
+Function: Redacts complete pages or page ranges with a single action
+Options Available:
+- Odd Pages: Redacts only odd-numbered pages (1, 3, 5, etc.)
+- Even Pages: Redacts only even-numbered pages (2, 4, 6, etc.)
+- Specific Page: Specify single pages, ranges (e.g., 1-5, 10-15), or comma-separated lists (e.g., 1,3,5-7)
+- Current Page: Redacts only the currently displayed page
+
+Usage:
+Select desired pattern → Review affected pages in the viewer → Confirm redaction scope
+
+![Page Redaction Tool Dialog](./redaction-annotations-images/page-redaction-dialog-annot.png)
+
+### Redaction Properties Tool
+
+The Redaction Properties tool allows customization of redaction appearance before application.
+
+![Redaction Properties Mobile View](./redaction-annotations-images/redaction-properties-annot.png)
+
+Function: Customize the visual appearance of redaction overlays and text replacement
+Customizable Properties:
+- Fill Color: Change the redaction overlay color (default: black)
+- Outline Color: Set outline color for redaction boxes (optional)
+- Overlay Text: Add custom text to appear on redacted areas (e.g., "REDACTED", "CONFIDENTIAL")
+- Text Color: Change overlay text color for better visibility
+- Text Font: Select font family for overlay text
+- Text Alignment: Position overlay text within redaction boxes
+- Text Size: Adjust overlay text size relative to redaction area
+
+![Redaction Properties Dialog Mobile View](./redaction-annotations-images/redaction-properties-dialog-annot.png)
+
+## Enabling Redaction Mode in Mobile View
+
+Step 1: Tap the Redaction button in the mobile toolbar to activate redaction mode. The redaction toolbar will appear at the bottom of the viewer.
+
+![Redaction toolbar displayed at bottom of mobile PDF viewer with three distinct tools](./redaction-annotations-images/redaction-mobile-view.png)
+
+Step 2: From the redaction toolbar, select your desired redaction tool:
+- First Tool (Redaction Annotation): For selective content redaction
+- Second Tool (Page Redaction): For page-wide or pattern-based redaction
+- Third Tool (Redaction Properties): For appearance customization
+
+Step 3: Configure your redaction parameters using the selected tool interface.
+
+## Applying Different Redaction Types in Mobile View
+
+### Selective Content Redaction
+1. Select Redaction Annotation tool (first button)
+2. Choose Content: Tap and drag over text or draw rectangular areas
+3. Preview: Check redaction overlays for accuracy
+4. Apply: Tap "Apply Redactions" button
+
+### Page-Wide Redaction
+1. Select Page Redaction tool (second button)
+2. Choose Pattern: Select odd pages, even pages, or custom range
+3. Review: Verify affected pages in the viewer
+4. Apply: Confirm page redaction scope and apply
+
+### Custom Appearance Redaction
+1. Select Redaction Properties tool (third button)
+2. Customize: Adjust colors, overlay text, and formatting
+3. Preview: See changes applied to existing annotations
+4. Apply: Use customized appearance for final redaction
+
+## Applying Redactions in Mobile View
+
+N> Applying redactions is permanent. After applying, the underlying content and text are removed from the document and cannot be recovered.
+
+Once you have configured redactions using any combination of tools.
+
+Step 1: Review all redaction marks and configurations.
+
+![Review Redaction Annotation](./redaction-annotations-images/review-redaction-annotation-mv-annot.png)
+
+Step 2: Tap the Apply Redactions button in the redaction toolbar
+
+![Apply Redaction Button](./redaction-annotations-images/apply-redaction-button-mv.png)
+
+Step 3: Confirm the action when prompted - this operation is permanent and cannot be undone
+
+![Apply Redaction Dialog](./redaction-annotations-images/apply-redaction-dialog-mv-annot.png)
+
+The selected content will be permanently removed and replaced according to your redaction properties (solid color blocks or custom overlay text).
+
+![Applied Redaction](./redaction-annotations-images/applied-redaction-annot.png)
+
+## Removing Redaction Annotations
+
+To remove existing redaction annotations before they are applied:
+
+- Step 1: Tap the Redaction Edit button in the mobile toolbar to enter annotation editing mode
+- Step 2: Tap on any existing redaction annotation you wish to remove
+- Step 3: Select Delete from the context menu that appears
+
+Alternative: Tap redaction annotation → Use delete button in annotation properties panel
+
+![Delete Redaction Annotation](./redaction-annotations-images/delete-redaction-annotation-annot.png)
+
+N> Once redactions have been applied to the document, they become part of the PDF content and cannot be removed or modified.
+
+## See Also
+
+* [Redaction Overview](./overview)
+* [UI Interaction](./ui-interaction)
+* [Programmatic Support in Redaction](./programmatic-support)
+* [Toolbar](./toolbar)
+* [Search Text and Redact](./search-redact)
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/Redaction/overview.md b/Document-Processing/PDF/PDF-Viewer/vue/Redaction/overview.md
new file mode 100644
index 000000000..288120519
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/vue/Redaction/overview.md
@@ -0,0 +1,165 @@
+---
+layout: post
+title: Redaction annotation in Vue PDF Viewer | Syncfusion
+description: Learn how to hide sensitive information with interactive and programmatic redaction using the Syncfusion Vue PDF Viewer.
+platform: document-processing
+control: PDF Viewer
+documentation: ug
+domainurl: ##DomainURL##
+---
+
+# Redaction in Vue PdfViewer
+
+Redaction annotations are used to hide confidential or sensitive information in a PDF. The Syncfusion Vue PDF Viewer (EJ2) lets you mark areas or entire pages for redaction, customize their appearance, and permanently apply them with a single action.
+
+## Enable the redaction toolbar
+
+To enable the redaction toolbar, configure the `toolbarSettings.toolbarItems` property of the PdfViewer instance to include the **RedactionEditTool**.
+
+The following example shows how to enable the redaction toolbar:
+
+{% tabs %}
+{% highlight html tabtitle="App.vue" %}
+<template>
+  <div>
+    <div class="control-section">
+      <ejs-pdfviewer
+        id="container"
+        :documentPath="documentPath"
+        :resourceUrl="resourceUrl"
+        :toolbarSettings="toolbarSettings"
+        style="height: 680px"
+      />
+    </div>
+  </div>
+</template>
+<script>
+import {
+  PdfViewerComponent,
+  Toolbar,
+  Magnification,
+  Navigation,
+  Annotation,
+  LinkAnnotation,
+  BookmarkView,
+  ThumbnailView,
+  Print,
+  TextSelection,
+  TextSearch,
+  FormFields,
+  FormDesigner,
+  PageOrganizer
+} from '@syncfusion/ej2-vue-pdfviewer';
+
+export default {
+  name: 'App',
+  components: { 'ejs-pdfviewer': PdfViewerComponent },
+  data() {
+    return {
+      resourceUrl: 'https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib',
+      documentPath: 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf',
+      toolbarSettings: {
+        toolbarItems: [
+          'OpenOption',
+          'UndoRedoTool',
+          'PageNavigationTool',
+          'MagnificationTool',
+          'PanTool',
+          'SelectionTool',
+          'CommentTool',
+          'SubmitForm',
+          'AnnotationEditTool',
+          'RedactionEditTool',
+          'FormDesignerEditTool',
+          'SearchOption',
+          'PrintOption',
+          'DownloadOption'
+        ]
+      }
+    };
+  },
+  provide: {
+    PdfViewer: [
+      Toolbar,
+      Magnification,
+      Navigation,
+      Annotation,
+      LinkAnnotation,
+      BookmarkView,
+      ThumbnailView,
+      Print,
+      TextSelection,
+      TextSearch,
+      FormFields,
+      FormDesigner,
+      PageOrganizer
+    ]
+  }
+};
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+N> Prerequisites: Add the PdfViewer control to your Vue application and ensure the redaction feature is available in the version you are using. Once applied, redaction permanently removes the selected content.
+
+![Toolbar with the Redaction tool highlighted](redaction-annotations-images/redaction-icon-toolbar.png)
+
+## Add Redaction Annotations
+
+You can mark specific content for redaction using the toolbar or through code.  
+
+Select the **Redaction tool** and draw over the text or graphics you want to hide. You can also add overlay text (such as “Confidential”) and adjust the style — fill color, border color, and opacity.
+
+![Drawing a redaction region over page content](redaction-annotations-images/adding-redaction-annotation.png)
+
+## Delete Redaction Annotations
+
+Redaction annotations can be removed easily:
+
+- Click the **Delete** button on the toolbar, or  
+- Select the annotation and press the **Delete** key.
+
+![Toolbar showing the Delete command for redaction](redaction-annotations-images/redaction-delete-icon.png)
+
+## Redact Entire Pages
+
+The viewer allows you to redact whole pages that contain sensitive information. You can choose specific pages, page ranges, or redact all pages using the built‑in dialog, or perform the same action programmatically.
+
+![Toolbar showing the Redact Page option](redaction-annotations-images/redact-page-icon.png)
+
+## Apply Redaction
+
+Once annotations are added, you can permanently apply them to the document. This action cannot be undone.  
+
+Use the **Apply Redaction** button on the toolbar or call the API method:
+
+- The button is disabled until at least one redaction annotation exists.  
+- It becomes active when redaction annotations are present.
+
+![Toolbar showing the Apply Redaction button](redaction-annotations-images/redact-button-icon.png)
+
+A confirmation dialog appears before applying redaction to ensure you acknowledge the irreversible nature of the process.
+
+![Confirmation dialog for applying redaction](redaction-annotations-images/apply-redaction-dialog.png)
+
+N> After redaction is applied, the original content cannot be recovered.
+
+## Comment Support
+
+Redaction annotations can include comments using the built‑in comment panel. This helps you add notes, track reviews, or record the reason for redaction.  
+
+Comments can be added through the UI or API. For more details, see the [Comments documentation](../annotations/comments).
+
+## Import and Export Redaction Annotations
+
+You can save and reload redaction annotations by exporting and importing them in JSON format. This makes it easy to persist annotations or share them across sessions.
+
+For more details, see the [Export and import annotations documentation](../how-to/import-export-annotation).
+
+## See also
+
+* [Redaction UI interactions](./ui-interaction)
+* [Redaction Programmatic support](./programmatic-support)
+* [Redaction Toolbar](./toolbar)
+* [Redaction Mobile view](./mobile-view)
+* [Search Text and Redact](./search-redact)
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/Redaction/programmatic-support.md b/Document-Processing/PDF/PDF-Viewer/vue/Redaction/programmatic-support.md
new file mode 100644
index 000000000..ce7852ed7
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/vue/Redaction/programmatic-support.md
@@ -0,0 +1,740 @@
+---
+layout: post
+title: Redaction Programmatic support in Vue PDF Viewer | Syncfusion
+description: Learn how to add, delete, update, and apply redaction annotations programmatically in the Syncfusion Vue PDF Viewer.
+platform: document-processing
+control: PdfViewer
+documentation: ug
+---
+
+# Programmatic support for redaction in Vue PdfViewer
+
+The Syncfusion Vue PDF Viewer provides APIs to add, update, delete, and apply redaction annotations programmatically. You can also redact entire pages, configure default properties, and work with the redaction property panel.
+
+## Enable the redaction toolbar
+
+To enable the redaction toolbar, configure the `toolbarSettings.toolbarItems` property of the PdfViewer instance to include the **RedactionEditTool**.
+
+The following example shows how to enable the redaction toolbar:
+
+{% tabs %}
+{% highlight html tabtitle="App.vue" %}
+<template>
+  <div>
+    <div class="control-section">
+      <ejs-pdfviewer
+        id="container"
+        :documentPath="documentPath"
+        :resourceUrl="resourceUrl"
+        :toolbarSettings="toolbarSettings"
+        style="height: 680px"
+      />
+    </div>
+  </div>
+</template>
+<script>
+import {
+  PdfViewerComponent,
+  Toolbar,
+  Magnification,
+  Navigation,
+  Annotation,
+  LinkAnnotation,
+  BookmarkView,
+  ThumbnailView,
+  Print,
+  TextSelection,
+  TextSearch,
+  FormFields,
+  FormDesigner,
+  PageOrganizer
+} from '@syncfusion/ej2-vue-pdfviewer';
+
+export default {
+  name: 'App',
+  components: { 'ejs-pdfviewer': PdfViewerComponent },
+  data() {
+    return {
+      resourceUrl: 'https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib',
+      documentPath: 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf',
+      toolbarSettings: {
+        toolbarItems: [
+          'OpenOption',
+          'UndoRedoTool',
+          'PageNavigationTool',
+          'MagnificationTool',
+          'PanTool',
+          'SelectionTool',
+          'CommentTool',
+          'SubmitForm',
+          'AnnotationEditTool',
+          'RedactionEditTool',
+          'FormDesignerEditTool',
+          'SearchOption',
+          'PrintOption',
+          'DownloadOption'
+        ]
+      }
+    };
+  },
+  provide: {
+    PdfViewer: [
+      Toolbar,
+      Magnification,
+      Navigation,
+      Annotation,
+      LinkAnnotation,
+      BookmarkView,
+      ThumbnailView,
+      Print,
+      TextSelection,
+      TextSearch,
+      FormFields,
+      FormDesigner,
+      PageOrganizer
+    ]
+  }
+};
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+## Add redaction annotations programmatically
+
+You can add redaction annotations to a PDF document using the `addAnnotation` method of the `annotation` module. You can listen to the `annotationAdd` event to track when annotations are added.
+
+{% tabs %}
+{% highlight html tabtitle="App.vue" %}
+<template>
+  <div class="content-wrapper">
+    <div style="margin-bottom: 8px; display: flex; gap: 8px; align-items: center;">
+      <button id="addRedactAnnot" type="button" @click="addRedaction">
+        Add Redaction Annotation
+      </button>
+    </div>
+    <ejs-pdfviewer
+      ref="pdfviewer"
+      id="container"
+      :documentPath="documentPath"
+      :resourceUrl="resourceUrl"
+      :toolbarSettings="toolbarSettings"
+      style="height: 640px; display: block;"
+      :annotationAdd="onAnnotationAdd"
+    />
+  </div>
+</template>
+
+<script>
+import {
+  PdfViewerComponent,
+  Toolbar,
+  Magnification,
+  Navigation,
+  Annotation,
+  LinkAnnotation,
+  BookmarkView,
+  ThumbnailView,
+  Print,
+  TextSelection,
+  TextSearch,
+  FormFields,
+  FormDesigner,
+  PageOrganizer
+} from '@syncfusion/ej2-vue-pdfviewer';
+
+export default {
+  name: 'App',
+  components: {
+    'ejs-pdfviewer': PdfViewerComponent
+  },
+  data() {
+    return {
+      documentPath: 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf',
+      resourceUrl: 'https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib',
+      toolbarSettings: {
+        toolbarItems: [
+          'OpenOption',
+          'UndoRedoTool',
+          'PageNavigationTool',
+          'MagnificationTool',
+          'PanTool',
+          'SelectionTool',
+          'CommentTool',
+          'SubmitForm',
+          'AnnotationEditTool',
+          'RedactionEditTool',
+          'FormDesignerEditTool',
+          'SearchOption',
+          'PrintOption',
+          'DownloadOption'
+        ]
+      }
+    };
+  },
+  provide: {
+    PdfViewer: [
+      Toolbar,
+      Magnification,
+      Navigation,
+      Annotation,
+      LinkAnnotation,
+      BookmarkView,
+      ThumbnailView,
+      Print,
+      TextSelection,
+      TextSearch,
+      FormFields,
+      FormDesigner,
+      PageOrganizer
+    ]
+  },
+  methods: {
+    addRedaction() {
+      const inst = this.$refs.pdfviewer?.ej2Instances;
+      if (!inst) return;
+      inst.annotation.addAnnotation('Redaction', {
+        bound: { x: 200, y: 480, width: 150, height: 75 },
+        pageNumber: 1,
+        markerFillColor: '#0000FF',
+        markerBorderColor: 'white',
+        fillColor: 'red',
+        overlayText: 'Confidential',
+        fontColor: 'yellow',
+        fontFamily: 'Times New Roman',
+        fontSize: 8,
+        beforeRedactionsApplied: false
+      });
+    },
+    onAnnotationAdd(args) {
+      console.log('Annotation added:', args);
+    }
+  }
+};
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+## Delete redaction annotations programmatically
+
+Redaction annotations can be removed using the `deleteAnnotationById` event or by selecting and deleting them through code.
+
+{% tabs %}
+{% highlight html tabtitle="App.vue" %}
+<template>
+  <div>
+    <div style="margin-bottom: 8px;">
+      <button @click="deleteAnnotationById">Delete Annotation By Id</button>
+    </div>
+    <ejs-pdfviewer
+      ref="pdfviewer"
+      id="container"
+      :documentPath="documentPath"
+      :resourceUrl="resourceUrl"
+      :toolbarSettings="toolbarSettings"
+      style="height: 640px; display: block;"
+    />
+  </div>
+</template>
+<script>
+import {
+  PdfViewerComponent,
+  Toolbar,
+  Magnification,
+  Navigation,
+  Annotation,
+  LinkAnnotation,
+  BookmarkView,
+  ThumbnailView,
+  Print,
+  TextSelection,
+  TextSearch,
+  FormFields,
+  FormDesigner,
+  PageOrganizer
+} from '@syncfusion/ej2-vue-pdfviewer';
+
+export default {
+  name: 'App',
+  components: { 'ejs-pdfviewer': PdfViewerComponent },
+  data() {
+    return {
+      documentPath: 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf',
+      resourceUrl: 'https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib',
+      toolbarSettings: {
+        toolbarItems: [
+          'OpenOption',
+          'UndoRedoTool',
+          'PageNavigationTool',
+          'MagnificationTool',
+          'PanTool',
+          'SelectionTool',
+          'CommentTool',
+          'SubmitForm',
+          'AnnotationEditTool',
+          'RedactionEditTool',
+          'FormDesignerEditTool',
+          'SearchOption',
+          'PrintOption',
+          'DownloadOption'
+        ]
+      }
+    };
+  },
+  provide: {
+    PdfViewer: [
+      Toolbar,
+      Magnification,
+      Navigation,
+      Annotation,
+      LinkAnnotation,
+      BookmarkView,
+      ThumbnailView,
+      Print,
+      TextSelection,
+      TextSearch,
+      FormFields,
+      FormDesigner,
+      PageOrganizer
+    ]
+  },
+  methods: {
+    deleteAnnotationById() {
+      const inst = this.$refs.pdfviewer?.ej2Instances;
+      if (!inst) return;
+      const id = inst.annotationCollection?.[0]?.annotationId;
+      if (id) {
+        inst.annotationModule.deleteAnnotationById(id);
+      }
+    }
+  }
+};
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+
+Alternatively, you can remove annotations by selecting them in the UI and pressing the **Delete** key.
+
+## Update redaction annotation properties programmatically
+
+You can update properties of an existing redaction annotation using the `editAnnotation` API. For example, to change overlay text or fill color:
+
+{% tabs %}
+{% highlight html tabtitle="App.vue" %}
+<template>
+  <div>
+    <div style="margin-bottom: 8px; display: flex; gap: 8px;">
+      <button id="editRedactAnnotation" @click="editRedactAnnotation">
+        Edit Redact Annotation
+      </button>
+    </div>
+    <ejs-pdfviewer
+      ref="pdfviewer"
+      id="container"
+      :documentPath="documentPath"
+      :resourceUrl="resourceUrl"
+      :toolbarSettings="toolbarSettings"
+      style="height: 640px; display: block;"
+    />
+  </div>
+</template>
+<script>
+import {
+  PdfViewerComponent,
+  Toolbar,
+  Magnification,
+  Navigation,
+  Annotation,
+  LinkAnnotation,
+  BookmarkView,
+  ThumbnailView,
+  Print,
+  TextSelection,
+  TextSearch,
+  FormFields,
+  FormDesigner,
+  PageOrganizer
+} from '@syncfusion/ej2-vue-pdfviewer';
+
+export default {
+  name: 'App',
+  components: { 'ejs-pdfviewer': PdfViewerComponent },
+  data() {
+    return {
+      documentPath: 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf',
+      resourceUrl: 'https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib',
+      toolbarSettings: {
+        toolbarItems: [
+          'OpenOption',
+          'UndoRedoTool',
+          'PageNavigationTool',
+          'MagnificationTool',
+          'PanTool',
+          'SelectionTool',
+          'CommentTool',
+          'SubmitForm',
+          'AnnotationEditTool',
+          'RedactionEditTool',
+          'FormDesignerEditTool',
+          'SearchOption',
+          'PrintOption',
+          'DownloadOption'
+        ]
+      }
+    };
+  },
+  provide: {
+    PdfViewer: [
+      Toolbar,
+      Magnification,
+      Navigation,
+      Annotation,
+      LinkAnnotation,
+      BookmarkView,
+      ThumbnailView,
+      Print,
+      TextSelection,
+      TextSearch,
+      FormFields,
+      FormDesigner,
+      PageOrganizer
+    ]
+  },
+  methods: {
+    editRedactAnnotation() {
+      const inst = this.$refs.pdfviewer?.ej2Instances;
+      if (!inst) return;
+      const collection = inst.annotationCollection || [];
+      for (let i = 0; i < collection.length; i++) {
+        if (collection[i].subject === 'Redaction') {
+          collection[i].overlayText = 'EditedAnnotation';
+          collection[i].markerFillColor = '#22FF00';
+          collection[i].markerBorderColor = '#000000';
+          collection[i].isRepeat = true;
+          collection[i].fillColor = '#F8F8F8';
+          collection[i].fontColor = '#333333';
+          collection[i].fontSize = 14;
+          collection[i].fontFamily = 'Symbol';
+          collection[i].textAlign = 'Right';
+          collection[i].beforeRedactionsApplied = false;
+          inst.annotation.editAnnotation(collection[i]);
+        }
+      }
+    }
+  }
+};
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+## Add page redactions programmatically
+
+Entire pages can be marked for redaction using the `addPageRedactions` method:
+
+{% tabs %}
+{% highlight html tabtitle="App.vue" %}
+<template>
+  <div>
+    <div style="margin-bottom: 8px; display: flex; gap: 8px; align-items: center;">
+      <button id="addPageRedactions" type="button" @click="addPageRedactions">
+        Add Page Redaction
+      </button>
+    </div>
+    <ejs-pdfviewer
+      ref="pdfviewer"
+      id="container"
+      :documentPath="documentPath"
+      :resourceUrl="resourceUrl"
+      :toolbarSettings="toolbarSettings"
+      style="height: 640px; display: block;"
+    />
+  </div>
+</template>
+<script>
+import {
+  PdfViewerComponent,
+  Toolbar,
+  Magnification,
+  Navigation,
+  Annotation,
+  LinkAnnotation,
+  BookmarkView,
+  ThumbnailView,
+  Print,
+  TextSelection,
+  TextSearch,
+  FormFields,
+  FormDesigner,
+  PageOrganizer
+} from '@syncfusion/ej2-vue-pdfviewer';
+
+export default {
+  name: 'App',
+  components: { 'ejs-pdfviewer': PdfViewerComponent },
+  data() {
+    return {
+      documentPath: 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf',
+      resourceUrl: 'https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib',
+      toolbarSettings: {
+        toolbarItems: [
+          'OpenOption',
+          'UndoRedoTool',
+          'PageNavigationTool',
+          'MagnificationTool',
+          'PanTool',
+          'SelectionTool',
+          'CommentTool',
+          'SubmitForm',
+          'AnnotationEditTool',
+          'RedactionEditTool',
+          'FormDesignerEditTool',
+          'SearchOption',
+          'PrintOption',
+          'DownloadOption'
+        ]
+      }
+    };
+  },
+  provide: {
+    PdfViewer: [
+      Toolbar,
+      Magnification,
+      Navigation,
+      Annotation,
+      LinkAnnotation,
+      BookmarkView,
+      ThumbnailView,
+      Print,
+      TextSelection,
+      TextSearch,
+      FormFields,
+      FormDesigner,
+      PageOrganizer
+    ]
+  },
+  methods: {
+    addPageRedactions() {
+      const inst = this.$refs.pdfviewer?.ej2Instances;
+      if (!inst) return;
+      inst.annotation.addPageRedactions([1, 3, 5, 7]);
+    }
+  }
+};
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+## Apply redaction programmatically
+
+Once annotations are added, you can permanently apply them to the document using the `redact` method:
+
+{% tabs %}
+{% highlight html tabtitle="App.vue" %}
+<template>
+  <div>
+    <div style="margin-bottom: 8px; display: flex; gap: 8px; align-items: center;">
+      <button id="redact" type="button" @click="applyRedaction">
+        Apply Redaction
+      </button>
+    </div>
+    <ejs-pdfviewer
+      ref="pdfviewer"
+      id="container"
+      :documentPath="documentPath"
+      :resourceUrl="resourceUrl"
+      :toolbarSettings="toolbarSettings"
+      style="height: 640px; display: block;"
+    />
+  </div>
+</template>
+<script>
+import {
+  PdfViewerComponent,
+  Toolbar,
+  Magnification,
+  Navigation,
+  Annotation,
+  LinkAnnotation,
+  BookmarkView,
+  ThumbnailView,
+  Print,
+  TextSelection,
+  TextSearch,
+  FormFields,
+  FormDesigner,
+  PageOrganizer
+} from '@syncfusion/ej2-vue-pdfviewer';
+
+export default {
+  name: 'App',
+  components: { 'ejs-pdfviewer': PdfViewerComponent },
+  data() {
+    return {
+      documentPath: 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf',
+      resourceUrl: 'https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib',
+      toolbarSettings: {
+        toolbarItems: [
+          'OpenOption',
+          'UndoRedoTool',
+          'PageNavigationTool',
+          'MagnificationTool',
+          'PanTool',
+          'SelectionTool',
+          'CommentTool',
+          'SubmitForm',
+          'AnnotationEditTool',
+          'RedactionEditTool',
+          'FormDesignerEditTool',
+          'SearchOption',
+          'PrintOption',
+          'DownloadOption'
+        ]
+      }
+    };
+  },
+  provide: {
+    PdfViewer: [
+      Toolbar,
+      Magnification,
+      Navigation,
+      Annotation,
+      LinkAnnotation,
+      BookmarkView,
+      ThumbnailView,
+      Print,
+      TextSelection,
+      TextSearch,
+      FormFields,
+      FormDesigner,
+      PageOrganizer
+    ]
+  },
+  methods: {
+    applyRedaction() {
+      const inst = this.$refs.pdfviewer?.ej2Instances;
+      if (!inst) return;
+      inst.annotation.redact();
+    }
+  }
+};
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+N> Applying redaction is irreversible. Once applied, the original content cannot be recovered.
+
+## Configure default redaction annotation properties
+
+You can configure default properties for redaction annotations (such as fill color, overlay text, and font) when adding them programmatically:
+
+{% tabs %}
+{% highlight html tabtitle="App.vue" %}
+<template>
+  <div>
+    <ejs-pdfviewer
+      ref="pdfviewer"
+      id="container"
+      :documentPath="documentPath"
+      :resourceUrl="resourceUrl"
+      :toolbarSettings="toolbarSettings"
+      style="height: 640px; display: block;"
+    />
+  </div>
+</template>
+<script>
+import {
+  PdfViewerComponent,
+  Toolbar,
+  Magnification,
+  Navigation,
+  Annotation,
+  LinkAnnotation,
+  BookmarkView,
+  ThumbnailView,
+  Print,
+  TextSelection,
+  TextSearch,
+  FormFields,
+  FormDesigner,
+  PageOrganizer
+} from '@syncfusion/ej2-vue-pdfviewer';
+
+export default {
+  name: 'App',
+  components: { 'ejs-pdfviewer': PdfViewerComponent },
+  data() {
+    return {
+      documentPath: 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf',
+      resourceUrl: 'https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib',
+      toolbarSettings: {
+        toolbarItems: [
+          'OpenOption',
+          'UndoRedoTool',
+          'PageNavigationTool',
+          'MagnificationTool',
+          'PanTool',
+          'SelectionTool',
+          'CommentTool',
+          'SubmitForm',
+          'AnnotationEditTool',
+          'RedactionEditTool',
+          'FormDesignerEditTool',
+          'SearchOption',
+          'PrintOption',
+          'DownloadOption'
+        ]
+      }
+    };
+  },
+  provide: {
+    PdfViewer: [
+      Toolbar,
+      Magnification,
+      Navigation,
+      Annotation,
+      LinkAnnotation,
+      BookmarkView,
+      ThumbnailView,
+      Print,
+      TextSelection,
+      TextSearch,
+      FormFields,
+      FormDesigner,
+      PageOrganizer
+    ]
+  },
+  mounted() {
+    const inst = this.$refs.pdfviewer?.ej2Instances;
+    if (!inst) return;
+    inst.redactionSettings = {
+      overlayText: 'Confidential',
+      markerFillColor: '#FF0000',
+      markerBorderColor: '#000000',
+      isRepeat: false,
+      fillColor: '#F8F8F8',
+      fontColor: '#333333',
+      fontSize: 14,
+      fontFamily: 'Symbol',
+      textAlign: 'Right'
+    };
+  }
+};
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+[View Sample in GitHub](https://github.com/SyncfusionExamples/vue-pdf-viewer-examples)
+
+## Redaction property panel
+
+The redaction property panel allows users to update annotation properties through the UI. Programmatically, you can invoke the property panel by selecting an annotation and calling the relevant APIs. Properties such as overlay text, font style, and fill color can be updated directly in the panel.
+
+![Redaction Property Panel](../redaction/redaction-annotations-images/redaction-property-panel-icon.png)
+
+## See also
+
+* [Overview of Redaction](./overview)
+* [Redaction UI interactions](./ui-interaction)
+* [Redaction Toolbar](./toolbar)
+* [Reaction in Mobile view](./mobile-view)
+* [Search Text and Redact](./search-redact)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/Redaction/redaction-annotations-images/adding-redaction-annotation.png b/Document-Processing/PDF/PDF-Viewer/vue/Redaction/redaction-annotations-images/adding-redaction-annotation.png
new file mode 100644
index 000000000..b25b31126
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/vue/Redaction/redaction-annotations-images/adding-redaction-annotation.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/Redaction/redaction-annotations-images/after-redaction-fill-color.png b/Document-Processing/PDF/PDF-Viewer/vue/Redaction/redaction-annotations-images/after-redaction-fill-color.png
new file mode 100644
index 000000000..f855a867a
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/vue/Redaction/redaction-annotations-images/after-redaction-fill-color.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/Redaction/redaction-annotations-images/applied-redaction-annot.png b/Document-Processing/PDF/PDF-Viewer/vue/Redaction/redaction-annotations-images/applied-redaction-annot.png
new file mode 100644
index 000000000..f6a6a2831
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/vue/Redaction/redaction-annotations-images/applied-redaction-annot.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/Redaction/redaction-annotations-images/apply-redaction-button-mv.png b/Document-Processing/PDF/PDF-Viewer/vue/Redaction/redaction-annotations-images/apply-redaction-button-mv.png
new file mode 100644
index 000000000..bd02a6bc3
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/vue/Redaction/redaction-annotations-images/apply-redaction-button-mv.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/Redaction/redaction-annotations-images/apply-redaction-dialog-mv-annot.png b/Document-Processing/PDF/PDF-Viewer/vue/Redaction/redaction-annotations-images/apply-redaction-dialog-mv-annot.png
new file mode 100644
index 000000000..0dea706e6
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/vue/Redaction/redaction-annotations-images/apply-redaction-dialog-mv-annot.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/Redaction/redaction-annotations-images/apply-redaction-dialog.png b/Document-Processing/PDF/PDF-Viewer/vue/Redaction/redaction-annotations-images/apply-redaction-dialog.png
new file mode 100644
index 000000000..0692de34e
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/vue/Redaction/redaction-annotations-images/apply-redaction-dialog.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/Redaction/redaction-annotations-images/delete-redaction-annotation-annot.png b/Document-Processing/PDF/PDF-Viewer/vue/Redaction/redaction-annotations-images/delete-redaction-annotation-annot.png
new file mode 100644
index 000000000..8e061a883
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/vue/Redaction/redaction-annotations-images/delete-redaction-annotation-annot.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/Redaction/redaction-annotations-images/moving-redaction-annotation.png b/Document-Processing/PDF/PDF-Viewer/vue/Redaction/redaction-annotations-images/moving-redaction-annotation.png
new file mode 100644
index 000000000..f7715e2d1
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/vue/Redaction/redaction-annotations-images/moving-redaction-annotation.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/Redaction/redaction-annotations-images/page-redaction-annot.png b/Document-Processing/PDF/PDF-Viewer/vue/Redaction/redaction-annotations-images/page-redaction-annot.png
new file mode 100644
index 000000000..bf4804998
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/vue/Redaction/redaction-annotations-images/page-redaction-annot.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/Redaction/redaction-annotations-images/page-redaction-dialog-annot.png b/Document-Processing/PDF/PDF-Viewer/vue/Redaction/redaction-annotations-images/page-redaction-dialog-annot.png
new file mode 100644
index 000000000..69658a826
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/vue/Redaction/redaction-annotations-images/page-redaction-dialog-annot.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/Redaction/redaction-annotations-images/page-redaction-panel.png b/Document-Processing/PDF/PDF-Viewer/vue/Redaction/redaction-annotations-images/page-redaction-panel.png
new file mode 100644
index 000000000..be68305ae
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/vue/Redaction/redaction-annotations-images/page-redaction-panel.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/Redaction/redaction-annotations-images/redact-button-icon.png b/Document-Processing/PDF/PDF-Viewer/vue/Redaction/redaction-annotations-images/redact-button-icon.png
new file mode 100644
index 000000000..954df393d
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/vue/Redaction/redaction-annotations-images/redact-button-icon.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/Redaction/redaction-annotations-images/redact-page-icon.png b/Document-Processing/PDF/PDF-Viewer/vue/Redaction/redaction-annotations-images/redact-page-icon.png
new file mode 100644
index 000000000..0c9dbed27
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/vue/Redaction/redaction-annotations-images/redact-page-icon.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/Redaction/redaction-annotations-images/redact-text-context-menu.png b/Document-Processing/PDF/PDF-Viewer/vue/Redaction/redaction-annotations-images/redact-text-context-menu.png
new file mode 100644
index 000000000..a88985b39
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/vue/Redaction/redaction-annotations-images/redact-text-context-menu.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/Redaction/redaction-annotations-images/redaction-annotation-annot.png b/Document-Processing/PDF/PDF-Viewer/vue/Redaction/redaction-annotations-images/redaction-annotation-annot.png
new file mode 100644
index 000000000..5e9cde040
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/vue/Redaction/redaction-annotations-images/redaction-annotation-annot.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/Redaction/redaction-annotations-images/redaction-annotation-appearance.png b/Document-Processing/PDF/PDF-Viewer/vue/Redaction/redaction-annotations-images/redaction-annotation-appearance.png
new file mode 100644
index 000000000..506dd4f87
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/vue/Redaction/redaction-annotations-images/redaction-annotation-appearance.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/Redaction/redaction-annotations-images/redaction-delete-context-menu.png b/Document-Processing/PDF/PDF-Viewer/vue/Redaction/redaction-annotations-images/redaction-delete-context-menu.png
new file mode 100644
index 000000000..cd8f38b82
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/vue/Redaction/redaction-annotations-images/redaction-delete-context-menu.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/Redaction/redaction-annotations-images/redaction-delete-icon.png b/Document-Processing/PDF/PDF-Viewer/vue/Redaction/redaction-annotations-images/redaction-delete-icon.png
new file mode 100644
index 000000000..4026f8c49
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/vue/Redaction/redaction-annotations-images/redaction-delete-icon.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/Redaction/redaction-annotations-images/redaction-icon-toolbar.png b/Document-Processing/PDF/PDF-Viewer/vue/Redaction/redaction-annotations-images/redaction-icon-toolbar.png
new file mode 100644
index 000000000..6de03e8cc
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/vue/Redaction/redaction-annotations-images/redaction-icon-toolbar.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/Redaction/redaction-annotations-images/redaction-mobile-view.png b/Document-Processing/PDF/PDF-Viewer/vue/Redaction/redaction-annotations-images/redaction-mobile-view.png
new file mode 100644
index 000000000..2d9539200
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/vue/Redaction/redaction-annotations-images/redaction-mobile-view.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/Redaction/redaction-annotations-images/redaction-overalytext.png b/Document-Processing/PDF/PDF-Viewer/vue/Redaction/redaction-annotations-images/redaction-overalytext.png
new file mode 100644
index 000000000..b9d833921
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/vue/Redaction/redaction-annotations-images/redaction-overalytext.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/Redaction/redaction-annotations-images/redaction-properties-annot.png b/Document-Processing/PDF/PDF-Viewer/vue/Redaction/redaction-annotations-images/redaction-properties-annot.png
new file mode 100644
index 000000000..079e65e59
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/vue/Redaction/redaction-annotations-images/redaction-properties-annot.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/Redaction/redaction-annotations-images/redaction-properties-dialog-annot.png b/Document-Processing/PDF/PDF-Viewer/vue/Redaction/redaction-annotations-images/redaction-properties-dialog-annot.png
new file mode 100644
index 000000000..5a56fb1d5
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/vue/Redaction/redaction-annotations-images/redaction-properties-dialog-annot.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/Redaction/redaction-annotations-images/redaction-property-panel-icon.png b/Document-Processing/PDF/PDF-Viewer/vue/Redaction/redaction-annotations-images/redaction-property-panel-icon.png
new file mode 100644
index 000000000..3cc44eb64
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/vue/Redaction/redaction-annotations-images/redaction-property-panel-icon.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/Redaction/redaction-annotations-images/redaction-property-panel-via-context-menu.png b/Document-Processing/PDF/PDF-Viewer/vue/Redaction/redaction-annotations-images/redaction-property-panel-via-context-menu.png
new file mode 100644
index 000000000..08d9a3a6a
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/vue/Redaction/redaction-annotations-images/redaction-property-panel-via-context-menu.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/Redaction/redaction-annotations-images/resizing-redaction-annotation.png b/Document-Processing/PDF/PDF-Viewer/vue/Redaction/redaction-annotations-images/resizing-redaction-annotation.png
new file mode 100644
index 000000000..846e301da
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/vue/Redaction/redaction-annotations-images/resizing-redaction-annotation.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/Redaction/redaction-annotations-images/review-redaction-annotation-mv-annot.png b/Document-Processing/PDF/PDF-Viewer/vue/Redaction/redaction-annotations-images/review-redaction-annotation-mv-annot.png
new file mode 100644
index 000000000..a78383509
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/vue/Redaction/redaction-annotations-images/review-redaction-annotation-mv-annot.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/Redaction/redaction-annotations-images/show-redaction-toolbar.png b/Document-Processing/PDF/PDF-Viewer/vue/Redaction/redaction-annotations-images/show-redaction-toolbar.png
new file mode 100644
index 000000000..94d75eb3b
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/vue/Redaction/redaction-annotations-images/show-redaction-toolbar.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/Redaction/search-redact.md b/Document-Processing/PDF/PDF-Viewer/vue/Redaction/search-redact.md
new file mode 100644
index 000000000..1a8b6884c
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/vue/Redaction/search-redact.md
@@ -0,0 +1,173 @@
+---
+layout: post
+title: Search text and redact in Vue PDF Viewer | Syncfusion
+description: Learn how to find text and add redaction annotations programmatically in the Syncfusion Vue PDF Viewer.
+platform: document-processing
+control: PDF Viewer
+documentation: ug
+domainurl: ##DomainURL##
+---
+
+# Search text and redact in Vue PdfViewer
+
+You can search for a keyword in the loaded PDF and automatically add redaction annotations over each match. The example below wires the extractTextCompleted event, triggers text extraction, performs a search, and places redaction annotations for every result.
+
+N> Prerequisites: Add the PdfViewer control to your Vue application and ensure a document is loaded. Make sure the redaction feature is available in the version you are using. Once applied, redaction permanently removes the selected content.
+
+## Steps to add Redaction annotations on search Text Bounds
+
+**Step 1:** Follow the steps provided in the [link](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/Vue/getting-started) to create a simple PDF Viewer sample.
+
+
+**Step 2:** Use the following code-snippets to Add Redaction annotation on Search Text Bounds.
+
+{% tabs %}
+{% highlight html tabtitle="App.vue" %}
+<template>
+  <div class="content-wrapper">
+    <div style="margin-bottom: 8px; display: flex; gap: 8px; align-items: center;">
+      <button id="searchTextRedact" type="button" @click="searchTextAndRedact">
+        Search "syncfusion" & Mark for Redaction
+      </button>
+      <button id="applyRedaction" type="button" @click="applyRedaction">
+        Apply Redaction
+      </button>
+    </div>
+
+    <ejs-pdfviewer
+      ref="pdfviewer"
+      id="container"
+      :documentPath="documentPath"
+      :resourceUrl="resourceUrl"
+      :toolbarSettings="toolbarSettings"
+      :isExtractText="true"
+      style="height: 640px; display: block;"
+    />
+  </div>
+</template>
+
+<script>
+import {
+  PdfViewerComponent,
+  Toolbar,
+  Magnification,
+  Navigation,
+  Annotation,
+  LinkAnnotation,
+  BookmarkView,
+  ThumbnailView,
+  Print,
+  TextSelection,
+  TextSearch,
+  FormFields,
+  FormDesigner,
+  PageOrganizer
+} from '@syncfusion/ej2-vue-pdfviewer';
+
+export default {
+  name: 'App',
+  components: { 'ejs-pdfviewer': PdfViewerComponent },
+  data() {
+    return {
+      documentPath: 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf',
+      resourceUrl: 'https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib',
+      toolbarSettings: {
+        toolbarItems: [
+          'OpenOption',
+          'UndoRedoTool',
+          'PageNavigationTool',
+          'MagnificationTool',
+          'PanTool',
+          'SelectionTool',
+          'CommentTool',
+          'SubmitForm',
+          'AnnotationEditTool',
+          'RedactionEditTool',
+          'FormDesignerEditTool',
+          'SearchOption',
+          'PrintOption',
+          'DownloadOption'
+        ]
+      }
+    };
+  },
+  provide: {
+    PdfViewer: [
+      Toolbar,
+      Magnification,
+      Navigation,
+      Annotation,
+      LinkAnnotation,
+      BookmarkView,
+      ThumbnailView,
+      Print,
+      TextSelection,
+      TextSearch,
+      FormFields,
+      FormDesigner,
+      PageOrganizer
+    ]
+  },
+  methods: {
+    px(pt) {
+      return (pt * 96) / 72; // points -> pixels
+    },
+    async searchTextAndRedact() {
+      const inst = this.$refs.pdfviewer?.ej2Instances;
+      if (!inst) return;
+      const term = 'syncfusion';
+      const results = await inst.textSearchModule.findTextAsync(term, false);
+      if (!results || results.length === 0) {
+        console.warn('No matches found.');
+        return;
+      }
+      for (const pageResult of results) {
+        if (!pageResult?.bounds?.length) continue;
+        const pageNumber = (pageResult.pageIndex ?? -1) + 1; // 1-based
+        if (pageNumber < 1) continue;
+        for (const bound of pageResult.bounds) {
+          inst.annotation.addAnnotation('Redaction', {
+            bound: {
+              x: this.px(bound.x),
+              y: this.px(bound.y),
+              width: this.px(bound.width),
+              height: this.px(bound.height)
+            },
+            pageNumber,
+            overlayText: 'Confidential',
+            fillColor: '#00FF40FF',
+            fontColor: '#333333',
+            fontSize: 12,
+            fontFamily: 'Arial',
+            markerFillColor: '#FF0000',
+            markerBorderColor: '#000000'
+          });
+        }
+      }
+    },
+    applyRedaction() {
+      const inst = this.$refs.pdfviewer?.ej2Instances;
+      if (!inst) return;
+      inst.annotation.redact();
+    }
+  }
+};
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+[View Sample in GitHub](https://github.com/SyncfusionExamples/vue-pdf-viewer-examples)
+
+## Notes
+- Ensure the PDF is fully loaded before triggering extraction and search.
+- Bounds from search are in points (72 DPI). Convert to pixels (96 DPI) to align with annotation coordinates.
+- Customize overlay text, colors, and typography as needed.
+- Adding a redaction annotation covers the content visually. To permanently remove sensitive data, use the viewer's Apply Redaction action or equivalent API if available in your version.
+
+## See also
+
+* [Overview of Redaction](./overview)
+* [Programmatic Support in Redaction](./programmatic-support)
+* [UI interactions](./ui-interaction)
+* [Redaction in Mobile View](./mobile-view)
+* [Redaction Toolbar](./toolbar)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/Redaction/toolbar.md b/Document-Processing/PDF/PDF-Viewer/vue/Redaction/toolbar.md
new file mode 100644
index 000000000..008242e72
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/vue/Redaction/toolbar.md
@@ -0,0 +1,231 @@
+---
+layout: post
+title: Customize the redaction toolbar in Vue PDF Viewer | Syncfusion
+description: Learn how to customize the redaction toolbar in the Syncfusion Vue PDF Viewer by showing or hiding default items.
+platform: document-processing
+control: PDF Viewer
+documentation: ug
+---
+
+# Redaction toolbar customization in Vue
+
+The redaction toolbar in the Syncfusion Vue PDF Viewer can be customized by rearranging existing items, hiding default items, or adding new ones. You can also place custom items at specific index positions among the existing toolbar items.
+
+## Enable the redaction toolbar
+
+To enable the redaction toolbar, configure the `toolbarSettings.toolbarItems` property of the PdfViewer instance to include the **RedactionEditTool**.
+
+The following example shows how to enable the redaction toolbar:
+
+{% tabs %}
+{% highlight html tabtitle="App.vue" %}
+<template>
+  <div>
+    <div class="control-section">
+      <ejs-pdfviewer
+        id="container"
+        :documentPath="documentPath"
+        :resourceUrl="resourceUrl"
+        :toolbarSettings="toolbarSettings"
+        style="height: 680px"
+      />
+    </div>
+  </div>
+</template>
+<script>
+import {
+  PdfViewerComponent,
+  Toolbar,
+  Magnification,
+  Navigation,
+  Annotation,
+  LinkAnnotation,
+  BookmarkView,
+  ThumbnailView,
+  Print,
+  TextSelection,
+  TextSearch,
+  FormFields,
+  FormDesigner,
+  PageOrganizer
+} from '@syncfusion/ej2-vue-pdfviewer';
+
+export default {
+  name: 'App',
+  components: { 'ejs-pdfviewer': PdfViewerComponent },
+  data() {
+    return {
+      resourceUrl: 'https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib',
+      documentPath: 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf',
+      toolbarSettings: {
+        toolbarItems: [
+          'OpenOption',
+          'UndoRedoTool',
+          'PageNavigationTool',
+          'MagnificationTool',
+          'PanTool',
+          'SelectionTool',
+          'CommentTool',
+          'SubmitForm',
+          'AnnotationEditTool',
+          'RedactionEditTool',
+          'FormDesignerEditTool',
+          'SearchOption',
+          'PrintOption',
+          'DownloadOption'
+        ]
+      }
+    };
+  },
+  provide: {
+    PdfViewer: [
+      Toolbar,
+      Magnification,
+      Navigation,
+      Annotation,
+      LinkAnnotation,
+      BookmarkView,
+      ThumbnailView,
+      Print,
+      TextSelection,
+      TextSearch,
+      FormFields,
+      FormDesigner,
+      PageOrganizer
+    ]
+  }
+};
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+Refer to the following image for the toolbar view:
+
+![Enable redaction toolbar](../redaction/redaction-annotations-images/redaction-icon-toolbar.png)
+
+## Show or hide the redaction toolbar
+
+You can toggle the redaction toolbar either using the built‑in toolbar icon or programmatically with the `showRedactionToolbar` method.
+
+### Display the redaction toolbar using the toolbar icon
+
+When **RedactionEditTool** is included in the toolbar settings, clicking the redaction icon in the primary toolbar will show or hide the redaction toolbar.
+
+![Show redaction toolbar from the primary toolbar](../redaction/redaction-annotations-images/redaction-icon-toolbar.png)
+
+### Display the redaction toolbar programmatically
+
+You can also control visibility through code by calling `viewer.toolbar.showRedactionToolbar(true/false)`.
+
+The following example demonstrates toggling the redaction toolbar programmatically:
+
+{% tabs %}
+{% highlight html tabtitle="App.vue" %}
+<template>
+  <div class="content-wrapper">
+    <div style="margin-bottom: 8px; display: flex; gap: 8px;">
+      <button type="button" @click="showRedactionToolbar">Show Redaction Toolbar</button>
+      <button type="button" @click="hideRedactionToolbar">Hide Redaction Toolbar</button>
+    </div>
+    <ejs-pdfviewer
+      ref="pdfviewer"
+      id="container"
+      :resourceUrl="resourceUrl"
+      :documentPath="documentPath"
+      :toolbarSettings="toolbarSettings"
+      style="height: 640px; display: block;"
+    />
+  </div>
+</template>
+<script>
+import {
+  PdfViewerComponent,
+  Toolbar,
+  Magnification,
+  Navigation,
+  Annotation,
+  LinkAnnotation,
+  BookmarkView,
+  ThumbnailView,
+  Print,
+  TextSelection,
+  TextSearch,
+  FormFields,
+  FormDesigner,
+  PageOrganizer
+} from '@syncfusion/ej2-vue-pdfviewer';
+
+export default {
+  name: 'App',
+  components: { 'ejs-pdfviewer': PdfViewerComponent },
+  data() {
+    return {
+      resourceUrl: 'https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib',
+      documentPath: 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf',
+      toolbarSettings: {
+        toolbarItems: [
+          'OpenOption',
+          'UndoRedoTool',
+          'PageNavigationTool',
+          'MagnificationTool',
+          'PanTool',
+          'SelectionTool',
+          'CommentTool',
+          'SubmitForm',
+          'AnnotationEditTool',
+          'RedactionEditTool',
+          'FormDesignerEditTool',
+          'SearchOption',
+          'PrintOption',
+          'DownloadOption'
+        ]
+      }
+    };
+  },
+  provide: {
+    PdfViewer: [
+      Toolbar,
+      Magnification,
+      Navigation,
+      Annotation,
+      LinkAnnotation,
+      BookmarkView,
+      ThumbnailView,
+      Print,
+      TextSelection,
+      TextSearch,
+      FormFields,
+      FormDesigner,
+      PageOrganizer
+    ]
+  },
+  methods: {
+    showRedactionToolbar() {
+      const inst = this.$refs.pdfviewer?.ej2Instances;
+      if (!inst) return;
+      inst.toolbar.showRedactionToolbar(true);
+    },
+    hideRedactionToolbar() {
+      const inst = this.$refs.pdfviewer?.ej2Instances;
+      if (!inst) return;
+      inst.toolbar.showRedactionToolbar(false);
+    }
+  }
+};
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+[View Sample in GitHub](https://github.com/SyncfusionExamples/vue-pdf-viewer-examples)
+
+Refer to the following image for details:
+
+![Programmatically show the Redaction toolbar](../redaction/redaction-annotations-images/show-redaction-toolbar.png)
+
+## See also
+
+* [Adding the redaction annotation in PDF viewer](../redaction/overview)
+* [UI interactions](./ui-interaction)
+* [Programmatic support](./programmatic-support)
+* [Mobile view](./mobile-view)
+* [Search Text and Redact](./search-redact)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/Redaction/ui-interaction.md b/Document-Processing/PDF/PDF-Viewer/vue/Redaction/ui-interaction.md
new file mode 100644
index 000000000..c50de00d7
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/vue/Redaction/ui-interaction.md
@@ -0,0 +1,135 @@
+---
+layout: post
+title: Redaction UI interactions in Vue PDF Viewer | Syncfusion
+description: Learn about UI interactions in Redaction annotations of the Syncfusion Vue PDF Viewer component.
+platform: document-processing
+control: PDF Viewer
+documentation: ug
+---
+
+# Redaction UI interactions in Vue PdfViewer
+
+## Add redaction annotations from the toolbar
+
+Use the redaction tool in the toolbar to draw over content that should be hidden. After marking, an annotation can display overlay text (for example, “Confidential”) and can be styled using fill color and other properties.
+
+![Drawing a redaction annotation on the page](redaction-annotations-images/adding-redaction-annotation.png)
+
+#### Redaction annotations are interactive
+
+* **Movable** – Drag and reposition the annotation within the same page.  
+![Moving a redaction annotation](redaction-annotations-images/moving-redaction-annotation.png)
+
+* **Resizable** – Resize the annotation to cover the required area.  
+![Resizing a redaction annotation](redaction-annotations-images/resizing-redaction-annotation.png)
+
+N> The redaction tool is hidden by default. Customize the toolbar to include it. For instructions, see the [Toolbar customization](../toolbar).
+
+## Add redaction annotations using the context menu
+
+In addition to the toolbar, you can add redaction annotations directly from the context menu. Select the text or region, right‑click (or long‑press on mobile), and choose the **Redact Annotation** option. This creates a redaction mark over the selected content.
+
+![Context menu showing Redact Annotation option](redaction-annotations-images/redact-text-context-menu.png)
+
+## Update redaction properties
+
+After adding a redaction annotation, you can update its properties through the property panel or programmatically.
+
+### Update using the property panel
+
+When a redaction annotation is selected, a two‑tab property panel (General and Appearance) lets you customize text and styling. Changes are reflected instantly on the redaction mark.
+
+The property panel can be opened in two ways:
+
+* By clicking the **redaction property panel** icon in the toolbar.  
+![Redaction Property Panel Icon](redaction-annotations-images/redaction-property-panel-icon.png)
+
+* By right‑clicking (or long‑pressing) the annotation and choosing **Properties** from the context menu.  
+![Redaction Property Panel via Context Menu](redaction-annotations-images/redaction-property-panel-via-context-menu.png)
+
+#### General tab
+
+Use the General tab to define how the content will look after redaction. These settings control the final, burned‑in result and provide a live preview on hover.
+
+* Use Overlay Text – Enable to show text (for example, Confidential) over the redacted area.
+* Overlay Text – Enter the text to display.
+* Repeat Overlay Text – Tile the text to cover the whole region.
+
+![Overlay Text Options](redaction-annotations-images/redaction-overalytext.png)
+
+* Font options – Choose family, size, color, and alignment for the overlay text.
+* Fill Color – Select the color that will fill the region after redaction is applied.
+
+![Fill Color in General Tab](redaction-annotations-images/after-redaction-fill-color.png)
+
+Note: Hovering the mouse over a redaction annotation shows a preview of this final look. After you click Apply Redaction, these settings are flattened into the page and can’t be edited. Tip: Click Save in the dialog to keep your changes.
+
+#### Appearance tab
+
+Use the Appearance tab to style the redaction annotation itself (before applying). These options help you see and manage the box on the page but do not change the final redacted output.
+
+* Fill Color – Sets the annotation’s fill while you review and move/resize it.
+* Outline Color – Optional border for the annotation.
+* Fill Opacity – Controls how transparent the annotation appears during review.
+
+Note: The Appearance tab affects only the temporary annotation. The final look after applying redaction comes from the General tab settings.
+
+![Appearance Tab Settings](redaction-annotations-images/redaction-annotation-appearance.png)
+
+### What changes after applying redaction?
+
+When you click Apply Redaction:
+
+* The selected content is permanently removed from the page.
+* The redaction region is flattened into the page with a solid fill that uses the General tab Fill Color.
+* If overlay text was enabled, the text is burned into the page. If Repeat Overlay Text was enabled, the text is tiled across the region.
+* All properties become read‑only. You cannot edit overlay text, fill color, outline, or opacity after applying. Set the final look in the General tab and use the Appearance tab only to style the annotation before you apply.
+
+## Delete redaction annotations
+
+Delete redaction annotations using any of the following:
+
+* **Right-click and select Delete** from the context menu.
+
+![Context menu showing Delete for a redaction](redaction-annotations-images/redaction-delete-context-menu.png)
+
+* **Click the Delete button** on the toolbar.  
+![Toolbar delete icon for redaction](redaction-annotations-images/redaction-delete-icon.png)
+
+* **Press the Delete key** after selecting the annotation.
+
+## Redact pages using the UI
+
+Entire pages can be marked for redaction using the **Redact Pages** option in the toolbar. Clicking the icon opens a dialog with options:
+
+* **Current Page** – Redacts the page currently in view.  
+* **Odd Pages Only** – Redacts all odd‑numbered pages.  
+* **Even Pages Only** – Redacts all even‑numbered pages.  
+* **Specific Pages** – Enter page numbers or ranges (e.g., 1, 3–5, 7) to redact.
+
+After choosing the range, click **Save** to apply redaction marks to the selected pages.
+
+![Page Redaction Panel](redaction-annotations-images/page-redaction-panel.png)
+
+## Apply redaction from the toolbar
+
+The **Apply Redaction** button permanently removes all marked content from the document.
+
+* The button is disabled when no redaction annotations exist.  
+* It automatically enables once at least one annotation is present.
+
+![Redact Button Icon](redaction-annotations-images/redact-button-icon.png)
+
+A confirmation dialog appears before applying redaction to ensure you acknowledge the irreversible nature of the process.
+
+![Apply Redaction Dialog](redaction-annotations-images/apply-redaction-dialog.png)
+
+N> Redaction is permanent. Once applied, the original content cannot be restored.
+
+## See also
+
+* [Overview of Redaction](./overview)
+* [Programmatic Support in Redaction](./programmatic-support)
+* [Redaction in Mobile View](./mobile-view)
+* [Redaction Toolbar](./toolbar)
+* [Search Text and Redact](./search-redact)
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/how-to-overview.md b/Document-Processing/PDF/PDF-Viewer/vue/how-to-overview.md
index 957b20749..02324b590 100644
--- a/Document-Processing/PDF/PDF-Viewer/vue/how-to-overview.md
+++ b/Document-Processing/PDF/PDF-Viewer/vue/how-to-overview.md
@@ -61,3 +61,4 @@ The frequently asked questions in Essential<sup>&reg;</sup> PDF Viewer are liste
 * [How to convert pixel to point in server side?](./how-to/convert-pixel-to-point-in-server-side)
 * [Why is the web service not listening?](./how-to/webservice-not-listening)
 * [How to select annotation?](./how-to/select-annotation)
+* [Load Document after resources Loaded](./how-to/load-document-after-resources-loaded)
\ No newline at end of file
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/how-to/load-document-after-resources-loaded.md b/Document-Processing/PDF/PDF-Viewer/vue/how-to/load-document-after-resources-loaded.md
new file mode 100644
index 000000000..f2c518064
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/vue/how-to/load-document-after-resources-loaded.md
@@ -0,0 +1,111 @@
+---
+layout: post
+title: Load document after resources Loaded Vue PDF Viewer | Syncfusion
+description: Learn how to load a PDF only after assets are ready in the Syncfusion Vue PDF Viewer (Standalone) using the resourcesLoaded event.
+platform: document-processing
+control: PDF Viewer 
+documentation: ug
+domainurl: ##DomainURL##
+---
+
+# Load a PDF only after PDFium resources are ready
+
+In Standalone mode, the Vue PDF Viewer downloads its PDFium runtime assets (scripts/wasm) from the location specified in resourceUrl. Attempting to load a document before those assets are available can cause errors. Use the resourcesLoaded event to defer document loading until all required assets are ready.
+
+## When does resourcesLoaded trigger?
+
+The resourcesLoaded event fires once the viewer finishes loading all required PDFium assets. At this point, it is safe to call the load method to open a document (by URL or Base64).
+
+## How to Load Document after resourcesLoaded
+
+- Set the resourceUrl to a valid PDF Viewer assets path (CDN or your hosted path).
+- Listen to resourcesLoaded and call load inside the handler.
+
+{% tabs %}
+{% highlight html tabtitle="Standalone" %}
+<!-- App.vue -->
+<template>
+  <div id="app">
+    <ejs-pdfviewer
+      id="pdfViewer"
+      ref="pdfviewer"
+      :documentPath="documentPath"
+      :resourceUrl="resourceUrl"
+      @resourcesLoaded="onResourcesLoaded"
+      style="height: 640px;"
+    >
+    </ejs-pdfviewer>
+  </div>
+</template>
+
+<script>
+import {
+  PdfViewerComponent,
+  Toolbar,
+  Magnification,
+  Navigation,
+  Annotation,
+  TextSelection,
+  TextSearch,
+  FormFields,
+  FormDesigner,
+  PageOrganizer,
+} from '@syncfusion/ej2-vue-pdfviewer';
+
+export default {
+  name: 'App',
+  components: {
+    'ejs-pdfviewer': PdfViewerComponent,
+  },
+  data() {
+    return {
+        documentPath:'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf',
+        resourceUrl: 'https://cdn.syncfusion.com/ej2/28.1.33/dist/ej2-pdfviewer-lib'
+    };
+  },
+  provide: {
+    PdfViewer: [
+      Toolbar,
+      Magnification,
+      Navigation,
+      Annotation,
+      TextSelection,
+      TextSearch,
+      FormFields,
+      FormDesigner,
+      PageOrganizer,
+    ],
+  },
+    methods: {
+    onResourcesLoaded() {
+      // Choose ONE of the following load options:
+
+      // 1) Load by URL
+      this.$refs.pdfviewer?.load(this.documentPath, '');
+
+      // 2) Load by Base64 (uncomment if you want to load Base64)
+      // const base64 ='data:application/pdf;base64,JVBERi0xLjMNCiXi48...';
+      // if (base64) {
+      //   this.$refs.viewer?.load(base64, '');
+      // }
+    }
+  },
+};
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+[View sample in GitHub](https://github.com/SyncfusionExamples/vue-pdf-viewer-examples/tree/master/How%20to)
+
+## Notes and best practices
+
+- Always set a valid resourceUrl when using the Standalone PDF Viewer. If the path is incorrect or blocked by the network, the event cannot fire.
+- Load documents inside resourcesLoaded. This guarantees the PDFium runtime is ready and prevents intermittent errors on slower networks.
+- The event fires for the viewer’s asset load life cycle, not for every document load. After it fires once, you can safely call load again later (for example, in response to user actions) without waiting for the event.
+
+## See also
+
+- [Events in Vue PDF Viewer](../event#resourcesloaded)
+- [Open PDF files](../open-pdf-files)
+- [Save PDF files](../save-pdf-files)
+- [Getting started](../getting-started)
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/images/extract-page-checkboxes.png b/Document-Processing/PDF/PDF-Viewer/vue/images/extract-page-checkboxes.png
new file mode 100644
index 000000000..df6efa3ba
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/vue/images/extract-page-checkboxes.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/images/extract-page-secondary-toolbar.png b/Document-Processing/PDF/PDF-Viewer/vue/images/extract-page-secondary-toolbar.png
new file mode 100644
index 000000000..f310ffd39
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/vue/images/extract-page-secondary-toolbar.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/images/extract-page-selected-thumbnail.png b/Document-Processing/PDF/PDF-Viewer/vue/images/extract-page-selected-thumbnail.png
new file mode 100644
index 000000000..6576e7b7a
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/vue/images/extract-page-selected-thumbnail.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/images/extract-page.png b/Document-Processing/PDF/PDF-Viewer/vue/images/extract-page.png
new file mode 100644
index 000000000..3ae5965ba
Binary files /dev/null and b/Document-Processing/PDF/PDF-Viewer/vue/images/extract-page.png differ
diff --git a/Document-Processing/PDF/PDF-Viewer/vue/organize-pages/extract-pages.md b/Document-Processing/PDF/PDF-Viewer/vue/organize-pages/extract-pages.md
new file mode 100644
index 000000000..dc28eb51e
--- /dev/null
+++ b/Document-Processing/PDF/PDF-Viewer/vue/organize-pages/extract-pages.md
@@ -0,0 +1,214 @@
+---
+layout: post
+title: Extract Pages in Vue PDF Viewer | Syncfusion
+description: Learn here all about Extract Pages in Organize Pages in Syncfusion Vue PDF Viewer component of Syncfusion Essential JS 2 and more.
+platform: document-processing
+control: PDF Viewer
+documentation: ug
+domainurl: ##DomainURL##
+---
+
+# Extract pages in Vue PDF Viewer
+
+The PDF Viewer component lets you extract pages from a document using the Extract Pages option in the Organize Pages UI.
+The Extract Pages tool is available by default in Organize Pages.
+
+## Extract Pages in Organize Pages
+
+- Open the Organize Pages panel in the PDF Viewer toolbar.
+- Locate and click the Extract Pages option.
+
+![Extract Pages](../images/extract-page.png)
+
+When selected, a secondary toolbar dedicated to extraction is displayed.
+
+![Extract Pages secondary toolbar](../images/extract-page-secondary-toolbar.png)
+
+## Extract pages using the UI
+
+You can extract by typing page numbers/ranges or by selecting thumbnails.
+
+1. Click Extract Pages in the Organize Pages panel.
+2. In the input box, enter the pages to extract. Supported formats include:
+   - Single pages: 1,3,5
+   - Ranges: 2-6
+   - Combinations: 1,4,7-9
+3. Alternatively, select the page thumbnails you want instead of typing values.
+4. Click Extract to download the extracted pages as a new PDF. Click Cancel to close the tool.
+
+![Extract Pages with selected thumbnails](../images/extract-page-selected-thumbnail.png)
+
+ N> Page numbers are 1-based (first page is 1). You can start anywhere—enter single pages or ranges like 2-3, 5, or 7-9. Invalid or out-of-range entries are ignored.
+
+## Extraction options (checkboxes)
+
+Two options appear in the secondary toolbar:
+
+- **Delete Pages After Extracting:**
+  - When enabled, the selected/entered pages are removed from the document opened in the viewer after the extraction completes. The extracted pages are still downloaded as a new file.
+  - Example: If you enter 1,2 and extract, a PDF containing pages 1 and 2 is downloaded, and pages 1 and 2 are removed from the currently loaded document in the viewer.
+
+- **Extract Pages As Separate Files:**
+  - When enabled, every selected page is exported as an individual PDF file.
+  - Example: If you select pages 3, 5, and 6, three separate PDFs are downloaded (3.pdf, 5.pdf, and 6.pdf). If you enter a range (e.g., 2-4), pages 2, 3, and 4 are each downloaded as separate PDFs.
+
+![Checkboxes for extract options](../images/extract-page-checkboxes.png)
+
+## Programmatic options and APIs
+
+You can control the Extract Pages experience via settings and invoke extraction through code.
+
+### Enable/disable Extract Pages
+
+Use the `canExtractPages` API to enable or disable the Extract Pages option. When set to `false`, the Extract Pages tool is disabled in the toolbar. The default value is `true`.
+
+Use the following code snippet to enable or disable the Extract Pages option:
+
+{% tabs %}
+{% highlight html tabtitle="Standalone" %}
+<template>
+  <div id="app">
+  <button v-on:click="extractPage">Extract Page</button>
+      <ejs-pdfviewer
+          id="pdfViewer"
+          ref="pdfviewer"
+          :resourceUrl="resourceUrl"
+          :documentPath="documentPath">
+      </ejs-pdfviewer>
+  </div>
+</template>
+<script>
+import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation,
+          BookmarkView, Annotation, ThumbnailView, Print, TextSelection,
+          TextSearch, FormFields, FormDesigner, PageOrganizer } from '@syncfusion/ej2-vue-pdfviewer';
+export default {
+  name: 'app',
+  components: {
+      "ejs-pdfviewer": PdfViewerComponent
+    },
+  data () {
+    return {
+      resourceUrl:"https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib",
+      documentPath:"https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
+      pageOrganizerSettings: {canExtractPages: true}
+    };
+  },
+
+  provide: {
+    PdfViewer: [ Toolbar, Magnification, Navigation, LinkAnnotation, BookmarkView, ThumbnailView,
+                 Print, TextSelection, TextSearch, Annotation, FormFields, FormDesigner, PageOrganizer ]},
+
+}
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+Use the `showExtractPagesOption` API to show or hide the Extract Pages option. When set to `false`, the Extract Pages tool is removed from the toolbar. The default value is `true`.
+
+Use the following code snippet to remove the Extract Pages option:
+
+{% tabs %}
+{% highlight html tabtitle="Standalone" %}
+<template>
+  <div id="app">
+  <button v-on:click="extractPage">Extract Page</button>
+      <ejs-pdfviewer
+          id="pdfViewer"
+          ref="pdfviewer"
+          :resourceUrl="resourceUrl"
+          :documentPath="documentPath">
+      </ejs-pdfviewer>
+  </div>
+</template>
+<script>
+import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation,
+          BookmarkView, Annotation, ThumbnailView, Print, TextSelection,
+          TextSearch, FormFields, FormDesigner, PageOrganizer } from '@syncfusion/ej2-vue-pdfviewer';
+export default {
+  name: 'app',
+  components: {
+      "ejs-pdfviewer": PdfViewerComponent
+    },
+  data () {
+    return {
+      resourceUrl:"https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib",
+      documentPath:"https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
+      pageOrganizerSettings: {showExtractPagesOption: false}
+    };
+  },
+
+  provide: {
+    PdfViewer: [ Toolbar, Magnification, Navigation, LinkAnnotation, BookmarkView, ThumbnailView,
+                 Print, TextSelection, TextSearch, Annotation, FormFields, FormDesigner, PageOrganizer ]},
+
+}
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+### Extract pages and load the result programmatically
+
+You can extract pages programmatically using the `extractPages` method.
+The following example extracts pages 1 and 2, then immediately loads the extracted pages back into the viewer. The returned value is a byte array (e.g., Uint8Array) representing the PDF file contents.
+
+{% tabs %}
+{% highlight html tabtitle="Standalone" %}
+<template>
+  <div id="app">
+  <button v-on:click="extractPage">Extract Page</button>
+      <ejs-pdfviewer
+          id="pdfViewer"
+          ref="pdfviewer"
+          :resourceUrl="resourceUrl"
+          :documentPath="documentPath"
+          :pageOrganizerSettings="pageOrganizerSettings">
+      </ejs-pdfviewer>
+  </div>
+</template>
+<script>
+import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation,
+          BookmarkView, Annotation, ThumbnailView, Print, TextSelection,
+          TextSearch, FormFields, FormDesigner, PageOrganizer } from '@syncfusion/ej2-vue-pdfviewer';
+export default {
+  name: 'app',
+  components: {
+      "ejs-pdfviewer": PdfViewerComponent
+    },
+  data () {
+    return {
+      resourceUrl:"https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib",
+      documentPath:"https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
+      pageOrganizerSettings: {canExtractPages: true}
+    };
+  },
+  methods: {
+    extractPage: function() {
+     const viewer = this.$refs.pdfviewer.ej2Instances;
+     //Extract Pages 1 and 2
+      const array = viewer.extractPages('1,2');
+      //Load extracted Pages
+      viewer.load(array,'');
+      //Print Base64 to ensure pages are extracted
+      console.log(array);
+    }
+  },
+
+  provide: {
+    PdfViewer: [ Toolbar, Magnification, Navigation, LinkAnnotation, BookmarkView, ThumbnailView,
+                 Print, TextSelection, TextSearch, Annotation, FormFields, FormDesigner, PageOrganizer ]},
+
+}
+</script>
+{% endhighlight %}
+{% endtabs %}
+
+[View sample in GitHub](https://github.com/SyncfusionExamples/vue-pdf-viewer-examples/tree/master/How%20to)
+
+## See also
+
+- [Overview](../overview)
+- [UI interactions](../ui-interactions)
+- [Programmatic support](../programmatic-support)
+- [Toolbar](../toolbar)
+- [Events](../events)
+- [Mobile view](../mobile-view)
diff --git a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Convert-PowerPoint-to-Image-in-ASP-NET-Core.md b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Convert-PowerPoint-to-Image-in-ASP-NET-Core.md
index d669f2076..a5f93e9f8 100644
--- a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Convert-PowerPoint-to-Image-in-ASP-NET-Core.md
+++ b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Convert-PowerPoint-to-Image-in-ASP-NET-Core.md
@@ -323,4 +323,4 @@ By executing the program, you will get the **image** as follows.
 
 Click [here](https://www.syncfusion.com/document-processing/powerpoint-framework/net-core) to explore the rich set of Syncfusion<sup>&reg;</sup> PowerPoint Library (Presentation) features. 
 
-An online sample link to [convert PowerPoint Presentation to image](https://document.syncfusion.com/demos/powerpoint/pptxtoimage#/tailwind) in ASP.NET Core. 
+An online sample link to [convert PowerPoint Presentation to image](https://ej2.syncfusion.com/aspnetcore/PowerPoint/PPTXToImage#/material3) in ASP.NET Core. 
diff --git a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Convert-PowerPoint-to-Image-in-ASP-NET-MVC.md b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Convert-PowerPoint-to-Image-in-ASP-NET-MVC.md
index 8e441a472..84d5db0c6 100644
--- a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Convert-PowerPoint-to-Image-in-ASP-NET-MVC.md
+++ b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Convert-PowerPoint-to-Image-in-ASP-NET-MVC.md
@@ -239,3 +239,5 @@ By executing the program, you will get the **image** as follows.
 {% endtabcontents %}
 
 Click [here](https://www.syncfusion.com/document-processing/powerpoint-framework/net) to explore the rich set of Syncfusion<sup>&reg;</sup> PowerPoint Library (Presentation) features. 
+
+An online sample link to [convert PowerPoint Presentation to image](https://ej2.syncfusion.com/aspnetmvc/PowerPoint/PPTXToImage#/material3) in ASP.NET MVC. 
\ No newline at end of file
diff --git a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Convert-PowerPoint-to-Image-in-ASP-Net.md b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Convert-PowerPoint-to-Image-in-ASP-Net.md
index 3ad6aa92c..8bd148ba1 100644
--- a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Convert-PowerPoint-to-Image-in-ASP-Net.md
+++ b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Convert-PowerPoint-to-Image-in-ASP-Net.md
@@ -97,4 +97,4 @@ By executing the program, you will get the **image** as follows.
 
 Click [here](https://www.syncfusion.com/document-processing/powerpoint-framework/net) to explore the rich set of Syncfusion<sup>&reg;</sup> PowerPoint Library (Presentation) features. 
 
-An online sample link to [convert PowerPoint Presentation to image](https://document.syncfusion.com/demos/powerpoint/pptxtoimage#/tailwind) in ASP.NET Core. 
+An online sample link to [convert PowerPoint Presentation to image](https://ej2.syncfusion.com/aspnetcore/PowerPoint/PPTXToImage#/material3) in ASP.NET Core. 
diff --git a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Convert-PowerPoint-to-Image-in-AWS-Elastic-Beanstalk.md b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Convert-PowerPoint-to-Image-in-AWS-Elastic-Beanstalk.md
index 779899074..ac5fbfdb0 100644
--- a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Convert-PowerPoint-to-Image-in-AWS-Elastic-Beanstalk.md
+++ b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Convert-PowerPoint-to-Image-in-AWS-Elastic-Beanstalk.md
@@ -19,10 +19,10 @@ Step 1: Create a new ASP.NET Core Web application (Model-View-Controller) projec
 Step 2: Install the following **Nuget packages** in your application from [Nuget.org](https://www.nuget.org/).
 
 * [Syncfusion.PresentationRenderer.Net.Core](https://www.nuget.org/packages/Syncfusion.PresentationRenderer.Net.Core)
-* [SkiaSharp.NativeAssets.Linux.NoDependencies v3.116.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux.NoDependencies/3.116.1)
+* [SkiaSharp.NativeAssets.Linux.NoDependencies v3.119.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux.NoDependencies/3.119.1)
 
 ![Install Syncfusion.PresentationRenderer.Net.Core Nuget Package](Azure-Images/App-Service-Linux/Nuget_Package_PowerPoint_Presentation_to_PDF.png)
-![Install SkiaSharp.NativeAssets.Linux.NoDependencies v3.116.1 NuGet Paackage](AWS_images/Elastic_Beanstalk_Images/Nuget-Package-PPTXtoPDF.png)
+![Install SkiaSharp.NativeAssets.Linux.NoDependencies v3.119.1 NuGet Paackage](AWS_images/Elastic_Beanstalk_Images/Nuget-Package-PPTXtoPDF.png)
 
 N> Starting with v16.2.0.x, if you reference Syncfusion<sup>&reg;</sup> assemblies from trial setup or from the NuGet feed, you also have to add "Syncfusion.Licensing" assembly reference and include a license key in your projects. Please refer to this [link](https://help.syncfusion.com/common/essential-studio/licensing/overview) to know about registering Syncfusion<sup>&reg;</sup> license key in your application to use our components.
 
@@ -132,4 +132,4 @@ By executing the program, you will get the **image** as follows.
 
 Click [here](https://www.syncfusion.com/document-processing/powerpoint-framework/net) to explore the rich set of Syncfusion<sup>&reg;</sup> PowerPoint Library (Presentation) features. 
 
-An online sample link to [convert PowerPoint Presentation to image](https://document.syncfusion.com/demos/powerpoint/pptxtoimage#/tailwind) in ASP.NET Core. 
+An online sample link to [convert PowerPoint Presentation to image](https://ej2.syncfusion.com/aspnetcore/PowerPoint/PPTXToImage#/material3) in ASP.NET Core. 
diff --git a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Convert-PowerPoint-to-Image-in-AWS-Lambda.md b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Convert-PowerPoint-to-Image-in-AWS-Lambda.md
index e730a924d..352074285 100644
--- a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Convert-PowerPoint-to-Image-in-AWS-Lambda.md
+++ b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Convert-PowerPoint-to-Image-in-AWS-Lambda.md
@@ -21,11 +21,11 @@ Step 2: Select Blueprint as Empty Function and click **Finish**.
 Step 3: Install the following **Nuget packages** in your application from [Nuget.org](https://www.nuget.org/).
 
 * [Syncfusion.PresentationRenderer.Net.Core](https://www.nuget.org/packages/Syncfusion.PresentationRenderer.Net.Core)
-* [SkiaSharp.NativeAssets.Linux.NoDependencies v3.116.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux.NoDependencies/3.116.1)
+* [SkiaSharp.NativeAssets.Linux.NoDependencies v3.119.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux.NoDependencies/3.119.1)
 
 ![Install Syncfusion.PresentationRenderer.Net.Core Nuget Package](Azure-Images/App-Service-Linux/Nuget_Package_PowerPoint_Presentation_to_PDF.png)
 
-![Install SkiaSharp.NativeAssets.Linux.NoDependencies v3.116.1 Nuget Package](AWS_Images/Lambda_Images/SkiaSharp-Nuget-Package-PPTXtoPDF.png)
+![Install SkiaSharp.NativeAssets.Linux.NoDependencies v3.119.1 Nuget Package](AWS_Images/Lambda_Images/SkiaSharp-Nuget-Package-PPTXtoPDF.png)
 
 N> Starting with v16.2.0.x, if you reference Syncfusion<sup>&reg;</sup> assemblies from trial setup or from the NuGet feed, you also have to add "Syncfusion.Licensing" assembly reference and include a license key in your projects. Please refer to this [link](https://help.syncfusion.com/common/essential-studio/licensing/overview) to know about registering Syncfusion<sup>&reg;</sup> license key in your application to use our components.
 
@@ -190,4 +190,4 @@ From GitHub, you can download the [console application](https://github.com/Syncf
 
 Click [here](https://www.syncfusion.com/document-processing/powerpoint-framework/net-core) to explore the rich set of Syncfusion<sup>&reg;</sup> PowerPoint Library (Presentation) features. 
 
-An online sample link to [convert PowerPoint Presentation to image](https://document.syncfusion.com/demos/powerpoint/pptxtoimage#/tailwind) in ASP.NET Core. 
\ No newline at end of file
+An online sample link to [convert PowerPoint Presentation to image](https://ej2.syncfusion.com/aspnetcore/PowerPoint/PPTXToImage#/material3) in ASP.NET Core. 
\ No newline at end of file
diff --git a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Convert-PowerPoint-to-Image-in-AWS-Linux-EC2.md b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Convert-PowerPoint-to-Image-in-AWS-Linux-EC2.md
index 5f926bf28..f4b74b2f5 100644
--- a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Convert-PowerPoint-to-Image-in-AWS-Linux-EC2.md
+++ b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Convert-PowerPoint-to-Image-in-AWS-Linux-EC2.md
@@ -384,4 +384,4 @@ You can download samples demonstrating how to convert a PowerPoint presentation
  
 Click [here](https://www.syncfusion.com/document-processing/powerpoint-framework/net-core) to explore the rich set of Syncfusion<sup>&reg;</sup> PowerPoint Library (Presentation) features. 
 
-An online sample link to [convert PowerPoint Presentation to image](https://document.syncfusion.com/demos/powerpoint/pptxtoimage#/tailwind) in ASP.NET Core. 
\ No newline at end of file
+An online sample link to [convert PowerPoint Presentation to image](https://ej2.syncfusion.com/aspnetcore/PowerPoint/PPTXToImage#/material3) in ASP.NET Core. 
\ No newline at end of file
diff --git a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Convert-PowerPoint-to-Image-in-AWS.md b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Convert-PowerPoint-to-Image-in-AWS.md
index f6a239a43..9247d727c 100644
--- a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Convert-PowerPoint-to-Image-in-AWS.md
+++ b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Convert-PowerPoint-to-Image-in-AWS.md
@@ -30,12 +30,12 @@ NuGet package name<br/></th></tr></thead>
 <td>
 {{'[AWS Lambda](https://help.syncfusion.com/document-processing/powerpoint/conversions/powerpoint-to-image/net/convert-powerpoint-to-image-in-aws-lambda)' | markdownify}} <br/></td><td>
 {{'[Syncfusion.PresentationRenderer.Net.Core](https://www.nuget.org/packages/Syncfusion.PresentationRenderer.Net.Core)' | markdownify}}<br/>
-{{'[SkiaSharp.NativeAssets.Linux.NoDependencies v3.116.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux.NoDependencies/3.116.1)' | markdownify}} <br/>
+{{'[SkiaSharp.NativeAssets.Linux.NoDependencies v3.119.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux.NoDependencies/3.119.1)' | markdownify}} <br/>
 </td></tr>
 <tr>
 <td>
 {{'[AWS Elastic Beanstalk](https://help.syncfusion.com/document-processing/powerpoint/conversions/powerpoint-to-image/net/convert-powerpoint-to-image-in-aws-elastic-beanstalk)' | markdownify}} <br/></td><td>
 {{'[Syncfusion.PresentationRenderer.Net.Core](https://www.nuget.org/packages/Syncfusion.PresentationRenderer.Net.Core)' | markdownify}}<br/>
-{{'[SkiaSharp.NativeAssets.Linux.NoDependencies v3.116.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux.NoDependencies/3.116.1)' | markdownify}} <br/>
+{{'[SkiaSharp.NativeAssets.Linux.NoDependencies v3.119.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux.NoDependencies/3.119.1)' | markdownify}} <br/>
 </td></tr>
 </table>
diff --git a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Convert-PowerPoint-to-Image-in-Azure-App-Service-Linux.md b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Convert-PowerPoint-to-Image-in-Azure-App-Service-Linux.md
index 0a8441c0b..8b5c32b6c 100644
--- a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Convert-PowerPoint-to-Image-in-Azure-App-Service-Linux.md
+++ b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Convert-PowerPoint-to-Image-in-Azure-App-Service-Linux.md
@@ -24,14 +24,14 @@ Step 3: Click **Create** button.
 Step 4: Install the following **Nuget packages** in your application from [Nuget.org](https://www.nuget.org/).
 
 * [Syncfusion.PresentationRenderer.Net.Core](https://www.nuget.org/packages/Syncfusion.PresentationRenderer.Net.Core) 
-* [SkiaSharp.NativeAssets.Linux v3.116.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux/3.116.1)
-* [HarfBuzzSharp.NativeAssets.Linux v8.3.0.1](https://www.nuget.org/packages/HarfBuzzSharp.NativeAssets.Linux/8.3.0.1)
+* [SkiaSharp.NativeAssets.Linux v3.119.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux/3.119.1)
+* [HarfBuzzSharp.NativeAssets.Linux v8.3.1.2](https://www.nuget.org/packages/HarfBuzzSharp.NativeAssets.Linux/8.3.1.2)
 
 ![Install Syncfusion.PresentationRenderer.Net.Core Nuget Package](Azure-Images/App-Service-Linux/Nuget_Package_PowerPoint_Presentation_to_PDF.png)
 
-![Install SkiaSharp.NativeAssets.Linux v3.116.1 Nuget Package](Azure-Images/App-Service-Linux/SkiaSharp_PowerPoint_Presentation_to_PDF.png)
+![Install SkiaSharp.NativeAssets.Linux v3.119.1 Nuget Package](Azure-Images/App-Service-Linux/SkiaSharp_PowerPoint_Presentation_to_PDF.png)
 
-![Install HarfBuzzSharp.NativeAssets.Linux v8.3.0.1 Nuget Package](Azure-Images/App-Service-Linux/HarfBuzz_PowerPoint_Presentation_to_PDF.png)
+![Install HarfBuzzSharp.NativeAssets.Linux v8.3.1.2 Nuget Package](Azure-Images/App-Service-Linux/HarfBuzz_PowerPoint_Presentation_to_PDF.png)
 
 N> Starting with v16.2.0.x, if you reference Syncfusion<sup>&reg;</sup> assemblies from trial setup or from the NuGet feed, you also have to add "Syncfusion.Licensing" assembly reference and include a license key in your projects. Please refer to this [link](https://help.syncfusion.com/common/essential-studio/licensing/overview) to know about registering Syncfusion<sup>&reg;</sup> license key in your application to use our components.
 
@@ -199,4 +199,4 @@ You can download a complete working sample from [GitHub](https://github.com/Sync
 
 Click [here](https://www.syncfusion.com/document-processing/powerpoint-framework/net-core) to explore the rich set of Syncfusion<sup>&reg;</sup> PowerPoint Library (Presentation) features. 
 
-An online sample link to [convert PowerPoint Presentation to image](https://document.syncfusion.com/demos/powerpoint/pptxtoimage#/tailwind) in ASP.NET Core.
+An online sample link to [convert PowerPoint Presentation to image](https://ej2.syncfusion.com/aspnetcore/PowerPoint/PPTXToImage#/material3) in ASP.NET Core.
diff --git a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Convert-PowerPoint-to-Image-in-Azure-App-Service-Windows.md b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Convert-PowerPoint-to-Image-in-Azure-App-Service-Windows.md
index 02617fc67..0448389d7 100644
--- a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Convert-PowerPoint-to-Image-in-Azure-App-Service-Windows.md
+++ b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Convert-PowerPoint-to-Image-in-Azure-App-Service-Windows.md
@@ -193,4 +193,4 @@ You can download a complete working sample from [GitHub](https://github.com/Sync
 
 Click [here](https://www.syncfusion.com/document-processing/powerpoint-framework/net-core) to explore the rich set of Syncfusion<sup>&reg;</sup> PowerPoint Library (Presentation) features. 
 
-An online sample link to [convert PowerPoint Presentation to image](https://document.syncfusion.com/demos/powerpoint/pptxtoimage#/tailwind) in ASP.NET Core.
+An online sample link to [convert PowerPoint Presentation to image](https://ej2.syncfusion.com/aspnetcore/PowerPoint/PPTXToImage#/material3) in ASP.NET Core.
diff --git a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Convert-PowerPoint-to-Image-in-Azure-Functions-v1.md b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Convert-PowerPoint-to-Image-in-Azure-Functions-v1.md
index 41e26fbfc..de9f552ee 100644
--- a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Convert-PowerPoint-to-Image-in-Azure-Functions-v1.md
+++ b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Convert-PowerPoint-to-Image-in-Azure-Functions-v1.md
@@ -144,5 +144,5 @@ From GitHub, you can download the [console application](https://github.com/Syncf
 
 Click [here](https://www.syncfusion.com/document-processing/powerpoint-framework/net) to explore the rich set of Syncfusion<sup>&reg;</sup> PowerPoint Library (Presentation) features. 
 
-An online sample link to [convert PowerPoint Presentation to image](https://document.syncfusion.com/demos/powerpoint/pptxtoimage#/tailwind) in ASP.NET Core. 
+An online sample link to [convert PowerPoint Presentation to image](https://ej2.syncfusion.com/aspnetcore/PowerPoint/PPTXToImage#/material3) in ASP.NET Core. 
 
diff --git a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Convert-PowerPoint-to-Image-in-Azure-Functions-v4.md b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Convert-PowerPoint-to-Image-in-Azure-Functions-v4.md
index b1e3ecd29..aa194c126 100644
--- a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Convert-PowerPoint-to-Image-in-Azure-Functions-v4.md
+++ b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Convert-PowerPoint-to-Image-in-Azure-Functions-v4.md
@@ -149,5 +149,5 @@ From GitHub, you can download the [console application](https://github.com/Syncf
 
 Click [here](https://www.syncfusion.com/document-processing/powerpoint-framework/net-core) to explore the rich set of Syncfusion<sup>&reg;</sup> PowerPoint Library (Presentation) features. 
 
-An online sample link to [convert PowerPoint Presentation to image](https://document.syncfusion.com/demos/powerpoint/pptxtoimage#/tailwind) in ASP.NET Core.
+An online sample link to [convert PowerPoint Presentation to image](https://ej2.syncfusion.com/aspnetcore/PowerPoint/PPTXToImage#/material3) in ASP.NET Core.
 
diff --git a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Convert-PowerPoint-to-Image-in-Azure.md b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Convert-PowerPoint-to-Image-in-Azure.md
index ab9686112..016458926 100644
--- a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Convert-PowerPoint-to-Image-in-Azure.md
+++ b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Convert-PowerPoint-to-Image-in-Azure.md
@@ -32,7 +32,7 @@ NuGet packages required<br/></th></tr></thead>
 {{'[App Service (Linux)](https://help.syncfusion.com/document-processing/powerpoint/conversions/powerpoint-to-image/net/convert-powerpoint-to-image-in-azure-app-service-linux)' | markdownify}}
 <br/></td><td>
 {{'[Syncfusion.PresentationRenderer.Net.Core](https://www.nuget.org/packages/Syncfusion.PresentationRenderer.Net.Core)' | markdownify}}<br/>
-{{'[SkiaSharp.NativeAssets.Linux v3.116.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux/3.116.1)' | markdownify}}<br/>{{'[HarfBuzzSharp.NativeAssets.Linux v8.3.0.1](https://www.nuget.org/packages/HarfBuzzSharp.NativeAssets.Linux/8.3.0.1)' |markdownify}} <br/></td></tr>
+{{'[SkiaSharp.NativeAssets.Linux v3.119.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux/3.119.1)' | markdownify}}<br/>{{'[HarfBuzzSharp.NativeAssets.Linux v8.3.1.2](https://www.nuget.org/packages/HarfBuzzSharp.NativeAssets.Linux/8.3.1.2)' |markdownify}} <br/></td></tr>
 <tr>
 <td>
 {{'[Azure Functions v1](https://help.syncfusion.com/document-processing/powerpoint/conversions/powerpoint-to-image/net/convert-powerpoint-to-image-in-azure-functions-v1)' | markdownify}}
diff --git a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Convert-PowerPoint-to-Image-in-Blazor.md b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Convert-PowerPoint-to-Image-in-Blazor.md
index 7ef2fe79f..0e3b4e780 100644
--- a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Convert-PowerPoint-to-Image-in-Blazor.md
+++ b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Convert-PowerPoint-to-Image-in-Blazor.md
@@ -736,11 +736,11 @@ Select "Blazor WebAssembly Standalone App" from the template and click the Next
 Step 2: Install the following **Nuget packages** in the application from [Nuget.org](https://www.nuget.org/).
 
 *   [Syncfusion.PresentationRenderer.Net.Core](https://www.nuget.org/packages/Syncfusion.PresentationRenderer.Net.Core) 
-*   [SkiaSharp.Views.Blazor v3.116.1](https://www.nuget.org/packages/SkiaSharp.Views.Blazor/3.116.1)
+*   [SkiaSharp.Views.Blazor v3.119.1](https://www.nuget.org/packages/SkiaSharp.Views.Blazor/3.119.1)
 
 ![Install Syncfusion.PresentationRenderer.Net.Core Nuget Package](Azure-Images/App-Service-Linux/Nuget_Package_PowerPoint_Presentation_to_PDF.png)
 
-![Install SkiaSharp.Views.Blazor v3.116.1 Nuget Package](Workingwith-Blazor/NuGet_package_PPTXtoPDF.png)
+![Install SkiaSharp.Views.Blazor v3.119.1 Nuget Package](Workingwith-Blazor/NuGet_package_PPTXtoPDF.png)
 
 N> 1. If deploying the application in a Linux environment, refer to the [documentation](https://help.syncfusion.com/document-processing/powerpoint/conversions/powerpoint-to-image/net/nuget-packages-required-for-pptxtoimage-conversion#additional-nuget-packages-required-for-linux) for the required additional NuGet packages.
 N> 2. Starting with v16.2.0.x, if Syncfusion<sup>&reg;</sup> assemblies are referenced from trial setup or from the NuGet feed, the "Syncfusion.Licensing" assembly reference must also be added and a license key included in projects. Please refer to this [link](https://help.syncfusion.com/common/essential-studio/licensing/overview) to know about registering Syncfusion<sup>&reg;</sup> license key in an application to use Syncfusion components.
@@ -915,10 +915,10 @@ Step 1: Create a new C# Blazor WASM Standalone app project.
 * Select the project location, type the project name and press enter.
 * Then choose **Create project**.
 
-Step 2: To **convert a PowerPoint to Image in Blazor WASM Standalone app**, install [Syncfusion.PresentationRenderer.Net.Core](https://www.nuget.org/packages/Syncfusion.PresentationRenderer.Net.Core) and [SkiaSharp.Views.Blazor v3.116.1](https://www.nuget.org/packages/SkiaSharp.Views.Blazor/3.116.1) to the Blazor project.
+Step 2: To **convert a PowerPoint to Image in Blazor WASM Standalone app**, install [Syncfusion.PresentationRenderer.Net.Core](https://www.nuget.org/packages/Syncfusion.PresentationRenderer.Net.Core) and [SkiaSharp.Views.Blazor v3.119.1](https://www.nuget.org/packages/SkiaSharp.Views.Blazor/3.119.1) to the Blazor project.
 * Press <kbd>Ctrl</kbd> + <kbd>`</kbd> (backtick) to open the integrated terminal in Visual Studio Code.
 * Ensure you're in the project root directory where your .csproj file is located.
-* Run the command `dotnet add package Syncfusion.PresentationRenderer.Net.Core` and `dotnet add package SkiaSharp.Views.Blazor --version 3.116.1` to install the NuGet package.
+* Run the command `dotnet add package Syncfusion.PresentationRenderer.Net.Core` and `dotnet add package SkiaSharp.Views.Blazor --version 3.119.1` to install the NuGet package.
 
 ![Add Syncfusion.PresentationRenderer.Net.Core NuGet package](Workingwith-Blazor/Command-to-add-NuGet-package-for-WASM.png)
 
@@ -1285,4 +1285,4 @@ N> To convert PPTX to Image, it is necessary to access the font stream internall
 
 Click [here](https://www.syncfusion.com/document-processing/powerpoint-framework/blazor) to explore the rich set of Syncfusion<sup>&reg;</sup> PowerPoint Library (Presentation) features.  
 
-An online sample link to [convert PowerPoint Presentation to image](https://document.syncfusion.com/demos/powerpoint/pptxtoimage#/tailwind) in ASP.NET Core.
\ No newline at end of file
+An online sample link to [convert PowerPoint Presentation to image](https://document.syncfusion.com/demos/powerpoint/pptxtoimage#/tailwind) in ASP.NET Core.
diff --git a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Convert-PowerPoint-to-Image-in-Google-App-Engine.md b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Convert-PowerPoint-to-Image-in-Google-App-Engine.md
index e7a1c5f8f..2c125f700 100644
--- a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Convert-PowerPoint-to-Image-in-Google-App-Engine.md
+++ b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Convert-PowerPoint-to-Image-in-Google-App-Engine.md
@@ -47,8 +47,8 @@ Step 3: Click the **Create** button.
 Step 4: Install the following **Nuget packages** in your application from [Nuget.org](https://www.nuget.org/).
 
 * [Syncfusion.PresentationRenderer.Net.Core](https://www.nuget.org/packages/Syncfusion.PresentationRenderer.Net.Core) 
-* [SkiaSharp.NativeAssets.Linux v3.116.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux/3.116.1)
-* [HarfBuzzSharp.NativeAssets.Linux v8.3.0.1](https://www.nuget.org/packages/HarfBuzzSharp.NativeAssets.Linux/8.3.0.1)
+* [SkiaSharp.NativeAssets.Linux v3.119.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux/3.119.1)
+* [HarfBuzzSharp.NativeAssets.Linux v8.3.1.2](https://www.nuget.org/packages/HarfBuzzSharp.NativeAssets.Linux/8.3.1.2)
 
  ![Install Syncfusion.PresentationRenderer.Net.Core Nuget Package](Azure-Images/App-Service-Linux/Nuget_Package_PowerPoint_Presentation_to_PDF.png)
  ![Install SkiaSharp.NativeAssets.Linux Nuget Package](Azure-Images/App-Service-Linux/SkiaSharp_PowerPoint_Presentation_to_PDF.png)
@@ -255,4 +255,4 @@ By executing the program, you will get the **image** as follows. The output will
 
 Click [here](https://www.syncfusion.com/document-processing/powerpoint-framework/net-core) to explore the rich set of Syncfusion<sup>&reg;</sup> PowerPoint Library (Presentation) features. 
 
-An online sample link to [convert PowerPoint Presentation to image](https://document.syncfusion.com/demos/powerpoint/pptxtoimage#/tailwind) in ASP.NET Core.
+An online sample link to [convert PowerPoint Presentation to image](https://ej2.syncfusion.com/aspnetcore/PowerPoint/PPTXToImage#/material3) in ASP.NET Core.
diff --git a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Convert-PowerPoint-to-Image-in-Google-Cloud-Platform.md b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Convert-PowerPoint-to-Image-in-Google-Cloud-Platform.md
index 65a61462d..acae9989f 100644
--- a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Convert-PowerPoint-to-Image-in-Google-Cloud-Platform.md
+++ b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Convert-PowerPoint-to-Image-in-Google-Cloud-Platform.md
@@ -28,5 +28,5 @@ NuGet package name<br/></th></tr></thead>
 <td>
 {{'[App Engine](https://help.syncfusion.com/document-processing/powerpoint/conversions/powerpoint-to-image/net/convert-powerpoint-to-image-in-google-app-engine)' | markdownify}}<br/></td><td>
 {{'[Syncfusion.PresentationRenderer.Net.Core](https://www.nuget.org/packages/Syncfusion.PresentationRenderer.Net.Core)' | markdownify}}<br/>
-{{'[SkiaSharp.NativeAssets.Linux v3.116.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux/3.116.1)' | markdownify}}<br/>{{'[HarfBuzzSharp.NativeAssets.Linux v8.3.0.1](https://www.nuget.org/packages/HarfBuzzSharp.NativeAssets.Linux/8.3.0.1)' |markdownify}} <br/></td></tr>
+{{'[SkiaSharp.NativeAssets.Linux v3.119.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux/3.119.1)' | markdownify}}<br/>{{'[HarfBuzzSharp.NativeAssets.Linux v8.3.1.2](https://www.nuget.org/packages/HarfBuzzSharp.NativeAssets.Linux/8.3.1.2)' |markdownify}} <br/></td></tr>
 </table>
diff --git a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Convert-PowerPoint-to-Image-in-Linux.md b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Convert-PowerPoint-to-Image-in-Linux.md
index 0a1238e9a..78d189e2e 100644
--- a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Convert-PowerPoint-to-Image-in-Linux.md
+++ b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Convert-PowerPoint-to-Image-in-Linux.md
@@ -36,15 +36,15 @@ dotnet new console
 Step 2: Install the following **Nuget packages** in your application from [Nuget.org](https://www.nuget.org/) by execute the following command.
 
 * [Syncfusion.PresentationRenderer.Net.Core](https://www.nuget.org/packages/Syncfusion.PresentationRenderer.Net.Core) 
-* [SkiaSharp.NativeAssets.Linux v3.116.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux/3.116.1)
-* [HarfBuzzSharp.NativeAssets.Linux v8.3.0.1](https://www.nuget.org/packages/HarfBuzzSharp.NativeAssets.Linux/8.3.0.1)
+* [SkiaSharp.NativeAssets.Linux v3.119.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux/3.119.1)
+* [HarfBuzzSharp.NativeAssets.Linux v8.3.1.2](https://www.nuget.org/packages/HarfBuzzSharp.NativeAssets.Linux/8.3.1.2)
 
 {% tabs %}
 {% highlight KCONFIG %}
 
 dotnet add package Syncfusion.PresentationRenderer.Net.Core -v 22.1.38 -s https://www.nuget.org/
-dotnet add package SkiaSharp.NativeAssets.Linux -v 3.116.1 -s https://www.nuget.org/
-dotnet add package HarfBuzzSharp.NativeAssets.Linux -v 8.3.0.1 -s https://www.nuget.org/
+dotnet add package SkiaSharp.NativeAssets.Linux -v 3.119.1 -s https://www.nuget.org/
+dotnet add package HarfBuzzSharp.NativeAssets.Linux -v 8.3.1.2 -s https://www.nuget.org/
 
 {% endhighlight %}
 {% endtabs %}
@@ -223,4 +223,4 @@ By executing the program, you will get the **image** as follows. The output will
 
 Click [here](https://www.syncfusion.com/document-processing/powerpoint-framework/net-core) to explore the rich set of Syncfusion<sup>&reg;</sup> PowerPoint Library (Presentation) features. 
 
-An online sample link to [convert PowerPoint Presentation to image](https://document.syncfusion.com/demos/powerpoint/pptxtoimage#/tailwind) in ASP.NET Core. 
+An online sample link to [convert PowerPoint Presentation to image](https://ej2.syncfusion.com/aspnetcore/PowerPoint/PPTXToImage#/material3) in ASP.NET Core. 
diff --git a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Convert-PowerPoint-to-Image-in-MAUI.md b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Convert-PowerPoint-to-Image-in-MAUI.md
index a5e4e564a..f6466dc0e 100644
--- a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Convert-PowerPoint-to-Image-in-MAUI.md
+++ b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Convert-PowerPoint-to-Image-in-MAUI.md
@@ -181,7 +181,7 @@ Refer the below helper files and add them into the mentioned project. These help
     {{'[PreviewControllerDS.cs](https://github.com/SyncfusionExamples/PowerPoint-Examples/blob/master/PPTX-to-Image-conversion/Convert-PowerPoint-presentation-to-Image/.NET-MAUI/Convert-PowerPoint-to-Image/Platforms/iOS/PreviewControllerDS.cs)'| markdownify }}<br/>{{'[QLPreviewItemFileSystem.cs](https://github.com/SyncfusionExamples/PowerPoint-Examples/blob/master/PPTX-to-Image-conversion/Convert-PowerPoint-presentation-to-Image/.NET-MAUI/Convert-PowerPoint-to-Image/Platforms/iOS/QLPreviewItemFileSystem.cs)'| markdownify }}
   </td>
   <td>
-    Helper classes for viewing the <b>PowerPoint Presentation</b> in iOS device
+    Helper classes for viewing the <b>PowerPoint Presenatation</b> in iOS device
   </td>
   </tr>
 </table>
@@ -361,7 +361,7 @@ Refer the below helper files and add them into the mentioned project. These help
     {{'[PreviewControllerDS.cs](https://github.com/SyncfusionExamples/PowerPoint-Examples/blob/master/PPTX-to-Image-conversion/Convert-PowerPoint-presentation-to-Image/.NET-MAUI/Convert-PowerPoint-to-Image/Platforms/iOS/PreviewControllerDS.cs)'| markdownify }}<br/>{{'[QLPreviewItemFileSystem.cs](https://github.com/SyncfusionExamples/PowerPoint-Examples/blob/master/PPTX-to-Image-conversion/Convert-PowerPoint-presentation-to-Image/.NET-MAUI/Convert-PowerPoint-to-Image/Platforms/iOS/QLPreviewItemFileSystem.cs)'| markdownify }}
   </td>
   <td>
-    Helper classes for viewing the <b>PowerPoint Presentation</b> in iOS device
+    Helper classes for viewing the <b>PowerPoint Presenatation</b> in iOS device
   </td>
   </tr>
 </table>
@@ -552,7 +552,7 @@ Refer the below helper files and add them into the mentioned project. These help
     {{'[PreviewControllerDS.cs](https://github.com/SyncfusionExamples/PowerPoint-Examples/blob/master/PPTX-to-Image-conversion/Convert-PowerPoint-presentation-to-Image/.NET-MAUI/Convert-PowerPoint-to-Image/Platforms/iOS/PreviewControllerDS.cs)'| markdownify }}<br/>{{'[QLPreviewItemFileSystem.cs](https://github.com/SyncfusionExamples/PowerPoint-Examples/blob/master/PPTX-to-Image-conversion/Convert-PowerPoint-presentation-to-Image/.NET-MAUI/Convert-PowerPoint-to-Image/Platforms/iOS/QLPreviewItemFileSystem.cs)'| markdownify }}
   </td>
   <td>
-    Helper classes for viewing the <b>PowerPoint Presentation</b> in iOS device
+    Helper classes for viewing the <b>PowerPoint Presenatation</b> in iOS device
   </td>
   </tr>
 </table>
@@ -563,4 +563,4 @@ Refer the below helper files and add them into the mentioned project. These help
 
 Click [here](https://www.syncfusion.com/document-processing/powerpoint-framework/maui/powerpoint-library) to explore the rich set of Syncfusion<sup>&reg;</sup> PowerPoint Library (Presentation) features. 
 
-An online sample link to [convert PowerPoint Presentation to image](https://document.syncfusion.com/demos/powerpoint/pptxtoimage#/tailwind) in ASP.NET Core. 
\ No newline at end of file
+An online sample link to [convert PowerPoint Presentation to image](https://ej2.syncfusion.com/aspnetcore/PowerPoint/PPTXToImage#/material3) in ASP.NET Core. 
\ No newline at end of file
diff --git a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Convert-PowerPoint-to-Image-in-Mac.md b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Convert-PowerPoint-to-Image-in-Mac.md
index e1d2342b9..b4fe6d395 100644
--- a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Convert-PowerPoint-to-Image-in-Mac.md
+++ b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Convert-PowerPoint-to-Image-in-Mac.md
@@ -279,4 +279,4 @@ By executing the program, you will get the **image** as follows.
 
 Click [here](https://www.syncfusion.com/document-processing/powerpoint-framework/net-core) to explore the rich set of Syncfusion<sup>&reg;</sup> PowerPoint Library (Presentation) features. 
 
-An online sample link to [convert PowerPoint Presentation to image](https://document.syncfusion.com/demos/powerpoint/pptxtoimage#/tailwind) in ASP.NET Core. 
\ No newline at end of file
+An online sample link to [convert PowerPoint Presentation to image](https://ej2.syncfusion.com/aspnetcore/PowerPoint/PPTXToImage#/material3) in ASP.NET Core. 
\ No newline at end of file
diff --git a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Convert-PowerPoint-to-Image-in-UWP.md b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Convert-PowerPoint-to-Image-in-UWP.md
index fa20444f7..ecd0006c7 100644
--- a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Convert-PowerPoint-to-Image-in-UWP.md
+++ b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Convert-PowerPoint-to-Image-in-UWP.md
@@ -91,5 +91,5 @@ By executing the program, you will get the **Image** as follows.
 
 Click [here](https://www.syncfusion.com/document-processing/powerpoint-framework/uwp) to explore the rich set of Syncfusion<sup>&reg;</sup> PowerPoint Library (Presentation) features. 
 
- An online sample link to [convert PowerPoint Presentation to image](https://document.syncfusion.com/demos/powerpoint/pptxtoimage#/tailwind) in ASP.NET Core. 
+ An online sample link to [convert PowerPoint Presentation to image](https://ej2.syncfusion.com/aspnetcore/PowerPoint/PPTXToImage#/material3) in ASP.NET Core. 
 
diff --git a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Convert-PowerPoint-to-Image-in-WPF.md b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Convert-PowerPoint-to-Image-in-WPF.md
index 0215e5a3a..e9bbcab1b 100644
--- a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Convert-PowerPoint-to-Image-in-WPF.md
+++ b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Convert-PowerPoint-to-Image-in-WPF.md
@@ -220,4 +220,4 @@ By executing the program, you will get the **image** as follows.
 
 Click [here](https://www.syncfusion.com/document-processing/powerpoint-framework/net) to explore the rich set of Syncfusion<sup>&reg;</sup> PowerPoint Library (Presentation) features. 
 
-An online sample link to [convert PowerPoint Presentation to image](https://document.syncfusion.com/demos/powerpoint/pptxtoimage#/tailwind) in ASP.NET Core. 
\ No newline at end of file
+An online sample link to [convert PowerPoint Presentation to image](https://ej2.syncfusion.com/aspnetcore/PowerPoint/PPTXToImage#/material3) in ASP.NET Core. 
\ No newline at end of file
diff --git a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Convert-PowerPoint-to-Image-in-WinUI.md b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Convert-PowerPoint-to-Image-in-WinUI.md
index 14dfaff37..af2baa019 100644
--- a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Convert-PowerPoint-to-Image-in-WinUI.md
+++ b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Convert-PowerPoint-to-Image-in-WinUI.md
@@ -160,4 +160,4 @@ By executing the program, you will get the **image** as follows.
 
 Click [here](https://www.syncfusion.com/document-processing/powerpoint-framework/winui) to explore the rich set of Syncfusion<sup>&reg;</sup> PowerPoint Library (Presentation) features. 
 
-An online sample link to [convert PowerPoint Presentation to image](https://document.syncfusion.com/demos/powerpoint/pptxtoimage#/tailwind) in ASP.NET Core. 
\ No newline at end of file
+An online sample link to [convert PowerPoint Presentation to image](https://ej2.syncfusion.com/aspnetcore/PowerPoint/PPTXToImage#/material3) in ASP.NET Core. 
\ No newline at end of file
diff --git a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Convert-PowerPoint-to-Image-in-Windows-Forms.md b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Convert-PowerPoint-to-Image-in-Windows-Forms.md
index 71454aa73..f1e05aa76 100644
--- a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Convert-PowerPoint-to-Image-in-Windows-Forms.md
+++ b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Convert-PowerPoint-to-Image-in-Windows-Forms.md
@@ -222,4 +222,4 @@ By executing the program, you will get the **Image** as follows.
 
 Click [here](https://www.syncfusion.com/document-processing/powerpoint-framework/net) to explore the rich set of Syncfusion<sup>&reg;</sup> PowerPoint Library (Presentation) features. 
 
-An online sample link to [convert PowerPoint Presentation to image](https://document.syncfusion.com/demos/powerpoint/pptxtoimage#/tailwind) in ASP.NET Core. 
\ No newline at end of file
+An online sample link to [convert PowerPoint Presentation to image](https://ej2.syncfusion.com/aspnetcore/PowerPoint/PPTXToImage#/material3) in ASP.NET Core. 
\ No newline at end of file
diff --git a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Convert-PowerPoint-to-Image-in-Xamarin.md b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Convert-PowerPoint-to-Image-in-Xamarin.md
index c4767b918..66b4d0d9a 100644
--- a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Convert-PowerPoint-to-Image-in-Xamarin.md
+++ b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Convert-PowerPoint-to-Image-in-Xamarin.md
@@ -143,7 +143,7 @@ Refer the below helper files and add them into the mentioned project. These help
     {{'[PreviewControllerDS.cs](https://github.com/SyncfusionExamples/PowerPoint-Examples/blob/master/PPTX-to-Image-conversion/Convert-PowerPoint-presentation-to-Image/Xamarin/Convert-PowerPoint-Presentation-to-Image/Convert-PowerPoint-Presentation-to-Image.iOS/PreviewControllerDS.cs)'| markdownify }}
   </td>
   <td>
-    Helper class for viewing the <b>PowerPoint Presentation</b> in iOS device
+    Helper class for viewing the <b>PowerPoint Presenatation</b> in iOS device
   </td>
   </tr>
   <tr>
@@ -178,5 +178,5 @@ By executing the program, you will get the **image** as follows.
 
 Click [here](https://www.syncfusion.com/document-processing/powerpoint-framework/xamarin) to explore the rich set of Syncfusion PowerPoint Library (Presentation) features. 
 
-An online sample link to [convert PowerPoint Presentation to image](https://document.syncfusion.com/demos/powerpoint/pptxtoimage#/tailwind) in ASP.NET Core. 
+An online sample link to [convert PowerPoint Presentation to image](https://ej2.syncfusion.com/aspnetcore/PowerPoint/PPTXToImage#/material3) in ASP.NET Core. 
 
diff --git a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Fallback-Fonts-in-PPTXtoImage-Conversion.md b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Fallback-Fonts-in-PPTXtoImage-Conversion.md
index 888e6e13d..5c35a0921 100644
--- a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Fallback-Fonts-in-PPTXtoImage-Conversion.md
+++ b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Fallback-Fonts-in-PPTXtoImage-Conversion.md
@@ -103,6 +103,45 @@ using (FileStream fileStreamInput = new FileStream("Template.pptx", FileMode.Ope
 
 You can download a complete working sample from [GitHub](https://github.com/SyncfusionExamples/PowerPoint-Examples/tree/master/PPTX-to-Image-conversion/Fallback-fonts-based-on-scripttype).
 
+## Fallback Symbols based on script type
+
+The following code example demonstrates how a user can add fallback fonts for Symbols and Emojis, which Presentation considers internally when converting a PowerPoint presentation to an Image.
+
+{% tabs %}
+
+{% highlight C# tabtitle="C# [Cross-platform]" %}
+//Load the PowerPoint presentation into stream.
+using (FileStream fileStreamInput = new FileStream("Template.pptx", FileMode.Open, FileAccess.Read))
+{
+    //Open the existing PowerPoint presentation with loaded stream.
+    using (IPresentation pptxDoc = Presentation.Open(fileStreamInput))
+    {
+        //Adds fallback font for basic symbols like bullet characters.
+        pptxDoc.FontSettings.FallbackFonts.Add(ScriptType.Symbols, "Segoe UI Symbol, Arial Unicode MS, Wingdings");
+        //Adds fallback font for mathematics symbols.
+        pptxDoc.FontSettings.FallbackFonts.Add(ScriptType.Mathematics, "Cambria Math, Noto Sans Math, Segoe UI Symbol, Arial Unicode MS");
+        //Adds fallback font for emojis.
+        pptxDoc.FontSettings.FallbackFonts.Add(ScriptType.Emoji, "Segoe UI Emoji, Noto Color Emoji, Arial Unicode MS");  
+        //Initialize the PresentationRenderer to perform image conversion.
+        pptxDoc.PresentationRenderer = new PresentationRenderer();
+        //Convert PowerPoint slide to image as stream.
+        using (Stream stream = pptxDoc.Slides[0].ConvertToImage(ExportImageFormat.Jpeg))
+        {
+            //Reset the stream position.
+            stream.Position = 0;
+            //Create the output image file stream.
+            using (FileStream fileStreamOutput = File.Create("Output.jpg"))
+            {
+                //Copy the converted image stream into created output stream.
+                stream.CopyTo(fileStreamOutput);
+            }
+        }
+    }
+}
+{% endhighlight %}
+
+{% endtabs %}
+
 ## Fallback fonts for range of Unicode text
 
 Users can set fallback fonts for specific Unicode range of text to be used in Presentation to Image conversion.
@@ -307,6 +346,215 @@ Korean
 Malgun Gothic, Batang
 </td>
 </tr>
+<tr>
+  <td>Tamil</td>
+  <td>0x0B80 - 0x0BFF</td>
+  <td>Latha, Nirmala UI, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Bengali</td>
+  <td>0x0980 - 0x09FF</td>
+  <td>Vrinda, Arial Unicode MS, Nikosh, Siyam Rupali, Nirmala UI</td>
+</tr>
+<tr>
+  <td>Gujarati</td>
+  <td>0x0A80 - 0x0AFF</td>
+  <td>Shruti, Nirmala UI, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Telugu</td>
+  <td>0x0C00 - 0x0C7F</td>
+  <td>Gautami, Nirmala UI, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Malayalam</td>
+  <td>0x0D00 - 0x0D7F</td>
+  <td>Kartika, Nirmala UI, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Kannada</td>
+  <td>0x0C80 - 0x0CFF</td>
+  <td>Tunga, Nirmala UI, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Ethiopic</td>
+  <td>0x1200 - 0x137F<br>
+  0x1380 - 0x139F</td>
+  <td>Nyala, Ebrima</td>
+</tr>
+<tr>
+  <td>Khmer</td>
+  <td>0x1780 - 0x17FF<br>
+  0x19E0 - 0x19FF</td>
+  <td>MoolBoran, DaunPenh, Leelawadee, Leelawadee UI</td>
+</tr>
+<tr>
+  <td>Gurmukhi</td>
+  <td>0x0A00 - 0x0A7F</td>
+  <td>Raavi, Nirmala UI, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Canadian</td>
+  <td>0x1400 - 0x167F</td>
+  <td>Euphemia, Gadugi</td>
+</tr>
+<tr>
+  <td>Cherokee</td>
+  <td>0x13A0 - 0x13FF<br>
+  0xAB70 - 0xABBF</td>
+  <td>Plantagenet Cherokee, Gadugi, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Yi</td>
+  <td>0xA000 - 0xA48F<br>
+  0xA490 - 0xA4CF</td>
+  <td>Microsoft Yi Baiti, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Tibetan</td>
+  <td>0x0F00 - 0x0FFF</td>
+  <td>Microsoft Himalaya, Nirmala UI, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Thaana</td>
+  <td>0x0780 - 0x07BF</td>
+  <td>MV Boli, Nirmala UI, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Syriac</td>
+  <td>0x0700 - 0x074F</td>
+  <td>Estrangelo Edessa, Segoe UI Historic, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Odia</td>
+  <td>0x0B00 - 0x0B7F</td>
+  <td>Kalinga, Nirmala UI, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Lao</td>
+  <td>0x0E80 - 0x0EFF</td>
+  <td>DokChampa, Lao UI, Leelawadee UI, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Sinhala</td>
+  <td>0x0D80 - 0x0DFF</td>
+  <td>Iskoola Pota, Nirmala UI, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Mongolian</td>
+  <td>0x1800 - 0x18AF</td>
+  <td>Mongolian Baiti, Microsoft YaHei, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Vietnamese</td>
+  <td>0x00C0 - 0x00FF<br>
+  0x0102 - 0x0103<br>
+  0x0110 - 0x0111<br>
+  0x0128 - 0x0129<br>
+  0x0168 - 0x0169<br>
+  0x01A0 - 0x01A1<br>
+  0x01AF - 0x01B0<br>
+  0x0300 - 0x036F</td>
+  <td>Times New Roman, Arial, Tahoma, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Georgian</td>
+  <td>0x10A0 - 0x10FF<br>
+  0x2D00 - 0x2D2F</td>
+  <td>Sylfaen, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Armenian</td>
+  <td>0x0530 - 0x058F<br>
+  0xFB13 - 0xFB17</td>
+  <td>Arial, Sylfaen, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Buginese</td>
+  <td>0x1A00 - 0x1A1F</td>
+  <td>Leelawadee UI, Segoe UI Symbol</td>
+</tr>
+<tr>
+  <td>Bopomofo</td>
+  <td>0x3100 - 0x312F<br>
+  0x31A0 - 0x31BF</td>
+  <td>Microsoft JhengHei, PMingLiU, SimSun, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Javanese</td>
+  <td>0xA980 - 0xA9DF</td>
+  <td>Javanese Text, Segoe UI Symbol</td>
+</tr>
+<tr>
+  <td>Lisu</td>
+  <td>0xA4D0 - 0xA4FF</td>
+  <td>Segoe UI Symbol, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Burmese</td>
+  <td>0x1000 - 0x109F<br>
+  0xAA60 - 0xAA7F</td>
+  <td>Myanmar Text, Noto Sans Myanmar, Padauk</td>
+</tr>
+<tr>
+  <td>NKo</td>
+  <td>0x07C0 - 0x07FF</td>
+  <td>Ebrima, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>OlChiki</td>
+  <td>0x1C50 - 0x1C7F</td>
+  <td>Nirmala UI, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Osmanya</td>
+  <td>0x10480 - 0x104AF</td>
+  <td>Ebrima, Noto Sans Osmanya</td>
+</tr>
+<tr>
+  <td>PhagsPa</td>
+  <td>0xA840 - 0xA87F</td>
+  <td>Phagspa, Microsoft PhagsPa, Noto Sans PhagsPa, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>SoraSompeng</td>
+  <td>0x110D0 - 0x110FF</td>
+  <td>Nirmala UI, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>TaiLe</td>
+  <td>0x1950 - 0x197F</td>
+  <td>Microsoft Tai Le, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>NewTaiLue</td>
+  <td>0x1980 - 0x19DF</td>
+  <td>Microsoft New Tai Lue, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Tifinagh</td>
+  <td>0x2D30 - 0x2D7F</td>
+  <td>Ebrima, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Symbols</td>
+  <td>0x2000 - 0x27BF<br>
+  0x2300 - 0x23FF<br>
+  0xF000 - 0xF104</td>
+  <td>Segoe UI Symbol, Arial Unicode MS, Wingdings</td>
+</tr>
+<tr>
+  <td>Mathematics</td>
+  <td>0x2200 - 0x2AFF<br>
+  0x1D400 - 0x1D7FF</td>
+  <td>Cambria Math, Noto Sans Math, Segoe UI Symbol, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Emoji</td>
+  <td>0x1F300 - 0x1FAFF<br>
+  0xFE0F - 0xFE0F</td>
+  <td>Segoe UI Emoji, Noto Color Emoji, Arial Unicode MS</td>
+</tr>
 </table>
 
 N> The .NET PowerPoint Library (Presentation) uses System.Drawing functionalities for PowerPoint to image conversion conversion in .NET Framework applications. And System.Drawing itself uses a fallback font to preserve the Unicode text while drawing the text in the image. So, these Fallback fonts APIs are **not supported in .NET Framework**.
diff --git a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/NuGet-Packages-Required-for-PPTXtoImage-Conversion.md b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/NuGet-Packages-Required-for-PPTXtoImage-Conversion.md
index 572bf8160..ff927ac2f 100644
--- a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/NuGet-Packages-Required-for-PPTXtoImage-Conversion.md
+++ b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/NuGet-Packages-Required-for-PPTXtoImage-Conversion.md
@@ -5,7 +5,7 @@ platform: document-processing
 control: PowerPoint
 documentation: UG
 ---
-# NuGet Packages Required
+# NuGet Packages Required for PPTX to Image Conversion
 
 ## Converting PowerPoint Presentation to image
 
@@ -127,8 +127,8 @@ The following table illustrates the native assets NuGet packages and their appli
   <tbody>
     <tr>
       <td>
-        {{'[SkiaSharp.NativeAssets.Linux v3.116.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux/3.116.1)'| markdownify }}<br/>
-        {{'[HarfBuzzSharp.NativeAssets.Linux v8.3.0.1](https://www.nuget.org/packages/HarfBuzzSharp.NativeAssets.Linux/8.3.0.1)'| markdownify }}
+        {{'[SkiaSharp.NativeAssets.Linux v3.119.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux/3.119.1)'| markdownify }}<br/>
+        {{'[HarfBuzzSharp.NativeAssets.Linux v8.3.1.2](https://www.nuget.org/packages/HarfBuzzSharp.NativeAssets.Linux/8.3.1.2)'| markdownify }}
       </td>
       <td>
         <ul>
@@ -140,7 +140,7 @@ The following table illustrates the native assets NuGet packages and their appli
     </tr>
     <tr>
       <td>
-        {{'[SkiaSharp.NativeAssets.Linux.NoDependencies v3.116.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux.NoDependencies/3.116.1)'| markdownify }}
+        {{'[SkiaSharp.NativeAssets.Linux.NoDependencies v3.119.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux.NoDependencies/3.119.1)'| markdownify }}
       </td>
       <td>
         <ul>
diff --git a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/PPTXtoImage-in-UWP.md b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/PPTXtoImage-in-UWP.md
index 581e04e57..75fb61c28 100644
--- a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/PPTXtoImage-in-UWP.md
+++ b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/PPTXtoImage-in-UWP.md
@@ -5,7 +5,7 @@ platform: document-processing
 control: PowerPoint
 documentation: UG
 ---
-# Convert PowerPoint slides to Image in UWP
+# Convert PowerPoint to Image in UWP
 
 PowerPoint slides can be converted to images in UWP by using Essential<sup>&reg;</sup> Presentation library. The following assemblies are required in the UWP application to convert the slides as images.
 
diff --git a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Presentation-to-image.md b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Presentation-to-image.md
index 2e2038e6f..8c2dba948 100644
--- a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Presentation-to-image.md
+++ b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Presentation-to-image.md
@@ -6,7 +6,7 @@ control: Presentation
 documentation: UG
 ---
 
-# Convert PowerPoint to Image using Syncfusion® PowerPoint Library
+# Convert PowerPoint to Image using Syncfusion<sup>&reg;</sup> PowerPoint library
 
 Syncfusion<sup>&reg;</sup> PowerPoint library (Presentation) allows you to convert PowerPoint Presentation document to Image within a few lines of code in .NET applications and also it does not require Microsoft PowerPoint application to be installed in the machine. Using this, you can create an input PowerPoint Presentation document from scratch or load an existing PowerPoint Presentation document and then easily convert to Image.
 
@@ -395,7 +395,7 @@ During PowerPoint to Image conversions, if a glyph of the input text is unavaila
 
 ## Online Demo
 
-* Explore how to convert the PowerPoint presentation to an image using the .NET PowerPoint Library (Presentation) in a live demo [here](https://document.syncfusion.com/demos/powerpoint/pptxtoimage#/tailwind).
+* Explore how to convert the PowerPoint presentation to an image using the .NET PowerPoint Library (Presentation) in a live demo [here](https://ej2.syncfusion.com/aspnetcore/powerpoint/pptxtoimage#/bootstrap5).
 
 ## See Also
 
diff --git a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Workingwith-Blazor/Command-to-add-NuGet-package-for-SkiaSharp.png b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Workingwith-Blazor/Command-to-add-NuGet-package-for-SkiaSharp.png
index ccf4beb36..701a2b887 100644
Binary files a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Workingwith-Blazor/Command-to-add-NuGet-package-for-SkiaSharp.png and b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/NET/Workingwith-Blazor/Command-to-add-NuGet-package-for-SkiaSharp.png differ
diff --git a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/overview.md b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/overview.md
index 6c72c0cd9..981b650c6 100644
--- a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/overview.md
+++ b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-Image/overview.md
@@ -6,7 +6,7 @@ control: Presentation
 documentation: UG
 ---
 
-# Convert PowerPoint to Image using Syncfusion® PowerPoint Library
+# Convert PowerPoint to Image using Syncfusion<sup>&reg;</sup> PowerPoint library
 
 Syncfusion<sup>&reg;</sup> PowerPoint library (Presentation) allows you to convert PowerPoint Presentation document to Image within a few lines of code in .NET applications and also it does not require Microsoft PowerPoint application to be installed in the machine. Using this, you can create an input PowerPoint Presentation document from scratch or load an existing PowerPoint Presentation document and then easily convert to Image.
 
@@ -395,7 +395,7 @@ During PowerPoint to Image conversions, if a glyph of the input text is unavaila
 
 ## Online Demo
 
-* Explore how to convert the PowerPoint presentation to an image using the .NET PowerPoint Library (Presentation) in a live demo [here](https://document.syncfusion.com/demos/powerpoint/pptxtoimage#/tailwind).
+* Explore how to convert the PowerPoint presentation to an image using the .NET PowerPoint Library (Presentation) in a live demo [here](https://ej2.syncfusion.com/aspnetcore/powerpoint/pptxtoimage#/bootstrap5).
 
 ## See Also
 
diff --git a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Convert-PowerPoint-to-PDF-in-ASP-NET-Core.md b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Convert-PowerPoint-to-PDF-in-ASP-NET-Core.md
index ad33290dc..377282833 100644
--- a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Convert-PowerPoint-to-PDF-in-ASP-NET-Core.md
+++ b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Convert-PowerPoint-to-PDF-in-ASP-NET-Core.md
@@ -334,4 +334,4 @@ By executing the program, you will get the **PDF document** as follows.
 
 Click [here](https://www.syncfusion.com/document-processing/powerpoint-framework/net-core) to explore the rich set of Syncfusion<sup>&reg;</sup> PowerPoint Library (Presentation) features. 
 
-An online sample link to [convert PowerPoint Presentation to PDF](https://document.syncfusion.com/demos/powerpoint/pptxtopdf#/tailwind) in ASP.NET Core. 
+An online sample link to [convert PowerPoint Presentation to PDF](https://ej2.syncfusion.com/aspnetcore/PowerPoint/PPTXToPDF#/material3) in ASP.NET Core. 
diff --git a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Convert-PowerPoint-to-PDF-in-ASP-NET-MVC.md b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Convert-PowerPoint-to-PDF-in-ASP-NET-MVC.md
index c1df20c0d..d56627a8b 100644
--- a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Convert-PowerPoint-to-PDF-in-ASP-NET-MVC.md
+++ b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Convert-PowerPoint-to-PDF-in-ASP-NET-MVC.md
@@ -224,4 +224,6 @@ By executing the program, you will get the **PDF** as follows.
 
 {% endtabcontents %}
 
-Click [here](https://www.syncfusion.com/document-processing/powerpoint-framework/net) to explore the rich set of Syncfusion<sup>&reg;</sup> PowerPoint Library (Presentation) features. 
\ No newline at end of file
+Click [here](https://www.syncfusion.com/document-processing/powerpoint-framework/net) to explore the rich set of Syncfusion<sup>&reg;</sup> PowerPoint Library (Presentation) features.
+
+An online sample link to [convert PowerPoint Presentation to PDF](https://ej2.syncfusion.com/aspnetmvc/PowerPoint/PPTXToPdf#/material3) in ASP.NET MVC 
\ No newline at end of file
diff --git a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Convert-PowerPoint-to-PDF-in-ASP-Net.md b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Convert-PowerPoint-to-PDF-in-ASP-Net.md
index 7fdfc0e38..24131c0bd 100644
--- a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Convert-PowerPoint-to-PDF-in-ASP-Net.md
+++ b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Convert-PowerPoint-to-PDF-in-ASP-Net.md
@@ -102,4 +102,4 @@ By executing the program, you will get the **PDF** as follows.
 
 Click [here](https://www.syncfusion.com/document-processing/powerpoint-framework/net) to explore the rich set of Syncfusion<sup>&reg;</sup> PowerPoint Library (Presentation) features. 
 
-An online sample link to [convert PowerPoint Presentation to PDF](https://document.syncfusion.com/demos/powerpoint/pptxtopdf#/tailwind) in ASP.NET Core. 
\ No newline at end of file
+An online sample link to [convert PowerPoint Presentation to PDF](https://ej2.syncfusion.com/aspnetcore/PowerPoint/PPTXToPDF#/material3) in ASP.NET Core. 
\ No newline at end of file
diff --git a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Convert-PowerPoint-to-PDF-in-AWS-Elastic-Beanstalk.md b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Convert-PowerPoint-to-PDF-in-AWS-Elastic-Beanstalk.md
index 1b0cb9f9a..31d4beda6 100644
--- a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Convert-PowerPoint-to-PDF-in-AWS-Elastic-Beanstalk.md
+++ b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Convert-PowerPoint-to-PDF-in-AWS-Elastic-Beanstalk.md
@@ -19,10 +19,10 @@ Step 1: Create a new ASP.NET Core Web application (Model-View-Controller) projec
 Step 2: Install the following **Nuget packages** in your application from [Nuget.org](https://www.nuget.org/).
 
 * [Syncfusion.PresentationRenderer.Net.Core](https://www.nuget.org/packages/Syncfusion.PresentationRenderer.Net.Core)
-* [SkiaSharp.NativeAssets.Linux.NoDependencies v3.116.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux.NoDependencies/3.116.1)
+* [SkiaSharp.NativeAssets.Linux.NoDependencies v3.119.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux.NoDependencies/3.119.1)
 
 ![Install Syncfusion.PresentationRenderer.Net.Core NuGet Paackage](Azure-Images/App-Service-Linux/Nuget_Package_PowerPoint_Presentation_to_PDF.png)
-![Install SkiaSharp.NativeAssets.Linux.NoDependencies v3.116.1 NuGet Paackage](AWS_images/Elastic_Beanstalk_Images/Nuget-Package-PPTXtoPDF.png)
+![Install SkiaSharp.NativeAssets.Linux.NoDependencies v3.119.1 NuGet Paackage](AWS_images/Elastic_Beanstalk_Images/Nuget-Package-PPTXtoPDF.png)
 
 N> Starting with v16.2.0.x, if you reference Syncfusion<sup>&reg;</sup> assemblies from trial setup or from the NuGet feed, you also have to add "Syncfusion.Licensing" assembly reference and include a license key in your projects. Please refer to this [link](https://help.syncfusion.com/common/essential-studio/licensing/overview) to know about registering Syncfusion<sup>&reg;</sup> license key in your application to use our components.
 
@@ -137,4 +137,4 @@ By executing the program, you will get the **PDF document** as follows.
 
 Click [here](https://www.syncfusion.com/document-processing/powerpoint-framework/net-core) to explore the rich set of Syncfusion<sup>&reg;</sup> PowerPoint Library (Presentation) features. 
 
-An online sample link to [convert PowerPoint Presentation to PDF](https://document.syncfusion.com/demos/powerpoint/pptxtopdf#/tailwind) in ASP.NET Core.
\ No newline at end of file
+An online sample link to [convert PowerPoint Presentation to PDF](https://ej2.syncfusion.com/aspnetcore/PowerPoint/PPTXToPDF#/material3) in ASP.NET Core.
\ No newline at end of file
diff --git a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Convert-PowerPoint-to-PDF-in-AWS-Lambda.md b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Convert-PowerPoint-to-PDF-in-AWS-Lambda.md
index b4bf9dca5..e6ca54fb2 100644
--- a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Convert-PowerPoint-to-PDF-in-AWS-Lambda.md
+++ b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Convert-PowerPoint-to-PDF-in-AWS-Lambda.md
@@ -21,11 +21,11 @@ Step 2: Select Blueprint as Empty Function and click **Finish**.
 Step 3: Install the following **Nuget packages** in your application from [Nuget.org](https://www.nuget.org/).
 
 * [Syncfusion.PresentationRenderer.Net.Core](https://www.nuget.org/packages/Syncfusion.PresentationRenderer.Net.Core)
-* [SkiaSharp.NativeAssets.Linux.NoDependencies v3.116.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux.NoDependencies/3.116.1)
+* [SkiaSharp.NativeAssets.Linux.NoDependencies v3.119.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux.NoDependencies/3.119.1)
 
 ![Install Syncfusion.PresentationRenderer.Net.Core Nuget Package](Azure-Images/App-Service-Linux/Nuget_Package_PowerPoint_Presentation_to_PDF.png)
 
-![Install SkiaSharp.NativeAssets.Linux.NoDependencies v3.116.1 Nuget Package](AWS_Images/Lambda_Images/SkiaSharp-Nuget-Package-PPTXtoPDF.png)
+![Install SkiaSharp.NativeAssets.Linux.NoDependencies v3.119.1 Nuget Package](AWS_Images/Lambda_Images/SkiaSharp-Nuget-Package-PPTXtoPDF.png)
 
 N> Starting with v16.2.0.x, if you reference Syncfusion<sup>&reg;</sup> assemblies from trial setup or from the NuGet feed, you also have to add "Syncfusion.Licensing" assembly reference and include a license key in your projects. Please refer to this [link](https://help.syncfusion.com/common/essential-studio/licensing/overview) to know about registering Syncfusion<sup>&reg;</sup> license key in your application to use our components.
 
@@ -195,5 +195,5 @@ From GitHub, you can download the [console application](https://github.com/Syncf
 
 Click [here](https://www.syncfusion.com/document-processing/powerpoint-framework/net-core) to explore the rich set of Syncfusion<sup>&reg;</sup> PowerPoint Library (Presentation) features. 
 
-An online sample link to [convert PowerPoint Presentation to PDF](https://document.syncfusion.com/demos/powerpoint/pptxtopdf#/tailwind) in ASP.NET Core.
+An online sample link to [convert PowerPoint Presentation to PDF](https://ej2.syncfusion.com/aspnetcore/PowerPoint/PPTXToPDF#/material3) in ASP.NET Core.
 
diff --git a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Convert-PowerPoint-to-PDF-in-AWS.md b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Convert-PowerPoint-to-PDF-in-AWS.md
index 0d784eb7e..7925e220c 100644
--- a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Convert-PowerPoint-to-PDF-in-AWS.md
+++ b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Convert-PowerPoint-to-PDF-in-AWS.md
@@ -30,12 +30,12 @@ NuGet package name<br/></th></tr></thead>
 <td>
 {{'[AWS Lambda](https://help.syncfusion.com/document-processing/powerpoint/conversions/powerpoint-to-pdf/net/convert-powerpoint-to-pdf-in-aws-lambda)' | markdownify}} <br/></td><td>
 {{'[Syncfusion.PresentationRenderer.Net.Core](https://www.nuget.org/packages/Syncfusion.PresentationRenderer.Net.Core)' | markdownify}}<br/>
-{{'[SkiaSharp.NativeAssets.Linux.NoDependencies v3.116.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux.NoDependencies/3.116.1)' | markdownify}} <br/> 
+{{'[SkiaSharp.NativeAssets.Linux.NoDependencies v3.119.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux.NoDependencies/3.119.1)' | markdownify}} <br/> 
 </td></tr>
 <tr>
 <td>
 {{'[AWS Elastic Beanstalk](https://help.syncfusion.com/document-processing/powerpoint/conversions/powerpoint-to-pdf/net/convert-powerpoint-to-pdf-in-aws-elastic-beanstalk)' | markdownify}} <br/></td><td>
 {{'[Syncfusion.PresentationRenderer.Net.Core](https://www.nuget.org/packages/Syncfusion.PresentationRenderer.Net.Core)' | markdownify}}<br/>
-{{'[SkiaSharp.NativeAssets.Linux.NoDependencies v3.116.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux.NoDependencies/3.116.1)' | markdownify}} <br/>
+{{'[SkiaSharp.NativeAssets.Linux.NoDependencies v3.119.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux.NoDependencies/3.119.1)' | markdownify}} <br/>
 </td></tr>
 </table>
diff --git a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Convert-PowerPoint-to-PDF-in-Azure-App-Service-Linux.md b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Convert-PowerPoint-to-PDF-in-Azure-App-Service-Linux.md
index 36b500823..7e5b827de 100644
--- a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Convert-PowerPoint-to-PDF-in-Azure-App-Service-Linux.md
+++ b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Convert-PowerPoint-to-PDF-in-Azure-App-Service-Linux.md
@@ -24,14 +24,14 @@ Step 3: Click **Create** button.
 Step 4: Install the following **Nuget packages** in your application from [Nuget.org](https://www.nuget.org/).
 
 * [Syncfusion.PresentationRenderer.Net.Core](https://www.nuget.org/packages/Syncfusion.PresentationRenderer.Net.Core) 
-* [SkiaSharp.NativeAssets.Linux v3.116.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux/3.116.1)
-* [HarfBuzzSharp.NativeAssets.Linux v8.3.0.1](https://www.nuget.org/packages/HarfBuzzSharp.NativeAssets.Linux/8.3.0.1)
+* [SkiaSharp.NativeAssets.Linux v3.119.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux/3.119.1)
+* [HarfBuzzSharp.NativeAssets.Linux v8.3.1.2](https://www.nuget.org/packages/HarfBuzzSharp.NativeAssets.Linux/8.3.1.2)
 
 ![Install Syncfusion.PresentationRenderer.Net.Core Nuget Package](Azure-Images/App-Service-Linux/Nuget_Package_PowerPoint_Presentation_to_PDF.png)
 
-![Install SkiaSharp.NativeAssets.Linux v3.116.1 Nuget Package](Azure-Images/App-Service-Linux/SkiaSharp_PowerPoint_Presentation_to_PDF.png)
+![Install SkiaSharp.NativeAssets.Linux v3.119.1 Nuget Package](Azure-Images/App-Service-Linux/SkiaSharp_PowerPoint_Presentation_to_PDF.png)
 
-![Install HarfBuzzSharp.NativeAssets.Linux v8.3.0.1 Nuget Package](Azure-Images/App-Service-Linux/HarfBuzz_PowerPoint_Presentation_to_PDF.png)
+![Install HarfBuzzSharp.NativeAssets.Linux v8.3.1.2 Nuget Package](Azure-Images/App-Service-Linux/HarfBuzz_PowerPoint_Presentation_to_PDF.png)
 
 N> Starting with v16.2.0.x, if you reference Syncfusion<sup>&reg;</sup> assemblies from trial setup or from the NuGet feed, you also have to add "Syncfusion.Licensing" assembly reference and include a license key in your projects. Please refer to this [link](https://help.syncfusion.com/common/essential-studio/licensing/overview) to know about registering Syncfusion<sup>&reg;</sup> license key in your application to use our components.
 
@@ -203,4 +203,4 @@ You can download a complete working sample from [GitHub](https://github.com/Sync
 
 Click [here](https://www.syncfusion.com/document-processing/powerpoint-framework/net-core) to explore the rich set of Syncfusion<sup>&reg;</sup> PowerPoint Library (Presentation) features. 
 
-An online sample link to [convert PowerPoint Presentation to PDF](https://document.syncfusion.com/demos/powerpoint/pptxtopdf#/tailwind) in ASP.NET Core. 
\ No newline at end of file
+An online sample link to [convert PowerPoint Presentation to PDF](https://ej2.syncfusion.com/aspnetcore/PowerPoint/PPTXToPDF#/material3) in ASP.NET Core. 
\ No newline at end of file
diff --git a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Convert-PowerPoint-to-PDF-in-Azure-App-Service-Windows.md b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Convert-PowerPoint-to-PDF-in-Azure-App-Service-Windows.md
index db675a396..3cc00ff84 100644
--- a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Convert-PowerPoint-to-PDF-in-Azure-App-Service-Windows.md
+++ b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Convert-PowerPoint-to-PDF-in-Azure-App-Service-Windows.md
@@ -196,4 +196,4 @@ You can download a complete working sample from [GitHub](https://github.com/Sync
 
 Click [here](https://www.syncfusion.com/document-processing/powerpoint-framework/net-core) to explore the rich set of Syncfusion<sup>&reg;</sup> PowerPoint Library (Presentation) features. 
 
-An online sample link to [convert PowerPoint Presentation to PDF](https://document.syncfusion.com/demos/powerpoint/pptxtopdf#/tailwind) in ASP.NET Core. 
+An online sample link to [convert PowerPoint Presentation to PDF](https://ej2.syncfusion.com/aspnetcore/PowerPoint/PPTXToPDF#/material3) in ASP.NET Core. 
diff --git a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Convert-PowerPoint-to-PDF-in-Azure-Functions-v1.md b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Convert-PowerPoint-to-PDF-in-Azure-Functions-v1.md
index 0dc1d3345..2d2a11d86 100644
--- a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Convert-PowerPoint-to-PDF-in-Azure-Functions-v1.md
+++ b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Convert-PowerPoint-to-PDF-in-Azure-Functions-v1.md
@@ -145,5 +145,5 @@ From GitHub, you can download the [console application](https://github.com/Syncf
 
 Click [here](https://www.syncfusion.com/document-processing/powerpoint-framework/net) to explore the rich set of Syncfusion<sup>&reg;</sup> PowerPoint Library (Presentation) features. 
 
-An online sample link to [convert PowerPoint Presentation to PDF](https://document.syncfusion.com/demos/powerpoint/pptxtopdf#/tailwind) in ASP.NET Core. 
+An online sample link to [convert PowerPoint Presentation to PDF](https://ej2.syncfusion.com/aspnetcore/PowerPoint/PPTXToPDF#/material3) in ASP.NET Core. 
 
diff --git a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Convert-PowerPoint-to-PDF-in-Azure-Functions-v4.md b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Convert-PowerPoint-to-PDF-in-Azure-Functions-v4.md
index de40cabe3..1fcd0aefe 100644
--- a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Convert-PowerPoint-to-PDF-in-Azure-Functions-v4.md
+++ b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Convert-PowerPoint-to-PDF-in-Azure-Functions-v4.md
@@ -147,5 +147,5 @@ From GitHub, you can download the [console application](https://github.com/Syncf
 
 Click [here](https://www.syncfusion.com/document-processing/powerpoint-framework/net-core) to explore the rich set of Syncfusion PowerPoint Library (Presentation) features. 
 
-An online sample link to [convert PowerPoint Presentation to PDF](https://document.syncfusion.com/demos/powerpoint/pptxtopdf#/tailwind) in ASP.NET Core. 
+An online sample link to [convert PowerPoint Presentation to PDF](https://ej2.syncfusion.com/aspnetcore/PowerPoint/PPTXToPDF#/material3) in ASP.NET Core. 
 
diff --git a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Convert-PowerPoint-to-PDF-in-Azure.md b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Convert-PowerPoint-to-PDF-in-Azure.md
index 941752664..cfec22f5c 100644
--- a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Convert-PowerPoint-to-PDF-in-Azure.md
+++ b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Convert-PowerPoint-to-PDF-in-Azure.md
@@ -32,7 +32,7 @@ NuGet packages required<br/></th></tr></thead>
 {{'[App Service (Linux)](https://help.syncfusion.com/document-processing/powerpoint/conversions/powerpoint-to-pdf/net/convert-powerpoint-to-pdf-in-azure-app-service-linux)' | markdownify}}
 <br/></td><td>
 {{'[Syncfusion.PresentationRenderer.Net.Core](https://www.nuget.org/packages/Syncfusion.PresentationRenderer.Net.Core)' | markdownify}}<br/>
-{{'[SkiaSharp.NativeAssets.Linux v3.116.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux/3.116.1)' | markdownify}}<br/>{{'[HarfBuzzSharp.NativeAssets.Linux v8.3.0.1](https://www.nuget.org/packages/HarfBuzzSharp.NativeAssets.Linux/8.3.0.1)' |markdownify}} <br/></td></tr>
+{{'[SkiaSharp.NativeAssets.Linux v3.119.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux/3.119.1)' | markdownify}}<br/>{{'[HarfBuzzSharp.NativeAssets.Linux v8.3.1.2](https://www.nuget.org/packages/HarfBuzzSharp.NativeAssets.Linux/8.3.1.2)' |markdownify}} <br/></td></tr>
 <tr>
 <td>
 {{'[Azure Functions v1](https://help.syncfusion.com/document-processing/powerpoint/conversions/powerpoint-to-pdf/net/convert-powerpoint-to-pdf-in-azure-functions-v1)' | markdownify}}
diff --git a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Convert-PowerPoint-to-PDF-in-Blazor.md b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Convert-PowerPoint-to-PDF-in-Blazor.md
index 2f75661df..2d3083bc4 100644
--- a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Convert-PowerPoint-to-PDF-in-Blazor.md
+++ b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Convert-PowerPoint-to-PDF-in-Blazor.md
@@ -737,11 +737,11 @@ Select "Blazor WebAssembly Standalone App" from the template and click the Next
 Step 2: Install the following **Nuget packages** in the application from [Nuget.org](https://www.nuget.org/).
 
 *  [Syncfusion.PresentationRenderer.Net.Core](https://www.nuget.org/packages/Syncfusion.PresentationRenderer.Net.Core) 
-*  [SkiaSharp.Views.Blazor v3.116.1](https://www.nuget.org/packages/SkiaSharp.Views.Blazor/3.116.1)
+*  [SkiaSharp.Views.Blazor v3.119.1](https://www.nuget.org/packages/SkiaSharp.Views.Blazor/3.119.1)
 
 ![Install Syncfusion.PresentationRenderer.Net.Core Nuget Package](Azure-Images/App-Service-Linux/Nuget_Package_PowerPoint_Presentation_to_PDF.png)
 
-![Install SkiaSharp.Views.Blazor v3.116.1 Nuget Package](Workingwith-Blazor/NuGet_package_PPTXtoPDF.png)
+![Install SkiaSharp.Views.Blazor v3.119.1 Nuget Package](Workingwith-Blazor/NuGet_package_PPTXtoPDF.png)
 
 N> 1. If you're deploying the application in a Linux environment, refer to the [documentation](https://help.syncfusion.com/document-processing/powerpoint/conversions/powerpoint-to-pdf/net/nuget-packages-required-for-pptxtopdf-conversion#additional-nuget-packages-required-for-linux) for the required additional NuGet packages.
 N> 2. Starting with v16.2.0.x, if Syncfusion<sup>&reg;</sup> assemblies are referenced from trial setup or from the NuGet feed, the "Syncfusion.Licensing" assembly reference must also be added and a license key included in projects. Please refer to this [link](https://help.syncfusion.com/common/essential-studio/licensing/overview) to know about registering Syncfusion<sup>&reg;</sup> license key in an application to use Syncfusion components.
@@ -920,10 +920,10 @@ Step 1: Create a new C# Blazor WASM Standalone app project.
 * Select the project location, type the project name and press enter.
 * Then choose **Create project**.
 
-Step 2: To **convert a PowerPoint to PDF in Blazor WASM Standalone app**, install [Syncfusion.PresentationRenderer.Net.Core](https://www.nuget.org/packages/Syncfusion.PresentationRenderer.Net.Core) and [SkiaSharp.Views.Blazor v3.116.1](https://www.nuget.org/packages/SkiaSharp.Views.Blazor/3.116.1) to the Blazor project.
+Step 2: To **convert a PowerPoint to PDF in Blazor WASM Standalone app**, install [Syncfusion.PresentationRenderer.Net.Core](https://www.nuget.org/packages/Syncfusion.PresentationRenderer.Net.Core) and [SkiaSharp.Views.Blazor v3.119.1](https://www.nuget.org/packages/SkiaSharp.Views.Blazor/3.119.1) to the Blazor project.
 * Press <kbd>Ctrl</kbd> + <kbd>`</kbd> (backtick) to open the integrated terminal in Visual Studio Code.
 * Ensure you're in the project root directory where your .csproj file is located.
-* Run the command `dotnet add package Syncfusion.PresentationRenderer.Net.Core` and `dotnet add package SkiaSharp.Views.Blazor --version 3.116.1` to install the NuGet package.
+* Run the command `dotnet add package Syncfusion.PresentationRenderer.Net.Core` and `dotnet add package SkiaSharp.Views.Blazor --version 3.119.1` to install the NuGet package.
 
 ![Add Syncfusion.PresentationRenderer.Net.Core NuGet package](Workingwith-Blazor/Command-to-add-NuGet-package-for-WASM.png)
 
@@ -1301,3 +1301,4 @@ Click [here](https://www.syncfusion.com/document-processing/powerpoint-framework
 An online sample link to [convert PowerPoint Presentation to PDF](https://document.syncfusion.com/demos/powerpoint/pptxtopdf#/tailwind) in ASP.NET Core.
 
 
+
diff --git a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Convert-PowerPoint-to-PDF-in-Google-App-Engine.md b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Convert-PowerPoint-to-PDF-in-Google-App-Engine.md
index b498fbad6..36f6e93ec 100644
--- a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Convert-PowerPoint-to-PDF-in-Google-App-Engine.md
+++ b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Convert-PowerPoint-to-PDF-in-Google-App-Engine.md
@@ -47,8 +47,8 @@ Step 3: Click the **Create** button.
 Step 4: Install the following **Nuget packages** in your application from [Nuget.org](https://www.nuget.org/).
 
 * [Syncfusion.PresentationRenderer.Net.Core](https://www.nuget.org/packages/Syncfusion.PresentationRenderer.Net.Core) 
-* [SkiaSharp.NativeAssets.Linux v3.116.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux/3.116.1)
-* [HarfBuzzSharp.NativeAssets.Linux v8.3.0.1](https://www.nuget.org/packages/HarfBuzzSharp.NativeAssets.Linux/8.3.0.1)
+* [SkiaSharp.NativeAssets.Linux v3.119.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux/3.119.1)
+* [HarfBuzzSharp.NativeAssets.Linux v8.3.1.2](https://www.nuget.org/packages/HarfBuzzSharp.NativeAssets.Linux/8.3.1.2)
 
  ![Install Syncfusion.PresentationRenderer.Net.Core Nuget Package](Azure-Images/App-Service-Linux/Nuget_Package_PowerPoint_Presentation_to_PDF.png)
  ![Install SkiaSharp.NativeAssets.Linux Nuget Package](Azure-Images/App-Service-Linux/SkiaSharp_PowerPoint_Presentation_to_PDF.png)
@@ -258,4 +258,4 @@ By executing the program, you will get the **PDF document** as follows. The outp
 
 Click [here](https://www.syncfusion.com/document-processing/powerpoint-framework/net-core) to explore the rich set of Syncfusion<sup>&reg;</sup> PowerPoint Library (Presentation) features. 
 
-An online sample link to [convert PowerPoint Presentation to PDF](https://document.syncfusion.com/demos/powerpoint/pptxtopdf#/tailwind) in ASP.NET Core. 
+An online sample link to [convert PowerPoint Presentation to PDF](https://ej2.syncfusion.com/aspnetcore/PowerPoint/PPTXToPDF#/material3) in ASP.NET Core. 
diff --git a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Convert-PowerPoint-to-PDF-in-Google-Cloud-Platform.md b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Convert-PowerPoint-to-PDF-in-Google-Cloud-Platform.md
index 6211fb5e3..358bc688a 100644
--- a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Convert-PowerPoint-to-PDF-in-Google-Cloud-Platform.md
+++ b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Convert-PowerPoint-to-PDF-in-Google-Cloud-Platform.md
@@ -28,5 +28,5 @@ NuGet package name<br/></th></tr></thead>
 <td>
 {{'[App Engine](https://help.syncfusion.com/document-processing/powerpoint/conversions/powerpoint-to-pdf/net/convert-powerpoint-to-pdf-in-google-app-engine)' | markdownify}}<br/></td><td>
 {{'[Syncfusion.PresentationRenderer.Net.Core](https://www.nuget.org/packages/Syncfusion.PresentationRenderer.Net.Core)' | markdownify}}<br/>
-{{'[SkiaSharp.NativeAssets.Linux v3.116.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux/3.116.1)' | markdownify}}<br/>{{'[HarfBuzzSharp.NativeAssets.Linux v8.3.0.1](https://www.nuget.org/packages/HarfBuzzSharp.NativeAssets.Linux/8.3.0.1)' |markdownify}} <br/></td></tr>
+{{'[SkiaSharp.NativeAssets.Linux v3.119.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux/3.119.1)' | markdownify}}<br/>{{'[HarfBuzzSharp.NativeAssets.Linux v8.3.1.2](https://www.nuget.org/packages/HarfBuzzSharp.NativeAssets.Linux/8.3.1.2)' |markdownify}} <br/></td></tr>
 </table>
diff --git a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Convert-PowerPoint-to-PDF-in-Linux.md b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Convert-PowerPoint-to-PDF-in-Linux.md
index 6e54c90b6..c8cf33abc 100644
--- a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Convert-PowerPoint-to-PDF-in-Linux.md
+++ b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Convert-PowerPoint-to-PDF-in-Linux.md
@@ -36,15 +36,15 @@ dotnet new console
 Step 2: Install the following **Nuget packages** in your application from [Nuget.org](https://www.nuget.org/) by execute the following command.
 
 * [Syncfusion.PresentationRenderer.Net.Core](https://www.nuget.org/packages/Syncfusion.PresentationRenderer.Net.Core) 
-* [SkiaSharp.NativeAssets.Linux v3.116.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux/3.116.1)
-* [HarfBuzzSharp.NativeAssets.Linux v8.3.0.1](https://www.nuget.org/packages/HarfBuzzSharp.NativeAssets.Linux/8.3.0.1)
+* [SkiaSharp.NativeAssets.Linux v3.119.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux/3.119.1)
+* [HarfBuzzSharp.NativeAssets.Linux v8.3.1.2](https://www.nuget.org/packages/HarfBuzzSharp.NativeAssets.Linux/8.3.1.2)
 
 {% tabs %}
 {% highlight KCONFIG %}
 
 dotnet add package Syncfusion.PresentationRenderer.Net.Core -v 22.1.38 -s https://www.nuget.org/
-dotnet add package SkiaSharp.NativeAssets.Linux -v 3.116.1 -s https://www.nuget.org/
-dotnet add package HarfBuzzSharp.NativeAssets.Linux -v 8.3.0.1 -s https://www.nuget.org/
+dotnet add package SkiaSharp.NativeAssets.Linux -v 3.119.1 -s https://www.nuget.org/
+dotnet add package HarfBuzzSharp.NativeAssets.Linux -v 8.3.1.2 -s https://www.nuget.org/
 
 {% endhighlight %}
 {% endtabs %}
@@ -226,4 +226,4 @@ By executing the program, you will get the **PDF** as follows. The output will b
 
 Click [here](https://www.syncfusion.com/document-processing/powerpoint-framework/net-core) to explore the rich set of Syncfusion<sup>&reg;</sup> PowerPoint Library (Presentation) features. 
 
-An online sample link to [convert PowerPoint Presentation to PDF](https://document.syncfusion.com/demos/powerpoint/pptxtopdf#/tailwind) in ASP.NET Core. 
\ No newline at end of file
+An online sample link to [convert PowerPoint Presentation to PDF](https://ej2.syncfusion.com/aspnetcore/PowerPoint/PPTXToPDF#/material3) in ASP.NET Core. 
\ No newline at end of file
diff --git a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Convert-PowerPoint-to-PDF-in-MAUI.md b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Convert-PowerPoint-to-PDF-in-MAUI.md
index bdbf6ae10..41520de2c 100644
--- a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Convert-PowerPoint-to-PDF-in-MAUI.md
+++ b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Convert-PowerPoint-to-PDF-in-MAUI.md
@@ -573,4 +573,4 @@ Refer the below helper files and add them into the mentioned project. These help
 
 Click [here](https://www.syncfusion.com/document-processing/powerpoint-framework/maui) to explore the rich set of Syncfusion<sup>&reg;</sup> PowerPoint Library (Presentation) features. 
 
-An online sample link to [convert PowerPoint Presentation to PDF](https://document.syncfusion.com/demos/powerpoint/pptxtopdf#/tailwind) in ASP.NET Core.  
+An online sample link to [convert PowerPoint Presentation to PDF](https://ej2.syncfusion.com/aspnetcore/PowerPoint/PPTXToPDF#/material3) in ASP.NET Core.  
diff --git a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Convert-PowerPoint-to-PDF-in-Mac.md b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Convert-PowerPoint-to-PDF-in-Mac.md
index 19cff099d..fa4a8d399 100644
--- a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Convert-PowerPoint-to-PDF-in-Mac.md
+++ b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Convert-PowerPoint-to-PDF-in-Mac.md
@@ -280,4 +280,4 @@ By executing the program, you will get the **PDF** as follows.
 
 Click [here](https://www.syncfusion.com/document-processing/powerpoint-framework/net-core) to explore the rich set of Syncfusion<sup>&reg;</sup> PowerPoint Library (Presentation) features. 
 
-An online sample link to [convert PowerPoint Presentation to PDF](https://document.syncfusion.com/demos/powerpoint/pptxtopdf#/tailwind) in ASP.NET Core. 
\ No newline at end of file
+An online sample link to [convert PowerPoint Presentation to PDF](https://ej2.syncfusion.com/aspnetcore/PowerPoint/PPTXToPDF#/material3) in ASP.NET Core. 
\ No newline at end of file
diff --git a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Convert-PowerPoint-to-PDF-in-UWP.md b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Convert-PowerPoint-to-PDF-in-UWP.md
index abf45f637..619c1daaf 100644
--- a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Convert-PowerPoint-to-PDF-in-UWP.md
+++ b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Convert-PowerPoint-to-PDF-in-UWP.md
@@ -135,5 +135,5 @@ By executing the program, you will get the **PDF** as follows.
 
 Click [here](https://www.syncfusion.com/document-processing/powerpoint-framework/uwp) to explore the rich set of Syncfusion<sup>&reg;</sup> PowerPoint Library (Presentation) features.
 
-An online sample link to [convert PowerPoint Presentation to PDF](https://document.syncfusion.com/demos/powerpoint/pptxtopdf#/tailwind) in ASP.NET Core.
+An online sample link to [convert PowerPoint Presentation to PDF](https://ej2.syncfusion.com/aspnetcore/PowerPoint/PPTXToPDF#/material3) in ASP.NET Core.
 
diff --git a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Convert-PowerPoint-to-PDF-in-WPF.md b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Convert-PowerPoint-to-PDF-in-WPF.md
index 1913da908..ec8136b64 100644
--- a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Convert-PowerPoint-to-PDF-in-WPF.md
+++ b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Convert-PowerPoint-to-PDF-in-WPF.md
@@ -230,4 +230,4 @@ By executing the program, you will get the **PDF** as follows.
 
 Click [here](https://www.syncfusion.com/document-processing/powerpoint-framework/net) to explore the rich set of Syncfusion<sup>&reg;</sup> PowerPoint Library (Presentation) features. 
 
-An online sample link to [convert PowerPoint Presentation to PDF](https://document.syncfusion.com/demos/powerpoint/pptxtopdf#/tailwind) in ASP.NET Core. 
+An online sample link to [convert PowerPoint Presentation to PDF](https://ej2.syncfusion.com/aspnetcore/PowerPoint/PPTXToPDF#/material3) in ASP.NET Core. 
diff --git a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Convert-PowerPoint-to-PDF-in-WinUI.md b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Convert-PowerPoint-to-PDF-in-WinUI.md
index 0283dab10..9c1ea1da7 100644
--- a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Convert-PowerPoint-to-PDF-in-WinUI.md
+++ b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Convert-PowerPoint-to-PDF-in-WinUI.md
@@ -161,4 +161,4 @@ By executing the program, you will get the **PDF document** as follows.
 
 Click [here](https://www.syncfusion.com/document-processing/powerpoint-framework/winui) to explore the rich set of Syncfusion<sup>&reg;</sup> PowerPoint Library (Presentation) features. 
 
-An online sample link to [convert PowerPoint Presentation to PDF](https://document.syncfusion.com/demos/powerpoint/pptxtopdf#/tailwind) in ASP.NET Core.  
\ No newline at end of file
+An online sample link to [convert PowerPoint Presentation to PDF](https://ej2.syncfusion.com/aspnetcore/PowerPoint/PPTXToPDF#/material3) in ASP.NET Core.  
\ No newline at end of file
diff --git a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Convert-PowerPoint-to-PDF-in-Windows-Forms.md b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Convert-PowerPoint-to-PDF-in-Windows-Forms.md
index acac408a9..6ec37e5ec 100644
--- a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Convert-PowerPoint-to-PDF-in-Windows-Forms.md
+++ b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Convert-PowerPoint-to-PDF-in-Windows-Forms.md
@@ -234,4 +234,4 @@ By executing the program, you will get the **PDF** as follows.
 
 Click [here](https://www.syncfusion.com/document-processing/powerpoint-framework/net) to explore the rich set of Syncfusion<sup>&reg;</sup> PowerPoint Library (Presentation) features. 
 
-An online sample link to [convert PowerPoint Presentation to PDF](https://document.syncfusion.com/demos/powerpoint/pptxtopdf#/tailwind) in ASP.NET Core. 
\ No newline at end of file
+An online sample link to [convert PowerPoint Presentation to PDF](https://ej2.syncfusion.com/aspnetcore/PowerPoint/PPTXToPDF#/material3) in ASP.NET Core. 
\ No newline at end of file
diff --git a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Convert-PowerPoint-to-PDF-in-Xamarin.md b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Convert-PowerPoint-to-PDF-in-Xamarin.md
index d80c79330..3ca60b034 100644
--- a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Convert-PowerPoint-to-PDF-in-Xamarin.md
+++ b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Convert-PowerPoint-to-PDF-in-Xamarin.md
@@ -179,5 +179,5 @@ By executing the program, you will get the **PDF** as follows.
 
 Click [here](https://www.syncfusion.com/document-processing/powerpoint-framework/xamarin) to explore the rich set of Syncfusion<sup>&reg;</sup> PowerPoint Library (Presentation) features. 
 
-An online sample link to [convert PowerPoint Presentation to PDF](https://document.syncfusion.com/demos/powerpoint/pptxtopdf#/tailwind) in ASP.NET Core. 
+An online sample link to [convert PowerPoint Presentation to PDF](https://ej2.syncfusion.com/aspnetcore/PowerPoint/PPTXToPDF#/material3) in ASP.NET Core. 
 
diff --git a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Fallback-Fonts-in-PPTXtoPDF-Conversion.md b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Fallback-Fonts-in-PPTXtoPDF-Conversion.md
index ad697da46..5471b1d75 100644
--- a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Fallback-Fonts-in-PPTXtoPDF-Conversion.md
+++ b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Fallback-Fonts-in-PPTXtoPDF-Conversion.md
@@ -210,6 +210,94 @@ pptxDoc.Close()
 
 You can download a complete working sample from [GitHub](https://github.com/SyncfusionExamples/PowerPoint-Examples/tree/master/PPTX-to-PDF-conversion/Fallback-fonts-based-on-scripttype).
 
+## Fallback Symbols based on script type
+
+The following code example demonstrates how a user can add fallback fonts for Symbols and Emojis, which Presentation considers internally when converting a PowerPoint presentation to PDF.
+
+{% tabs %}
+
+{% highlight C# tabtitle="C# [Cross-platform]" %}
+//Load the PowerPoint presentation into stream.
+using (FileStream fileStreamInput = new FileStream("Template.pptx", FileMode.Open, FileAccess.Read))
+{
+    //Open the existing PowerPoint presentation with loaded stream.
+    using (IPresentation pptxDoc = Presentation.Open(fileStreamInput))
+    {
+        //Adds fallback font for basic symbols like bullet characters.
+        pptxDoc.FontSettings.FallbackFonts.Add(ScriptType.Symbols, "Segoe UI Symbol, Arial Unicode MS, Wingdings");
+        //Adds fallback font for mathematics symbols.
+        pptxDoc.FontSettings.FallbackFonts.Add(ScriptType.Mathematics, "Cambria Math, Noto Sans Math, Segoe UI Symbol, Arial Unicode MS");
+        //Adds fallback font for emojis.
+        pptxDoc.FontSettings.FallbackFonts.Add(ScriptType.Emoji, "Segoe UI Emoji, Noto Color Emoji, Arial Unicode MS");  
+        //Create the MemoryStream to save the converted PDF.
+        using (MemoryStream pdfStream = new MemoryStream())
+        {
+            //Convert the PowerPoint document to PDF document.
+            using (PdfDocument pdfDocument = PresentationToPdfConverter.Convert(pptxDoc))
+            {
+                //Save the converted PDF document to MemoryStream.
+                pdfDocument.Save(pdfStream);
+                pdfStream.Position = 0;
+            }
+            //Create the output PDF file stream.
+            using (FileStream fileStreamOutput = File.Create("Output.pdf"))
+            {
+                //Copy the converted PDF stream into created output PDF stream.
+                pdfStream.CopyTo(fileStreamOutput);
+            }
+        }
+    }
+}
+{% endhighlight %}
+
+{% highlight C# tabtitle="C# [Windows-specific]" %}
+//Opens a PowerPoint Presentation.
+IPresentation pptxDoc = Presentation.Open("Sample.pptx");
+//Initialize the conversion settings.
+PresentationToPdfConverterSettings pdfConverterSettings = new PresentationToPdfConverterSettings();
+//Enable the portable rendering.
+pdfConverterSettings.EnablePortableRendering = true;
+//Adds fallback font for basic symbols like bullet characters.
+pptxDoc.FontSettings.FallbackFonts.Add(ScriptType.Symbols, "Segoe UI Symbol, Arial Unicode MS, Wingdings");
+//Adds fallback font for mathematics symbols.
+pptxDoc.FontSettings.FallbackFonts.Add(ScriptType.Mathematics, "Cambria Math, Noto Sans Math, Segoe UI Symbol, Arial Unicode MS");
+//Adds fallback font for emojis.
+pptxDoc.FontSettings.FallbackFonts.Add(ScriptType.Emoji, "Segoe UI Emoji, Noto Color Emoji, Arial Unicode MS");  
+//Converts the PowerPoint Presentation into PDF document with Portable rendering option.
+PdfDocument pdfDocument = PresentationToPdfConverter.Convert(pptxDoc);
+//Saves the PDF document.
+pdfDocument.Save("Sample.pdf");
+//Closes the PDF document.
+pdfDocument.Close(true);
+//Closes the Presentation.
+pptxDoc.Close();
+{% endhighlight %}
+
+{% highlight vb.net tabtitle="VB.NET [Windows-specific]" %}
+'Opens a PowerPoint Presentation.
+Dim pptxDoc As IPresentation = Presentation.Open("Sample.pptx")
+'Initialize the conversion settings.
+Dim pdfConverterSettings As PresentationToPdfConverterSettings = new PresentationToPdfConverterSettings()
+'Enable the portable rendering.
+pdfConverterSettings.EnablePortableRendering = true
+'Adds fallback font for basic symbols Like bullet characters.
+pptxDoc.FontSettings.FallbackFonts.Add(ScriptType.Symbols, "Segoe UI Symbol, Arial Unicode MS, Wingdings")
+'Adds fallback font for mathematics symbols.
+pptxDoc.FontSettings.FallbackFonts.Add(ScriptType.Mathematics, "Cambria Math, Noto Sans Math, Segoe UI Symbol, Arial Unicode MS")
+'Adds fallback font for emojis.
+pptxDoc.FontSettings.FallbackFonts.Add(ScriptType.Emoji, "Segoe UI Emoji, Noto Color Emoji, Arial Unicode MS")
+'Converts the PowerPoint Presentation into PDF document.
+Dim pdfDocument As PdfDocument = PresentationToPdfConverter.Convert(pptxDoc)
+'Saves the PDF document.
+pdfDocument.Save("Sample.pdf")
+'Closes the PDF document.
+pdfDocument.Close(True)
+'Closes the Presentation.
+pptxDoc.Close()
+{% endhighlight %}
+
+{% endtabs %}
+
 ## Fallback fonts for range of Unicode text
 
 Users can set fallback fonts for specific Unicode range of text to be used in presentation to PDF conversion.
@@ -533,4 +621,213 @@ Korean
 Malgun Gothic, Batang
 </td>
 </tr>
+<tr>
+  <td>Tamil</td>
+  <td>0x0B80 - 0x0BFF</td>
+  <td>Latha, Nirmala UI, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Bengali</td>
+  <td>0x0980 - 0x09FF</td>
+  <td>Vrinda, Arial Unicode MS, Nikosh, Siyam Rupali, Nirmala UI</td>
+</tr>
+<tr>
+  <td>Gujarati</td>
+  <td>0x0A80 - 0x0AFF</td>
+  <td>Shruti, Nirmala UI, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Telugu</td>
+  <td>0x0C00 - 0x0C7F</td>
+  <td>Gautami, Nirmala UI, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Malayalam</td>
+  <td>0x0D00 - 0x0D7F</td>
+  <td>Kartika, Nirmala UI, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Kannada</td>
+  <td>0x0C80 - 0x0CFF</td>
+  <td>Tunga, Nirmala UI, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Ethiopic</td>
+  <td>0x1200 - 0x137F<br>
+  0x1380 - 0x139F</td>
+  <td>Nyala, Ebrima</td>
+</tr>
+<tr>
+  <td>Khmer</td>
+  <td>0x1780 - 0x17FF<br>
+  0x19E0 - 0x19FF</td>
+  <td>MoolBoran, DaunPenh, Leelawadee, Leelawadee UI</td>
+</tr>
+<tr>
+  <td>Gurmukhi</td>
+  <td>0x0A00 - 0x0A7F</td>
+  <td>Raavi, Nirmala UI, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Canadian</td>
+  <td>0x1400 - 0x167F</td>
+  <td>Euphemia, Gadugi</td>
+</tr>
+<tr>
+  <td>Cherokee</td>
+  <td>0x13A0 - 0x13FF<br>
+  0xAB70 - 0xABBF</td>
+  <td>Plantagenet Cherokee, Gadugi, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Yi</td>
+  <td>0xA000 - 0xA48F<br>
+  0xA490 - 0xA4CF</td>
+  <td>Microsoft Yi Baiti, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Tibetan</td>
+  <td>0x0F00 - 0x0FFF</td>
+  <td>Microsoft Himalaya, Nirmala UI, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Thaana</td>
+  <td>0x0780 - 0x07BF</td>
+  <td>MV Boli, Nirmala UI, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Syriac</td>
+  <td>0x0700 - 0x074F</td>
+  <td>Estrangelo Edessa, Segoe UI Historic, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Odia</td>
+  <td>0x0B00 - 0x0B7F</td>
+  <td>Kalinga, Nirmala UI, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Lao</td>
+  <td>0x0E80 - 0x0EFF</td>
+  <td>DokChampa, Lao UI, Leelawadee UI, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Sinhala</td>
+  <td>0x0D80 - 0x0DFF</td>
+  <td>Iskoola Pota, Nirmala UI, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Mongolian</td>
+  <td>0x1800 - 0x18AF</td>
+  <td>Mongolian Baiti, Microsoft YaHei, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Vietnamese</td>
+  <td>0x00C0 - 0x00FF<br>
+  0x0102 - 0x0103<br>
+  0x0110 - 0x0111<br>
+  0x0128 - 0x0129<br>
+  0x0168 - 0x0169<br>
+  0x01A0 - 0x01A1<br>
+  0x01AF - 0x01B0<br>
+  0x0300 - 0x036F</td>
+  <td>Times New Roman, Arial, Tahoma, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Georgian</td>
+  <td>0x10A0 - 0x10FF<br>
+  0x2D00 - 0x2D2F</td>
+  <td>Sylfaen, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Armenian</td>
+  <td>0x0530 - 0x058F<br>
+  0xFB13 - 0xFB17</td>
+  <td>Arial, Sylfaen, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Buginese</td>
+  <td>0x1A00 - 0x1A1F</td>
+  <td>Leelawadee UI, Segoe UI Symbol</td>
+</tr>
+<tr>
+  <td>Bopomofo</td>
+  <td>0x3100 - 0x312F<br>
+  0x31A0 - 0x31BF</td>
+  <td>Microsoft JhengHei, PMingLiU, SimSun, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Javanese</td>
+  <td>0xA980 - 0xA9DF</td>
+  <td>Javanese Text, Segoe UI Symbol</td>
+</tr>
+<tr>
+  <td>Lisu</td>
+  <td>0xA4D0 - 0xA4FF</td>
+  <td>Segoe UI Symbol, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Burmese</td>
+  <td>0x1000 - 0x109F<br>
+  0xAA60 - 0xAA7F</td>
+  <td>Myanmar Text, Noto Sans Myanmar, Padauk</td>
+</tr>
+<tr>
+  <td>NKo</td>
+  <td>0x07C0 - 0x07FF</td>
+  <td>Ebrima, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>OlChiki</td>
+  <td>0x1C50 - 0x1C7F</td>
+  <td>Nirmala UI, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Osmanya</td>
+  <td>0x10480 - 0x104AF</td>
+  <td>Ebrima, Noto Sans Osmanya</td>
+</tr>
+<tr>
+  <td>PhagsPa</td>
+  <td>0xA840 - 0xA87F</td>
+  <td>Phagspa, Microsoft PhagsPa, Noto Sans PhagsPa, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>SoraSompeng</td>
+  <td>0x110D0 - 0x110FF</td>
+  <td>Nirmala UI, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>TaiLe</td>
+  <td>0x1950 - 0x197F</td>
+  <td>Microsoft Tai Le, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>NewTaiLue</td>
+  <td>0x1980 - 0x19DF</td>
+  <td>Microsoft New Tai Lue, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Tifinagh</td>
+  <td>0x2D30 - 0x2D7F</td>
+  <td>Ebrima, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Symbols</td>
+  <td>0x2000 - 0x27BF<br>
+  0x2300 - 0x23FF<br>
+  0xF000 - 0xF104</td>
+  <td>Segoe UI Symbol, Arial Unicode MS, Wingdings</td>
+</tr>
+<tr>
+  <td>Mathematics</td>
+  <td>0x2200 - 0x2AFF<br>
+  0x1D400 - 0x1D7FF</td>
+  <td>Cambria Math, Noto Sans Math, Segoe UI Symbol, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Emoji</td>
+  <td>0x1F300 - 0x1FAFF<br>
+  0xFE0F - 0xFE0F</td>
+  <td>Segoe UI Emoji, Noto Color Emoji, Arial Unicode MS</td>
+</tr>
 </table>
\ No newline at end of file
diff --git a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Nuget-Packages-Required-for-PPTXtoPDF-Conversion.md b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Nuget-Packages-Required-for-PPTXtoPDF-Conversion.md
index b6c896839..563f28806 100644
--- a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Nuget-Packages-Required-for-PPTXtoPDF-Conversion.md
+++ b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Nuget-Packages-Required-for-PPTXtoPDF-Conversion.md
@@ -116,8 +116,8 @@ The following table illustrates the native assets NuGet packages and their appli
   <tbody>
     <tr>
       <td>
-        {{'[SkiaSharp.NativeAssets.Linux v3.116.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux/3.116.1)'| markdownify }}<br/>
-        {{'[HarfBuzzSharp.NativeAssets.Linux v8.3.0.1](https://www.nuget.org/packages/HarfBuzzSharp.NativeAssets.Linux/8.3.0.1)'| markdownify }}
+        {{'[SkiaSharp.NativeAssets.Linux v3.119.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux/3.119.1)'| markdownify }}<br/>
+        {{'[HarfBuzzSharp.NativeAssets.Linux v8.3.1.2](https://www.nuget.org/packages/HarfBuzzSharp.NativeAssets.Linux/8.3.1.2)'| markdownify }}
       </td>
       <td>
         <ul>
@@ -129,7 +129,7 @@ The following table illustrates the native assets NuGet packages and their appli
     </tr>
     <tr>
       <td>
-        {{'[SkiaSharp.NativeAssets.Linux.NoDependencies v3.116.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux.NoDependencies/3.116.1)'| markdownify }}
+        {{'[SkiaSharp.NativeAssets.Linux.NoDependencies v3.119.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux.NoDependencies/3.119.1)'| markdownify }}
       </td>
       <td>
         <ul>
diff --git a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Presentation-to-PDF.md b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Presentation-to-PDF.md
index e4e9c158b..a36269aa8 100644
--- a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Presentation-to-PDF.md
+++ b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Presentation-to-PDF.md
@@ -753,9 +753,9 @@ You can download a complete working sample from [GitHub](https://github.com/Sync
 
 ## Online Demo
 
-* Explore how to convert a PowerPoint presentation to PDF using the .NET PowerPoint Library (Presentation) in a live demo [here](https://document.syncfusion.com/demos/powerpoint/pptxtopdf#/tailwind).
-* See how to convert a PowerPoint presentation to PDF/UA using the .NET PowerPoint Library (Presentation) in a live demo [here](https://document.syncfusion.com/demos/powerpoint/pptxtopdfua#/tailwind).
-* See how to convert a PowerPoint presentation to PDF/A using the .NET PowerPoint Library (Presentation) in a live demo [here](https://document.syncfusion.com/demos/powerpoint/pptxtopdfa#/tailwind).
+* Explore how to convert a PowerPoint presentation to PDF using the .NET PowerPoint Library (Presentation) in a live demo [here](https://ej2.syncfusion.com/aspnetcore/powerpoint/pptxtopdf#/bootstrap5).
+* See how to convert a PowerPoint presentation to PDF/UA using the .NET PowerPoint Library (Presentation) in a live demo [here](https://ej2.syncfusion.com/aspnetcore/powerpoint/pptxtopdfua#/bootstrap5).
+* See how to convert a PowerPoint presentation to PDF/A using the .NET PowerPoint Library (Presentation) in a live demo [here](https://ej2.syncfusion.com/aspnetcore/powerpoint/pptxtopdfa#/bootstrap5).
 
 ## See Also
 
diff --git a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Workingwith-Blazor/Command-to-add-NuGet-package-for-SkiaSharp.png b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Workingwith-Blazor/Command-to-add-NuGet-package-for-SkiaSharp.png
index ccf4beb36..701a2b887 100644
Binary files a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Workingwith-Blazor/Command-to-add-NuGet-package-for-SkiaSharp.png and b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/NET/Workingwith-Blazor/Command-to-add-NuGet-package-for-SkiaSharp.png differ
diff --git a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/overview.md b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/overview.md
index 8d573c9ab..3d202fe58 100644
--- a/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/overview.md
+++ b/Document-Processing/PowerPoint/Conversions/PowerPoint-To-PDF/overview.md
@@ -681,9 +681,9 @@ You can download a complete working sample from [GitHub](https://github.com/Sync
 
 ## Online Demo
 
-* Explore how to convert a PowerPoint presentation to PDF using the .NET PowerPoint Library (Presentation) in a live demo [here](https://document.syncfusion.com/demos/powerpoint/pptxtopdf#/tailwind).
-* See how to convert a PowerPoint presentation to PDF/UA using the .NET PowerPoint Library (Presentation) in a live demo [here](https://document.syncfusion.com/demos/powerpoint/pptxtopdfua#/tailwind).
-* See how to convert a PowerPoint presentation to PDF/A using the .NET PowerPoint Library (Presentation) in a live demo [here](https://document.syncfusion.com/demos/powerpoint/pptxtopdfa#/tailwind).
+* Explore how to convert a PowerPoint presentation to PDF using the .NET PowerPoint Library (Presentation) in a live demo [here](https://ej2.syncfusion.com/aspnetcore/powerpoint/pptxtopdf#/bootstrap5).
+* See how to convert a PowerPoint presentation to PDF/UA using the .NET PowerPoint Library (Presentation) in a live demo [here](https://ej2.syncfusion.com/aspnetcore/powerpoint/pptxtopdfua#/bootstrap5).
+* See how to convert a PowerPoint presentation to PDF/A using the .NET PowerPoint Library (Presentation) in a live demo [here](https://ej2.syncfusion.com/aspnetcore/powerpoint/pptxtopdfa#/bootstrap5).
 
 ## See Also
 
diff --git a/Document-Processing/PowerPoint/PowerPoint-Library/NET/Azure-Images/App-Service-Windows/Nuget-Package-Create-PowerPoint-Presentation.png b/Document-Processing/PowerPoint/PowerPoint-Library/NET/Azure-Images/App-Service-Windows/Nuget-Package-Create-PowerPoint-Presentation.png
index 8b6b9a0d4..ab682dbc6 100644
Binary files a/Document-Processing/PowerPoint/PowerPoint-Library/NET/Azure-Images/App-Service-Windows/Nuget-Package-Create-PowerPoint-Presentation.png and b/Document-Processing/PowerPoint/PowerPoint-Library/NET/Azure-Images/App-Service-Windows/Nuget-Package-Create-PowerPoint-Presentation.png differ
diff --git a/Document-Processing/PowerPoint/PowerPoint-Library/NET/Comments.md b/Document-Processing/PowerPoint/PowerPoint-Library/NET/Comments.md
index f6dd62c6a..22425aabf 100644
--- a/Document-Processing/PowerPoint/PowerPoint-Library/NET/Comments.md
+++ b/Document-Processing/PowerPoint/PowerPoint-Library/NET/Comments.md
@@ -337,4 +337,4 @@ N> [Modern comments](https://support.microsoft.com/en-us/office/modern-comments-
 
 ## Online Demo
 
-* Explore how to add comments to a PowerPoint presentation slide using the .NET PowerPoint Library (Presentation) in a live demo [here](https://document.syncfusion.com/demos/powerpoint/comment#/tailwind).
\ No newline at end of file
+* Explore how to add comments to a PowerPoint presentation slide using the .NET PowerPoint Library (Presentation) in a live demo [here](https://ej2.syncfusion.com/aspnetcore/powerpoint/comment#/bootstrap5).
\ No newline at end of file
diff --git a/Document-Processing/PowerPoint/PowerPoint-Library/NET/Create-PowerPoint-Presentation-in-AWS-Elastic-Beanstalk.md b/Document-Processing/PowerPoint/PowerPoint-Library/NET/Create-PowerPoint-Presentation-in-AWS-Elastic-Beanstalk.md
index 9539e47b1..eb11be516 100644
--- a/Document-Processing/PowerPoint/PowerPoint-Library/NET/Create-PowerPoint-Presentation-in-AWS-Elastic-Beanstalk.md
+++ b/Document-Processing/PowerPoint/PowerPoint-Library/NET/Create-PowerPoint-Presentation-in-AWS-Elastic-Beanstalk.md
@@ -151,4 +151,4 @@ By executing the program, you will get the **PowerPoint document** as follows.
 
 Click [here](https://www.syncfusion.com/document-processing/powerpoint-framework/net-core) to explore the rich set of Syncfusion<sup>&reg;</sup> PowerPoint Library (Presentation) features. 
 
-An online sample link to [create a PowerPoint Presentation](https://document.syncfusion.com/demos/powerpoint/default#/tailwind) in ASP.NET Core. 
\ No newline at end of file
+An online sample link to [create a PowerPoint Presentation](https://ej2.syncfusion.com/aspnetcore/PowerPoint/Default#/material3) in ASP.NET Core. 
\ No newline at end of file
diff --git a/Document-Processing/PowerPoint/PowerPoint-Library/NET/Create-PowerPoint-Presentation-in-AWS-Lambda.md b/Document-Processing/PowerPoint/PowerPoint-Library/NET/Create-PowerPoint-Presentation-in-AWS-Lambda.md
index d762c0e62..a1b0e285b 100644
--- a/Document-Processing/PowerPoint/PowerPoint-Library/NET/Create-PowerPoint-Presentation-in-AWS-Lambda.md
+++ b/Document-Processing/PowerPoint/PowerPoint-Library/NET/Create-PowerPoint-Presentation-in-AWS-Lambda.md
@@ -178,6 +178,6 @@ From GitHub, you can download the [console application](https://github.com/Syncf
 
 Click [here](https://www.syncfusion.com/document-processing/powerpoint-framework/net-core) to explore the rich set of Syncfusion<sup>&reg;</sup> PowerPoint Library (Presentation) features. 
 
-An online sample link to [create a PowerPoint Presentation](https://document.syncfusion.com/demos/powerpoint/default#/tailwind) in ASP.NET Core. 
+An online sample link to [create a PowerPoint Presentation](https://ej2.syncfusion.com/aspnetcore/PowerPoint/Default#/material3) in ASP.NET Core. 
 
 
diff --git a/Document-Processing/PowerPoint/PowerPoint-Library/NET/Create-PowerPoint-Presentation-in-Azure-App-Service-Linux.md b/Document-Processing/PowerPoint/PowerPoint-Library/NET/Create-PowerPoint-Presentation-in-Azure-App-Service-Linux.md
index 8b3c8bb3d..4b9f24c26 100644
--- a/Document-Processing/PowerPoint/PowerPoint-Library/NET/Create-PowerPoint-Presentation-in-Azure-App-Service-Linux.md
+++ b/Document-Processing/PowerPoint/PowerPoint-Library/NET/Create-PowerPoint-Presentation-in-Azure-App-Service-Linux.md
@@ -220,4 +220,4 @@ You can download a complete working sample from [GitHub](https://github.com/Sync
 
 Click [here](https://www.syncfusion.com/document-processing/powerpoint-framework/net-core) to explore the rich set of Syncfusion<sup>&reg;</sup> PowerPoint Library (Presentation) features. 
 
-An online sample link to [create a PowerPoint Presentation](https://document.syncfusion.com/demos/powerpoint/default#/tailwind) in ASP.NET Core.
\ No newline at end of file
+An online sample link to [create a PowerPoint Presentation](https://ej2.syncfusion.com/aspnetcore/PowerPoint/Default#/material3) in ASP.NET Core.
\ No newline at end of file
diff --git a/Document-Processing/PowerPoint/PowerPoint-Library/NET/Create-PowerPoint-Presentation-in-Azure-App-Service-Windows.md b/Document-Processing/PowerPoint/PowerPoint-Library/NET/Create-PowerPoint-Presentation-in-Azure-App-Service-Windows.md
index d6cb6b50f..22376a07d 100644
--- a/Document-Processing/PowerPoint/PowerPoint-Library/NET/Create-PowerPoint-Presentation-in-Azure-App-Service-Windows.md
+++ b/Document-Processing/PowerPoint/PowerPoint-Library/NET/Create-PowerPoint-Presentation-in-Azure-App-Service-Windows.md
@@ -220,4 +220,4 @@ You can download a complete working sample from [GitHub](https://github.com/Sync
 
 Click [here](https://www.syncfusion.com/document-processing/powerpoint-framework/net-core) to explore the rich set of Syncfusion<sup>&reg;</sup> PowerPoint Library (Presentation) features. 
 
-An online sample link to [create a PowerPoint Presentation](https://document.syncfusion.com/demos/powerpoint/default#/tailwind) in ASP.NET Core.
+An online sample link to [create a PowerPoint Presentation](https://ej2.syncfusion.com/aspnetcore/PowerPoint/Default#/material3) in ASP.NET Core.
diff --git a/Document-Processing/PowerPoint/PowerPoint-Library/NET/Create-PowerPoint-Presentation-in-Azure-Functions-v1.md b/Document-Processing/PowerPoint/PowerPoint-Library/NET/Create-PowerPoint-Presentation-in-Azure-Functions-v1.md
index 4374ea02a..4ff8d678a 100644
--- a/Document-Processing/PowerPoint/PowerPoint-Library/NET/Create-PowerPoint-Presentation-in-Azure-Functions-v1.md
+++ b/Document-Processing/PowerPoint/PowerPoint-Library/NET/Create-PowerPoint-Presentation-in-Azure-Functions-v1.md
@@ -181,5 +181,5 @@ From GitHub, you can download the [console application](https://github.com/Syncf
 
 Click [here](https://www.syncfusion.com/document-processing/powerpoint-framework/net) to explore the rich set of Syncfusion<sup>&reg;</sup> PowerPoint Library (Presentation) features. 
 
-An online sample link to [create a PowerPoint Presentation](https://document.syncfusion.com/demos/powerpoint/default#/tailwind) in ASP.NET Core.  
+An online sample link to [create a PowerPoint Presentation](https://ej2.syncfusion.com/aspnetcore/PowerPoint/Default#/material3) in ASP.NET Core.  
 
diff --git a/Document-Processing/PowerPoint/PowerPoint-Library/NET/Create-PowerPoint-Presentation-in-Azure-Functions-v4.md b/Document-Processing/PowerPoint/PowerPoint-Library/NET/Create-PowerPoint-Presentation-in-Azure-Functions-v4.md
index f877eaa9c..b6880ad9d 100644
--- a/Document-Processing/PowerPoint/PowerPoint-Library/NET/Create-PowerPoint-Presentation-in-Azure-Functions-v4.md
+++ b/Document-Processing/PowerPoint/PowerPoint-Library/NET/Create-PowerPoint-Presentation-in-Azure-Functions-v4.md
@@ -182,5 +182,5 @@ From GitHub, you can download the [console application](https://github.com/Syncf
 
 Click [here](https://www.syncfusion.com/document-processing/powerpoint-framework/net) to explore the rich set of Syncfusion<sup>&reg;</sup> PowerPoint Library (Presentation) features. 
 
-An online sample link to [create a PowerPoint Presentation](https://document.syncfusion.com/demos/powerpoint/default#/tailwind) in ASP.NET Core.  
+An online sample link to [create a PowerPoint Presentation](https://ej2.syncfusion.com/aspnetcore/PowerPoint/Default#/material3) in ASP.NET Core.  
 
diff --git a/Document-Processing/PowerPoint/PowerPoint-Library/NET/Create-PowerPoint-Presentation-in-Google-App-Engine.md b/Document-Processing/PowerPoint/PowerPoint-Library/NET/Create-PowerPoint-Presentation-in-Google-App-Engine.md
index 99c9e6258..bac3420b4 100644
--- a/Document-Processing/PowerPoint/PowerPoint-Library/NET/Create-PowerPoint-Presentation-in-Google-App-Engine.md
+++ b/Document-Processing/PowerPoint/PowerPoint-Library/NET/Create-PowerPoint-Presentation-in-Google-App-Engine.md
@@ -284,4 +284,4 @@ By executing the program, you will get the **PowerPoint document** as follows. T
 
 Click [here](https://www.syncfusion.com/document-processing/powerpoint-framework/net-core) to explore the rich set of Syncfusion<sup>&reg;</sup> PowerPoint Library (Presentation) features. 
 
-An online sample link to [create a PowerPoint Presentation](https://document.syncfusion.com/demos/powerpoint/default#/tailwind) in ASP.NET Core.
+An online sample link to [create a PowerPoint Presentation](https://ej2.syncfusion.com/aspnetcore/PowerPoint/Default#/material3) in ASP.NET Core.
diff --git a/Document-Processing/PowerPoint/PowerPoint-Library/NET/FAQ.md b/Document-Processing/PowerPoint/PowerPoint-Library/NET/FAQ.md
index 015ea0cc2..2708f4969 100644
--- a/Document-Processing/PowerPoint/PowerPoint-Library/NET/FAQ.md
+++ b/Document-Processing/PowerPoint/PowerPoint-Library/NET/FAQ.md
@@ -67,6 +67,15 @@ NuGet packages to install
 </thead>
 <tr>
 <td>
+From v32.1.10
+</td>
+<td>
+{{'[SkiaSharp.NativeAssets.Linux v3.119.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux/3.119.1)'| markdownify }}<br/>
+{{'[HarfBuzzSharp.NativeAssets.Linux v8.3.1.2](https://www.nuget.org/packages/HarfBuzzSharp.NativeAssets.Linux/8.3.1.2)'| markdownify }}
+</td>
+</tr>
+<tr>
+<td>
 From v28.2.3
 </td>
 <td>
diff --git a/Document-Processing/PowerPoint/PowerPoint-Library/NET/Getting-Started.md b/Document-Processing/PowerPoint/PowerPoint-Library/NET/Getting-Started.md
index 85b36013d..8e3462299 100644
--- a/Document-Processing/PowerPoint/PowerPoint-Library/NET/Getting-Started.md
+++ b/Document-Processing/PowerPoint/PowerPoint-Library/NET/Getting-Started.md
@@ -492,4 +492,4 @@ N> You can refer to our [.NET PowerPoint framework](https://www.syncfusion.com/d
 
 ## Online Demo
 
-* Explore how to create slides with simple text in a PowerPoint presentation using the .NET PowerPoint Library (Presentation) in a live demo [here](https://document.syncfusion.com/demos/powerpoint/default#/tailwind).
\ No newline at end of file
+* Explore how to create slides with simple text in a PowerPoint presentation using the .NET PowerPoint Library (Presentation) in a live demo [here](https://ej2.syncfusion.com/aspnetcore/powerpoint/default#/bootstrap5).
\ No newline at end of file
diff --git a/Document-Processing/PowerPoint/PowerPoint-Library/NET/NuGet-Packages-Required.md b/Document-Processing/PowerPoint/PowerPoint-Library/NET/NuGet-Packages-Required.md
index 2dca4df12..e6ea34332 100644
--- a/Document-Processing/PowerPoint/PowerPoint-Library/NET/NuGet-Packages-Required.md
+++ b/Document-Processing/PowerPoint/PowerPoint-Library/NET/NuGet-Packages-Required.md
@@ -5,7 +5,7 @@ platform: document-processing
 control: PowerPoint
 documentation: UG
 ---
-# NuGet Packages Required
+# NuGet Packages Required for PowerPoint Library
 
 To work with PowerPoint Presentations, install the following NuGet packages in your application:
 
@@ -215,8 +215,8 @@ The following table illustrates the native assets NuGet packages and their appli
   <tbody>
     <tr>
       <td>
-        {{'[SkiaSharp.NativeAssets.Linux v3.116.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux/3.116.1)'| markdownify }}<br/>
-        {{'[HarfBuzzSharp.NativeAssets.Linux v8.3.0.1](https://www.nuget.org/packages/HarfBuzzSharp.NativeAssets.Linux/8.3.0.1)'| markdownify }}
+        {{'[SkiaSharp.NativeAssets.Linux v3.119.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux/3.119.1)'| markdownify }}<br/>
+        {{'[HarfBuzzSharp.NativeAssets.Linux v8.3.1.2](https://www.nuget.org/packages/HarfBuzzSharp.NativeAssets.Linux/8.3.1.2)'| markdownify }}
       </td>
       <td>
         <ul>
@@ -228,7 +228,7 @@ The following table illustrates the native assets NuGet packages and their appli
     </tr>
     <tr>
       <td>
-        {{'[SkiaSharp.NativeAssets.Linux.NoDependencies v3.116.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux.NoDependencies/3.116.1)'| markdownify }}
+        {{'[SkiaSharp.NativeAssets.Linux.NoDependencies v3.119.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux.NoDependencies/3.119.1)'| markdownify }}
       </td>
       <td>
         <ul>
@@ -357,8 +357,8 @@ The following table illustrates the native assets NuGet packages and their appli
   <tbody>
     <tr>
       <td>
-        {{'[SkiaSharp.NativeAssets.Linux v3.116.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux/3.116.1)'| markdownify }}<br/>
-        {{'[HarfBuzzSharp.NativeAssets.Linux v8.3.0.1](https://www.nuget.org/packages/HarfBuzzSharp.NativeAssets.Linux/8.3.0.1)'| markdownify }}
+        {{'[SkiaSharp.NativeAssets.Linux v3.119.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux/3.119.1)'| markdownify }}<br/>
+        {{'[HarfBuzzSharp.NativeAssets.Linux v8.3.1.2](https://www.nuget.org/packages/HarfBuzzSharp.NativeAssets.Linux/8.3.1.2)'| markdownify }}
       </td>
       <td>
         <ul>
@@ -370,7 +370,7 @@ The following table illustrates the native assets NuGet packages and their appli
     </tr>
     <tr>
       <td>
-        {{'[SkiaSharp.NativeAssets.Linux.NoDependencies v3.116.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux.NoDependencies/3.116.1)'| markdownify }}
+        {{'[SkiaSharp.NativeAssets.Linux.NoDependencies v3.119.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux.NoDependencies/3.119.1)'| markdownify }}
       </td>
       <td>
         <ul>
diff --git a/Document-Processing/PowerPoint/PowerPoint-Library/NET/Security.md b/Document-Processing/PowerPoint/PowerPoint-Library/NET/Security.md
index 7d2c9f4f2..e663427f0 100644
--- a/Document-Processing/PowerPoint/PowerPoint-Library/NET/Security.md
+++ b/Document-Processing/PowerPoint/PowerPoint-Library/NET/Security.md
@@ -297,5 +297,5 @@ N> 2. For ASP.NET Core, Encryption, Decryption and Write Protection features are
 
 ## Online Demo
 
-* Explore how to set write protection for a PowerPoint presentation with a password using the .NET PowerPoint Library (Presentation) in a live demo [here](https://document.syncfusion.com/demos/powerpoint/writeprotection#/tailwind).
-* See how to encrypt and decrypt the PowerPoint presentation using the .NET PowerPoint Library (Presentation) in a live demo [here](https://document.syncfusion.com/demos/powerpoint/encryptanddecrypt#/tailwind).
\ No newline at end of file
+* Explore how to set write protection for a PowerPoint presentation with a password using the .NET PowerPoint Library (Presentation) in a live demo [here](https://ej2.syncfusion.com/aspnetcore/powerpoint/writeprotection#/bootstrap5).
+* See how to encrypt and decrypt the PowerPoint presentation using the .NET PowerPoint Library (Presentation) in a live demo [here](https://ej2.syncfusion.com/aspnetcore/powerpoint/encryptanddecrypt#/bootstrap5).
\ No newline at end of file
diff --git a/Document-Processing/PowerPoint/PowerPoint-Library/NET/SmartArt.md b/Document-Processing/PowerPoint/PowerPoint-Library/NET/SmartArt.md
index 90f81e198..c210827d9 100644
--- a/Document-Processing/PowerPoint/PowerPoint-Library/NET/SmartArt.md
+++ b/Document-Processing/PowerPoint/PowerPoint-Library/NET/SmartArt.md
@@ -624,4 +624,4 @@ The modifications in a [SmartArt](https://help.syncfusion.com/cr/document-proces
 
 ## Online Demo
 
-* Explore how to create a SmartArt diagram in a PowerPoint presentation using the .NET PowerPoint Library (Presentation) in a live demo [here](https://document.syncfusion.com/demos/powerpoint/smartart#/tailwind).
\ No newline at end of file
+* Explore how to create a SmartArt diagram in a PowerPoint presentation using the .NET PowerPoint Library (Presentation) in a live demo [here](https://ej2.syncfusion.com/aspnetcore/powerpoint/smartart#/bootstrap5).
\ No newline at end of file
diff --git a/Document-Processing/PowerPoint/PowerPoint-Library/NET/Working-with-Animation.md b/Document-Processing/PowerPoint/PowerPoint-Library/NET/Working-with-Animation.md
index 8560f9434..1105ddb25 100644
--- a/Document-Processing/PowerPoint/PowerPoint-Library/NET/Working-with-Animation.md
+++ b/Document-Processing/PowerPoint/PowerPoint-Library/NET/Working-with-Animation.md
@@ -3790,5 +3790,5 @@ Yes
 
 ## Online Demo
 
-* Explore how to add different animation effects for shapes in a PowerPoint presentation using the .NET PowerPoint Library (Presentation) in a live demo [here](https://document.syncfusion.com/demos/powerpoint/createanimation#/tailwind).
-* See how to modify animation effects for shapes in a PowerPoint presentation using the .NET PowerPoint Library (Presentation) in a live demo [here](https://document.syncfusion.com/demos/powerpoint/modifyanimation#/tailwind).
\ No newline at end of file
+* Explore how to add different animation effects for shapes in a PowerPoint presentation using the .NET PowerPoint Library (Presentation) in a live demo [here](https://ej2.syncfusion.com/aspnetcore/powerpoint/createanimation#/bootstrap5).
+* See how to modify animation effects for shapes in a PowerPoint presentation using the .NET PowerPoint Library (Presentation) in a live demo [here](https://ej2.syncfusion.com/aspnetcore/powerpoint/modifyanimation#/bootstrap5).
\ No newline at end of file
diff --git a/Document-Processing/PowerPoint/PowerPoint-Library/NET/Working-with-Charts.md b/Document-Processing/PowerPoint/PowerPoint-Library/NET/Working-with-Charts.md
index b5a4524d7..c2a1ee979 100644
--- a/Document-Processing/PowerPoint/PowerPoint-Library/NET/Working-with-Charts.md
+++ b/Document-Processing/PowerPoint/PowerPoint-Library/NET/Working-with-Charts.md
@@ -2106,7 +2106,7 @@ The following Chart types are supported in Presentation.
 
 ## Online Demo
 
-* Explore how to create charts in a PowerPoint presentation using the .NET PowerPoint Library (Presentation) in a live demo [here](https://document.syncfusion.com/demos/powerpoint/chart#/tailwind).
+* Explore how to create charts in a PowerPoint presentation using the .NET PowerPoint Library (Presentation) in a live demo [here](https://ej2.syncfusion.com/aspnetcore/powerpoint/chart#/bootstrap5).
 
 ## See Also
 * [How to set same number of intervals for Primary and Secondary ValueAxis?](https://support.syncfusion.com/kb/article/11366/how-to-set-same-number-of-intervals-for-primary-and-secondary-valueaxis-in-winforms-presentation)
diff --git a/Document-Processing/PowerPoint/PowerPoint-Library/NET/Working-with-OLE-Objects.md b/Document-Processing/PowerPoint/PowerPoint-Library/NET/Working-with-OLE-Objects.md
index a94795374..34b3daea8 100644
--- a/Document-Processing/PowerPoint/PowerPoint-Library/NET/Working-with-OLE-Objects.md
+++ b/Document-Processing/PowerPoint/PowerPoint-Library/NET/Working-with-OLE-Objects.md
@@ -377,7 +377,7 @@ You can download a complete working sample from [GitHub](https://github.com/Sync
 
 ## Online Demo
 
-* Explore how to insert and extract an OLE Object in a PowerPoint presentation using the .NET PowerPoint Library (Presentation) in a live demo [here](https://document.syncfusion.com/demos/powerpoint/oleobject#/tailwind).
+* Explore how to insert and extract an OLE Object in a PowerPoint presentation using the .NET PowerPoint Library (Presentation) in a live demo [here](https://ej2.syncfusion.com/aspnetcore/powerpoint/oleobject#/bootstrap5).
 
 ## See Also
 * [How to replace all OLE objects with text in PowerPoint using C#?](https://support.syncfusion.com/kb/article/15653/how-to-replace-all-ole-objects-with-text-in-powerpoint-using-c)
diff --git a/Document-Processing/PowerPoint/PowerPoint-Library/NET/Working-with-Slide.md b/Document-Processing/PowerPoint/PowerPoint-Library/NET/Working-with-Slide.md
index 1865c4393..531e4ce94 100644
--- a/Document-Processing/PowerPoint/PowerPoint-Library/NET/Working-with-Slide.md
+++ b/Document-Processing/PowerPoint/PowerPoint-Library/NET/Working-with-Slide.md
@@ -1190,7 +1190,7 @@ You can download a complete working sample from [GitHub](https://github.com/Sync
 
 ## Online Demo
 
-* Explore how to create slides with simple text, table, and image in a PowerPoint presentation using the .NET PowerPoint Library (Presentation) in a live demo [here](https://document.syncfusion.com/demos/powerpoint/slide#/tailwind).
+* Explore how to create slides with simple text, table, and image in a PowerPoint presentation using the .NET PowerPoint Library (Presentation) in a live demo [here](https://ej2.syncfusion.com/aspnetcore/powerpoint/slide#/bootstrap5).
 
 ## See Also
 
diff --git a/Document-Processing/PowerPoint/PowerPoint-Library/NET/Working-with-Tables.md b/Document-Processing/PowerPoint/PowerPoint-Library/NET/Working-with-Tables.md
index b5e1db96f..eb6477b4f 100644
--- a/Document-Processing/PowerPoint/PowerPoint-Library/NET/Working-with-Tables.md
+++ b/Document-Processing/PowerPoint/PowerPoint-Library/NET/Working-with-Tables.md
@@ -1244,7 +1244,7 @@ You can download a complete working sample from [GitHub](https://github.com/Sync
 
 ## Online Demo
 
-* Explore how to add tables in a PowerPoint presentation using the .NET PowerPoint Library (Presentation) in a live demo [here](https://document.syncfusion.com/demos/powerpoint/table#/tailwind).
+* Explore how to add tables in a PowerPoint presentation using the .NET PowerPoint Library (Presentation) in a live demo [here](https://ej2.syncfusion.com/aspnetcore/powerpoint/table#/bootstrap5).
 
 ## See Also
 * [How to set background image for a table cell?](https://support.syncfusion.com/kb/article/5731/how-to-set-background-image-for-a-table-cell-in-winforms-)
diff --git a/Document-Processing/PowerPoint/PowerPoint-Library/NET/Working-with-find-and-replace.md b/Document-Processing/PowerPoint/PowerPoint-Library/NET/Working-with-find-and-replace.md
index 579b4b4a6..681e64c49 100644
--- a/Document-Processing/PowerPoint/PowerPoint-Library/NET/Working-with-find-and-replace.md
+++ b/Document-Processing/PowerPoint/PowerPoint-Library/NET/Working-with-find-and-replace.md
@@ -685,8 +685,8 @@ You can download a complete working sample from [GitHub](https://github.com/Sync
 
 ## Online Demo
 
-* Explore how to replace a specific text or text pattern in a PowerPoint presentation with another text using the find and replace functionality of the .NET PowerPoint Library (Presentation) in a live demo [here](https://document.syncfusion.com/demos/powerpoint/findandreplace#/tailwind).
-* See how to find specific text and highlight it in an existing PowerPoint presentation using the find functionality of the .NET PowerPoint Library (Presentation) in a live demo [here](https://document.syncfusion.com/demos/powerpoint/findandhighlight#/tailwind).
+* Explore how to replace a specific text or text pattern in a PowerPoint presentation with another text using the find and replace functionality of the .NET PowerPoint Library (Presentation) in a live demo [here](https://ej2.syncfusion.com/aspnetcore/powerpoint/findandreplace#/bootstrap5).
+* See how to find specific text and highlight it in an existing PowerPoint presentation using the find functionality of the .NET PowerPoint Library (Presentation) in a live demo [here](https://ej2.syncfusion.com/aspnetcore/powerpoint/findandhighlight#/bootstrap5).
 
 ## See Also
 * [How to replace the hyperlink within a SmartArt in PowerPoint Presentation?](https://support.syncfusion.com/kb/article/15293/how-to-replace-the-hyperlink-within-a-smartart-in-powerpoint-presentation)
diff --git a/Document-Processing/PowerPoint/PowerPoint-Library/NET/Working-with-headers-and-footers.md b/Document-Processing/PowerPoint/PowerPoint-Library/NET/Working-with-headers-and-footers.md
index a2fca4597..2bf43b90a 100644
--- a/Document-Processing/PowerPoint/PowerPoint-Library/NET/Working-with-headers-and-footers.md
+++ b/Document-Processing/PowerPoint/PowerPoint-Library/NET/Working-with-headers-and-footers.md
@@ -836,4 +836,4 @@ You can download a complete working sample from [GitHub](https://github.com/Sync
 
 ## Online Demo
 
-* Explore how to insert headers and footers in a PowerPoint presentation using the .NET PowerPoint Library (Presentation) in a live demo [here](https://document.syncfusion.com/demos/powerpoint/headerandfooter#/tailwind).
\ No newline at end of file
+* Explore how to insert headers and footers in a PowerPoint presentation using the .NET PowerPoint Library (Presentation) in a live demo [here](https://ej2.syncfusion.com/aspnetcore/powerpoint/headerandfooter#/bootstrap5).
\ No newline at end of file
diff --git a/Document-Processing/PowerPoint/PowerPoint-Library/NET/Working-with-images.md b/Document-Processing/PowerPoint/PowerPoint-Library/NET/Working-with-images.md
index 985d1f6e4..8a460aed1 100644
--- a/Document-Processing/PowerPoint/PowerPoint-Library/NET/Working-with-images.md
+++ b/Document-Processing/PowerPoint/PowerPoint-Library/NET/Working-with-images.md
@@ -465,7 +465,7 @@ You can download a complete working sample from [GitHub](https://github.com/Sync
 
 ## Online Demo
 
-* Explore how to add and format images in a PowerPoint presentation using the .NET PowerPoint Library (Presentation) in a live demo [here](https://document.syncfusion.com/demos/powerpoint/image#/tailwind).
+* Explore how to add and format images in a PowerPoint presentation using the .NET PowerPoint Library (Presentation) in a live demo [here](https://ej2.syncfusion.com/aspnetcore/powerpoint/image#/bootstrap5).
 
 ## See Also
 * [How to crop an image in a Presentation using C#?](https://support.syncfusion.com/kb/article/15431/how-to-crop-an-image-in-a-presentation-using-c)
diff --git a/Document-Processing/PowerPoint/PowerPoint-Library/NET/create-edit-slide-transitions-in-powerpoint-presentation-slides-cs-vb-net.md b/Document-Processing/PowerPoint/PowerPoint-Library/NET/create-edit-slide-transitions-in-powerpoint-presentation-slides-cs-vb-net.md
index 5e25e0757..88795f6f6 100644
--- a/Document-Processing/PowerPoint/PowerPoint-Library/NET/create-edit-slide-transitions-in-powerpoint-presentation-slides-cs-vb-net.md
+++ b/Document-Processing/PowerPoint/PowerPoint-Library/NET/create-edit-slide-transitions-in-powerpoint-presentation-slides-cs-vb-net.md
@@ -1127,4 +1127,4 @@ Zoom
 
 ## Online Demo
 
-* Explore how to create slide transition effects in a PowerPoint presentation using the .NET PowerPoint Library (Presentation) in a live demo [here](https://document.syncfusion.com/demos/powerpoint/slidetransition#/tailwind).
\ No newline at end of file
+* Explore how to create slide transition effects in a PowerPoint presentation using the .NET PowerPoint Library (Presentation) in a live demo [here](https://ej2.syncfusion.com/aspnetcore/powerpoint/slidetransition#/bootstrap5).
\ No newline at end of file
diff --git a/Document-Processing/PowerPoint/PowerPoint-Library/NET/create-read-edit-powerpoint-files-in-asp-net-core-c-sharp.md b/Document-Processing/PowerPoint/PowerPoint-Library/NET/create-read-edit-powerpoint-files-in-asp-net-core-c-sharp.md
index 36b675c0b..aa6320d75 100644
--- a/Document-Processing/PowerPoint/PowerPoint-Library/NET/create-read-edit-powerpoint-files-in-asp-net-core-c-sharp.md
+++ b/Document-Processing/PowerPoint/PowerPoint-Library/NET/create-read-edit-powerpoint-files-in-asp-net-core-c-sharp.md
@@ -595,4 +595,4 @@ pptxDoc.Close();
 
 Click [here](https://www.syncfusion.com/document-processing/powerpoint-framework/net-core) to explore the rich set of Syncfusion<sup>&reg;</sup> PowerPoint Library (Presentation) features. 
 
-An online sample link to [create a PowerPoint Presentation](https://document.syncfusion.com/demos/powerpoint/default#/tailwind) in ASP.NET Core. 
+An online sample link to [create a PowerPoint Presentation](https://ej2.syncfusion.com/aspnetcore/PowerPoint/Default#/material3) in ASP.NET Core. 
diff --git a/Document-Processing/PowerPoint/PowerPoint-Library/NET/create-read-edit-powerpoint-files-in-asp-net-mvc.md b/Document-Processing/PowerPoint/PowerPoint-Library/NET/create-read-edit-powerpoint-files-in-asp-net-mvc.md
index 90932c6f2..9b2860706 100644
--- a/Document-Processing/PowerPoint/PowerPoint-Library/NET/create-read-edit-powerpoint-files-in-asp-net-mvc.md
+++ b/Document-Processing/PowerPoint/PowerPoint-Library/NET/create-read-edit-powerpoint-files-in-asp-net-mvc.md
@@ -401,3 +401,5 @@ pptxDoc.Close();
 You can download a complete working sample from [GitHub](https://github.com/SyncfusionExamples/PowerPoint-Examples/tree/master/Getting-started/ASP.NET-MVC/Read-and-edit-PowerPoint-presentation).
 
 Click [here](https://www.syncfusion.com/document-processing/powerpoint-framework/net) to explore the rich set of Syncfusion<sup>&reg;</sup> PowerPoint Library (Presentation) features. 
+
+An online sample link to [create a PowerPoint Presentation](https://ej2.syncfusion.com/aspnetmvc/PowerPoint/HelloWorld#/material3) in ASP.NET MVC.
\ No newline at end of file
diff --git a/Document-Processing/PowerPoint/PowerPoint-Library/NET/create-read-edit-powerpoint-files-in-asp-net-web-forms.md b/Document-Processing/PowerPoint/PowerPoint-Library/NET/create-read-edit-powerpoint-files-in-asp-net-web-forms.md
index f572dd9b0..72ce0ef6f 100644
--- a/Document-Processing/PowerPoint/PowerPoint-Library/NET/create-read-edit-powerpoint-files-in-asp-net-web-forms.md
+++ b/Document-Processing/PowerPoint/PowerPoint-Library/NET/create-read-edit-powerpoint-files-in-asp-net-web-forms.md
@@ -195,4 +195,4 @@ You can download a complete working sample from [GitHub](https://github.com/Sync
 
 Click [here](https://www.syncfusion.com/document-processing/powerpoint-framework/net) to explore the rich set of Syncfusion<sup>&reg;</sup> PowerPoint Library (Presentation) features. 
 
-An online sample link to [create a PowerPoint Presentation](https://document.syncfusion.com/demos/powerpoint/default#/tailwind) in ASP.NET Core. 
\ No newline at end of file
+An online sample link to [create a PowerPoint Presentation](https://ej2.syncfusion.com/aspnetcore/PowerPoint/Default#/material3) in ASP.NET Core. 
\ No newline at end of file
diff --git a/Document-Processing/PowerPoint/PowerPoint-Library/NET/create-read-edit-powerpoint-files-in-linux.md b/Document-Processing/PowerPoint/PowerPoint-Library/NET/create-read-edit-powerpoint-files-in-linux.md
index f08343d03..89c3cf483 100644
--- a/Document-Processing/PowerPoint/PowerPoint-Library/NET/create-read-edit-powerpoint-files-in-linux.md
+++ b/Document-Processing/PowerPoint/PowerPoint-Library/NET/create-read-edit-powerpoint-files-in-linux.md
@@ -290,4 +290,4 @@ pptxDoc.Close();
 
 Click [here](https://www.syncfusion.com/document-processing/powerpoint-framework/net-core) to explore the rich set of Syncfusion<sup>&reg;</sup> PowerPoint Library (Presentation) features. 
 
-An online sample link to [create a PowerPoint Presentation](https://document.syncfusion.com/demos/powerpoint/default#/tailwind) in ASP.NET Core. 
\ No newline at end of file
+An online sample link to [create a PowerPoint Presentation](https://ej2.syncfusion.com/aspnetcore/PowerPoint/Default#/material3) in ASP.NET Core. 
\ No newline at end of file
diff --git a/Document-Processing/PowerPoint/PowerPoint-Library/NET/create-read-edit-powerpoint-files-in-mac.md b/Document-Processing/PowerPoint/PowerPoint-Library/NET/create-read-edit-powerpoint-files-in-mac.md
index 7a0707cc7..c9e4bf165 100644
--- a/Document-Processing/PowerPoint/PowerPoint-Library/NET/create-read-edit-powerpoint-files-in-mac.md
+++ b/Document-Processing/PowerPoint/PowerPoint-Library/NET/create-read-edit-powerpoint-files-in-mac.md
@@ -367,4 +367,4 @@ pptxDoc.Close();
 
 Click [here](https://www.syncfusion.com/document-processing/powerpoint-framework/net-core) to explore the rich set of Syncfusion<sup>&reg;</sup> PowerPoint Library (Presentation) features. 
 
-An online sample link to [create a PowerPoint Presentation](https://document.syncfusion.com/demos/powerpoint/default#/tailwind) in ASP.NET Core.
\ No newline at end of file
+An online sample link to [create a PowerPoint Presentation](https://ej2.syncfusion.com/aspnetcore/PowerPoint/Default#/material3) in ASP.NET Core.
\ No newline at end of file
diff --git a/Document-Processing/PowerPoint/PowerPoint-Library/NET/create-read-edit-powerpoint-files-in-maui.md b/Document-Processing/PowerPoint/PowerPoint-Library/NET/create-read-edit-powerpoint-files-in-maui.md
index fd3131b63..b3689f74b 100644
--- a/Document-Processing/PowerPoint/PowerPoint-Library/NET/create-read-edit-powerpoint-files-in-maui.md
+++ b/Document-Processing/PowerPoint/PowerPoint-Library/NET/create-read-edit-powerpoint-files-in-maui.md
@@ -711,4 +711,4 @@ saveService.SaveAndView("Output.pptx", "application/vnd.openxmlformats-officedoc
 
 Click [here](https://www.syncfusion.com/document-processing/powerpoint-framework/maui) to explore the rich set of Syncfusion<sup>&reg;</sup> PowerPoint Library (Presentation) features. 
 
-An online sample link to [create a PowerPoint Presentation](https://document.syncfusion.com/demos/powerpoint/default#/tailwind) in ASP.NET Core. 
+An online sample link to [create a PowerPoint Presentation](https://ej2.syncfusion.com/aspnetcore/PowerPoint/Default#/material3) in ASP.NET Core. 
diff --git a/Document-Processing/PowerPoint/PowerPoint-Library/NET/create-read-edit-powerpoint-files-in-uwp.md b/Document-Processing/PowerPoint/PowerPoint-Library/NET/create-read-edit-powerpoint-files-in-uwp.md
index 47fde43b3..411381f73 100644
--- a/Document-Processing/PowerPoint/PowerPoint-Library/NET/create-read-edit-powerpoint-files-in-uwp.md
+++ b/Document-Processing/PowerPoint/PowerPoint-Library/NET/create-read-edit-powerpoint-files-in-uwp.md
@@ -235,4 +235,4 @@ You can download a complete working sample from [GitHub](https://github.com/Sync
 
 Click [here](https://www.syncfusion.com/document-processing/powerpoint-framework/uwp) to explore the rich set of Syncfusion<sup>&reg;</sup> PowerPoint Library (Presentation) features. 
 
-An online sample link to [create a PowerPoint Presentation](https://document.syncfusion.com/demos/powerpoint/default#/tailwind) in ASP.NET Core. 
\ No newline at end of file
+An online sample link to [create a PowerPoint Presentation](https://ej2.syncfusion.com/aspnetcore/PowerPoint/Default#/material3) in ASP.NET Core. 
\ No newline at end of file
diff --git a/Document-Processing/PowerPoint/PowerPoint-Library/NET/create-read-edit-powerpoint-files-in-windows-forms.md b/Document-Processing/PowerPoint/PowerPoint-Library/NET/create-read-edit-powerpoint-files-in-windows-forms.md
index c1b61395e..b81ed16c4 100644
--- a/Document-Processing/PowerPoint/PowerPoint-Library/NET/create-read-edit-powerpoint-files-in-windows-forms.md
+++ b/Document-Processing/PowerPoint/PowerPoint-Library/NET/create-read-edit-powerpoint-files-in-windows-forms.md
@@ -398,5 +398,5 @@ You can download a complete working sample from [GitHub](https://github.com/Sync
 
 Click [here](https://www.syncfusion.com/document-processing/powerpoint-framework/net) to explore the rich set of Syncfusion<sup>&reg;</sup> PowerPoint Library (Presentation) features. 
 
-An online sample link to [create a PowerPoint Presentation](https://document.syncfusion.com/demos/powerpoint/default#/tailwind) in ASP.NET Core. 
+An online sample link to [create a PowerPoint Presentation](https://ej2.syncfusion.com/aspnetcore/PowerPoint/Default#/material3) in ASP.NET Core. 
 
diff --git a/Document-Processing/PowerPoint/PowerPoint-Library/NET/create-read-edit-powerpoint-files-in-winui.md b/Document-Processing/PowerPoint/PowerPoint-Library/NET/create-read-edit-powerpoint-files-in-winui.md
index 462a0b2b4..30a3e3066 100644
--- a/Document-Processing/PowerPoint/PowerPoint-Library/NET/create-read-edit-powerpoint-files-in-winui.md
+++ b/Document-Processing/PowerPoint/PowerPoint-Library/NET/create-read-edit-powerpoint-files-in-winui.md
@@ -150,7 +150,7 @@ You can download a complete working sample from [GitHub](https://github.com/Sync
 
 Click [here](https://www.syncfusion.com/document-processing/powerpoint-framework/winui) to explore the rich set of Syncfusion<sup>&reg;</sup> PowerPoint Library (Presentation) features. 
 
-An online sample link to [create a PowerPoint Presentation](https://document.syncfusion.com/demos/powerpoint/default#/tailwind) in ASP.NET Core.
+An online sample link to [create a PowerPoint Presentation](https://ej2.syncfusion.com/aspnetcore/PowerPoint/Default#/material3) in ASP.NET Core.
 
 ## WinUI UWP app
 
@@ -352,4 +352,4 @@ You can download a complete working sample from [GitHub](https://github.com/Sync
 
 Click [here](https://www.syncfusion.com/document-processing/powerpoint-framework/winui) to explore the rich set of Syncfusion<sup>&reg;</sup> PowerPoint Library (Presentation) features. 
 
-An online sample link to [create a PowerPoint Presentation](https://document.syncfusion.com/demos/powerpoint/default#/tailwind) in ASP.NET Core. 
\ No newline at end of file
+An online sample link to [create a PowerPoint Presentation](https://ej2.syncfusion.com/aspnetcore/PowerPoint/Default#/material3) in ASP.NET Core. 
\ No newline at end of file
diff --git a/Document-Processing/PowerPoint/PowerPoint-Library/NET/create-read-edit-powerpoint-files-in-wpf.md b/Document-Processing/PowerPoint/PowerPoint-Library/NET/create-read-edit-powerpoint-files-in-wpf.md
index d345cd064..ce685f115 100644
--- a/Document-Processing/PowerPoint/PowerPoint-Library/NET/create-read-edit-powerpoint-files-in-wpf.md
+++ b/Document-Processing/PowerPoint/PowerPoint-Library/NET/create-read-edit-powerpoint-files-in-wpf.md
@@ -466,4 +466,4 @@ You can download a complete working sample from [GitHub](https://github.com/Sync
 
 Click [here](https://www.syncfusion.com/document-processing/powerpoint-framework/net) to explore the rich set of Syncfusion<sup>&reg;</sup> PowerPoint Library (Presentation) features. 
 
-An online sample link to [create a PowerPoint Presentation](https://document.syncfusion.com/demos/powerpoint/default#/tailwind) in ASP.NET Core. 
\ No newline at end of file
+An online sample link to [create a PowerPoint Presentation](https://ej2.syncfusion.com/aspnetcore/PowerPoint/Default#/material3) in ASP.NET Core. 
\ No newline at end of file
diff --git a/Document-Processing/PowerPoint/PowerPoint-Library/NET/create-read-edit-powerpoint-files-in-xamarin.md b/Document-Processing/PowerPoint/PowerPoint-Library/NET/create-read-edit-powerpoint-files-in-xamarin.md
index a3f0c80d9..1bb1f4e0d 100644
--- a/Document-Processing/PowerPoint/PowerPoint-Library/NET/create-read-edit-powerpoint-files-in-xamarin.md
+++ b/Document-Processing/PowerPoint/PowerPoint-Library/NET/create-read-edit-powerpoint-files-in-xamarin.md
@@ -309,4 +309,4 @@ You can download a complete working sample from [GitHub](https://github.com/Sync
 
 Click [here](https://www.syncfusion.com/document-processing/powerpoint-framework/xamarin) to explore the rich set of Syncfusion<sup>&reg;</sup> PowerPoint Library (Presentation) features. 
 
-An online sample link to [create a PowerPoint Presentation](https://document.syncfusion.com/demos/powerpoint/default#/tailwind) in ASP.NET Core. 
\ No newline at end of file
+An online sample link to [create a PowerPoint Presentation](https://ej2.syncfusion.com/aspnetcore/PowerPoint/Default#/material3) in ASP.NET Core. 
\ No newline at end of file
diff --git a/Document-Processing/Release-Notes/v31.1.22.md b/Document-Processing/Release-Notes/v31.1.22.md
index bd6145762..416e5162d 100644
--- a/Document-Processing/Release-Notes/v31.1.22.md
+++ b/Document-Processing/Release-Notes/v31.1.22.md
@@ -18,20 +18,20 @@ documentation: ug
 ## Test Results
 
 
-| Component Name               | Platform                                                 | Test Cases | Passed | Failed | Remarks    |
+|       Component   Name       |                         Platform                         | Test Cases | Passed | Failed |   Remarks  |
 |------------------------------|----------------------------------------------------------|------------|--------|--------|------------|
-| Pdf Library (Pdf)            | .NET                                                     | 14724      | 14724  | 0      | All Passed |
-| Word Library(DocIO)          | .NET                                                     | 56583      | 14724  | 0      | All Passed |
+| Pdf Library (Pdf)            | .NET                                                     | 14722      | 14722  | 0      | All Passed |
+| Word Library(DocIO)          | .NET                                                     | 56583      | 56583  | 0      | All Passed |
 | Word Library(DocIO)          | Java                                                     | 4079       | 4079   | 0      | All Passed |
-| Excel Library(XlsIO)         | .NET                                                     | 37748      | 37748  | 0      | All Passed |
-| PowerPoint Library           | .NET                                                     | 54391      | 54391  | 0      | All Passed |
+| Excel Library(XlsIO)         | .NET                                                     | 37743      | 37743  | 0      | All Passed |
+| PowerPoint Library           | .NET                                                     | 54327      | 54327  | 0      | All Passed |
 | Metafilerenderer             | .NET                                                     | 863        | 863    | 0      | All Passed |
 | SfPdfViewer2                 | Blazor                                                   | 12906      | 12906  | 0      | All Passed |
 | Pdf Viewer                   | Web(Javascript, Angular, React, Vue, ASP.NET Core & MVC) | 19130      | 19130  | 0      | All Passed |
 | SfPdfViewer                  | MAUI                                                     | 14271      | 14271  | 0      | All Passed |
 | Pdf Viewer                   | WPF                                                      | 2998       | 2998   | 0      | All Passed |
 | PdfViewer                    | WinForms                                                 | 207        | 207    | 0      | All Passed |
-| DOCX Editor(Document Editor) | Web(Javascript, Angular, React, Vue, ASP.NET Core & MVC) | 5009       | 5009   | 0      | All Passed |
-| DOCX Editor(Document Editor) | Blazor                                                   | 1936       | 1936   | 0      | All Passed |
-| Spreadsheet                  | Web(Javascript, Angular, React, Vue, ASP.NET Core & MVC) | 10407      | 10407  | 0      | All Passed |
-| Spreadsheet                  | WPF                                                      | 2710       | 2710   | 0      | All Passed |
\ No newline at end of file
+| DOCX Editor(Document Editor) | Web(Javascript, Angular, React, Vue, ASP.NET Core & MVC) | 5005       | 5005   | 0      | All Passed |
+| DOCX Editor(Document Editor) | Blazor                                                   | 1933       | 1933   | 0      | All Passed |
+| Spreadsheet                  | Web(Javascript, Angular, React, Vue, ASP.NET Core & MVC  | 10407      | 10393  | 0      | All Passed |
+| Spreadsheet                  | WPF                                                      | 2697       | 2697   | 0      | All Passed |
\ No newline at end of file
diff --git a/Document-Processing/Release-Notes/v31.1.23.md b/Document-Processing/Release-Notes/v31.1.23.md
index 13cd663ae..10f65a7ba 100644
--- a/Document-Processing/Release-Notes/v31.1.23.md
+++ b/Document-Processing/Release-Notes/v31.1.23.md
@@ -17,20 +17,21 @@ documentation: ug
 
 ## Test Results
 
-| Component Name               | Platform                                                 | Test Cases | Passed | Failed | Remarks    |
-|------------------------------|----------------------------------------------------------|------------|--------|--------|------------|
-| Pdf Library (Pdf)            | .NET                                                     | 14724      | 14724  | 0      | All Passed |
-| Word Library(DocIO)          | .NET                                                     | 56583      | 14724  | 0      | All Passed |
-| Word Library(DocIO)          | Java                                                     | 4079       | 4079   | 0      | All Passed |
-| Excel Library(XlsIO)         | .NET                                                     | 37748      | 37748  | 0      | All Passed |
-| PowerPoint Library           | .NET                                                     | 54391      | 54391  | 0      | All Passed |
-| Metafilerenderer             | .NET                                                     | 863        | 863    | 0      | All Passed |
-| SfPdfViewer2                 | Blazor                                                   | 12906      | 12906  | 0      | All Passed |
-| Pdf Viewer                   | Web(Javascript, Angular, React, Vue, ASP.NET Core & MVC) | 19130      | 19130  | 0      | All Passed |
-| SfPdfViewer                  | MAUI                                                     | 14271      | 14271  | 0      | All Passed |
-| Pdf Viewer                   | WPF                                                      | 2998       | 2998   | 0      | All Passed |
-| PdfViewer                    | WinForms                                                 | 207        | 207    | 0      | All Passed |
-| DOCX Editor(Document Editor) | Web(Javascript, Angular, React, Vue, ASP.NET Core & MVC) | 5009       | 5009   | 0      | All Passed |
-| DOCX Editor(Document Editor) | Blazor                                                   | 1936       | 1936   | 0      | All Passed |
-| Spreadsheet                  | Web(Javascript, Angular, React, Vue, ASP.NET Core & MVC) | 10407      | 10407  | 0      | All Passed |
-| Spreadsheet                  | WPF                                                      | 2710       | 2710   | 0      | All Passed |
\ No newline at end of file
+
+|        Component Name        |                         Platform                         | Total Count | Failed |   Remarks  |
+|------------------------------|----------------------------------------------------------|-------------|--------|------------|
+| Pdf Library (Pdf)            | .NET                                                     | 14724       | 0      | All Passed |
+| Word Library(DocIO)          | .NET                                                     | 56583       | 0      | All Passed |
+| Word Library(DocIO)          | Java                                                     | 4079        | 0      | All Passed |
+| Excel Library(XlsIO)         | .NET                                                     | 37748       | 0      | All Passed |
+| PowerPoint Library           | .NET                                                     | 54391       | 0      | All Passed |
+| Metafilerenderer             | .NET                                                     | 863         | 0      | All Passed |
+| SfPdfViewer2                 | Blazor                                                   | 12906       | 0      | All Passed |
+| Pdf Viewer                   | Web(Javascript, Angular, React, Vue, ASP.NET Core & MVC) | 19130       | 0      | All Passed |
+| SfPdfViewer                  | MAUI                                                     | 14271       | 0      | All Passed |
+| Pdf Viewer                   | WPF                                                      | 2998        | 0      | All Passed |
+| PdfViewer                    | WinForms                                                 | 207         | 0      | All Passed |
+| DOCX Editor(Document Editor) | Web(Javascript, Angular, React, Vue, ASP.NET Core & MVC) | 5009        | 0      | All Passed |
+| DOCX Editor(Document Editor) | Blazor                                                   | 1936        | 0      | All Passed |
+| Spreadsheet                  | Web(Javascript, Angular, React, Vue, ASP.NET Core & MVC) | 10407       | 0      | All Passed |
+| Spreadsheet                  | WPF                                                      | 2710        | 0      | All Passed |
\ No newline at end of file
diff --git a/Document-Processing/Release-Notes/v31.2.12.md b/Document-Processing/Release-Notes/v31.2.12.md
index 8a9443308..46a9b2ddf 100644
--- a/Document-Processing/Release-Notes/v31.2.12.md
+++ b/Document-Processing/Release-Notes/v31.2.12.md
@@ -15,25 +15,26 @@ documentation: ug
 
 {% enddirectory %}
 
+
 ## Test Results
 
-| Component Name               | Platform                                                 | Test Cases | Passed | Failed | Remarks    |
-|------------------------------|----------------------------------------------------------|------------|--------|--------|------------|
-| Calculate                    | Windows Forms                                            | 138        | 138    | 0      | All Passed |
-| Calculate                    | WPF                                                      | 6          | 6      | 0      | All Passed |
-| DOCX Editor(Document Editor) | Blazor                                                   | 1944       | 1944   | 0      | All Passed |
-| DOCX Editor(Document Editor) | Web(Javascript, Angular, React, Vue, ASP.NET Core & MVC) | 5023       | 5023   | 0      | All Passed |
-| Excel Library(XlsIO)         | .NET                                                     | 37754      | 37754  | 0      | All Passed |
-| Metafilerenderer             | .NET                                                     | 863        | 863    | 0      | All Passed |
-| Pdf Library(Pdf)             | .NET                                                     | 13938      | 13938  | 0      | All Passed |
-| Pdf Viewer                   | Web(Javascript, Angular, React, Vue, ASP.NET Core & MVC) | 19130      | 19130  | 0      | All Passed |
-| PdfViewer                    | WPF                                                      | 2998       | 2998   | 0      | All Passed |
-| PdfViewer                    | Windows Forms                                            | 207        | 207    | 0      | All Passed |
-| PowerPoint Library           | .NET                                                     | 54397      | 54397  | 0      | All Passed |
-| SfPdfViewer                  | .NETMAUI                                                 | 14684      | 14684  | 0      | All Passed |
-| SfPdfViewer2                 | Blazor                                                   | 13107      | 13107  | 0      | All Passed |
-| SfSpreadsheet                | WPF                                                      | 2449       | 2449   | 0      | All Passed |
-| Spreadsheet                  | WinForms                                                 | 1917       | 1917   | 0      | All Passed |
-| Spreadsheet                  | Web(Javascript, Angular, React, Vue, ASP.NET Core & MVC) | 10411      | 10411  | 0      | All Passed |
-| Word Library(DocIO)          | .NET                                                     | 39899      | 39899  | 0      | All Passed |
-| Word Library(DocIO)          | Java                                                     | 4079       | 4079   | 0      | All Passed |
\ No newline at end of file
+| Component Name | Test Cases | Passed | Failed | Remarks |
+|---------------|------------|--------|--------|---------|
+| Calculate | 138 | 138 | 0 | All Passed |
+| Calculate | 6 | 6 | 0 | All Passed |
+| DOCX Editor(Document Editor) | 1944 | 1944 | 0 | All Passed |
+| DOCX Editor(Document Editor) | 5023 | 5023 | 0 | All Passed |
+| Excel Library(XlsIO) | 37754 | 37754 | 0 | All Passed |
+| Metafilerenderer | 863 | 863 | 0 | All Passed |
+| Pdf Library(Pdf) | 13938 | 13938 | 0 | All Passed |
+| Pdf Viewer | 19130 | 19130 | 0 | All Passed |
+| PdfViewer | 2998 | 2998 | 0 | All Passed |
+| PdfViewer | 207 | 207 | 0 | All Passed |
+| PowerPoint Library | 54397 | 54397 | 0 | All Passed |
+| SfPdfViewer | 14684 | 14684 | 0 | All Passed |
+| SfPdfViewer2 | 13107 | 13107 | 0 | All Passed |
+| SfSpreadsheet | 2449 | 2449 | 0 | All Passed |
+| Spreadsheet | 1917 | 1917 | 0 | All Passed |
+| Spreadsheet | 10411 | 10411 | 0 | All Passed |
+| Word Library(DocIO) | 39899 | 39899 | 0 | All Passed |
+| Word Library(DocIO) | 4079 | 4079 | 0 | All Passed |
\ No newline at end of file
diff --git a/Document-Processing/Release-Notes/v31.2.15.md b/Document-Processing/Release-Notes/v31.2.15.md
deleted file mode 100644
index 5df450732..000000000
--- a/Document-Processing/Release-Notes/v31.2.15.md
+++ /dev/null
@@ -1,39 +0,0 @@
----
-title : Essential Studio® for Document Processing Release Notes - v31.2.15
-description : Learn here about the controls in the Essential Studio® for Document Processing Weekly Nuget Release - Release Notes - v31.2.15
-platform : document-processing
-documentation: ug
----
-
-# Essential Studio® for Document Processing - v31.2.15 Release Notes
-
-{% include release-info.html date="November 25, 2025"  version="v31.2.15" passed="224920" failed="0" %}
-
-{% directory path: _includes/release-notes/v31.2.15 %}
-
-{% include {{file.url}} %}
-
-{% enddirectory %}
-
-## Test Results
-
-| Component Name               | Platform                                                 | Test Cases | Passed | Failed | Remarks    |
-|------------------------------|----------------------------------------------------------|------------|--------|--------|------------|
-| Calculate                    | Windows Forms                                            | 137        | 137    | 0      | All Passed |
-| Calculate                    | WPF                                                      | 9          | 9      | 0      | All Passed |
-| DOCX Editor(Document Editor) | Blazor                                                   | 1944       | 1944   | 0      | All Passed |
-| DOCX Editor(Document Editor) | Web(Javascript, Angular, React, Vue, ASP.NET Core & MVC) | 5009       | 5009   | 0      | All Passed |
-| Excel Library(XlsIO)         | .NET                                                     | 37757      | 37757  | 0      | All Passed |
-| Metafilerenderer             | .NET                                                     | 863        | 863    | 0      | All Passed |
-| Pdf Library(Pdf)             | .NET                                                     | 14724      | 14724  | 0      | All Passed |
-| Pdf Viewer                   | Web(Javascript, Angular, React, Vue, ASP.NET Core & MVC) | 19140      | 19140  | 0      | All Passed |
-| PdfViewer                    | WPF                                                      | 2998       | 2998   | 0      | All Passed |
-| PdfViewer                    | Windows Forms                                            | 207        | 207    | 0      | All Passed |
-| PowerPoint Library           | .NET                                                     | 54401      | 54401  | 0      | All Passed |
-| SfPdfViewer                  | .NETMAUI                                                 | 14684      | 14684  | 0      | All Passed |
-| SfPdfViewer2                 | Blazor                                                   | 13155      | 13155  | 0      | All Passed |
-| SfSpreadsheet                | WPF                                                      | 2710       | 2710   | 0      | All Passed |
-| Spreadsheet                  | Blazor                                                   | 2780       | 2780   | 0      | All Passed |
-| Spreadsheet                  | Web(Javascript, Angular, React, Vue, ASP.NET Core & MVC) | 10411      | 10411  | 0      | All Passed |
-| Word Library(DocIO)          | .NET                                                     | 39912      | 39912  | 0      | All Passed |
-| Word Library(DocIO)          | Java                                                     | 4079       | 4079   | 0      | All Passed |
\ No newline at end of file
diff --git a/Document-Processing/Release-Notes/v31.2.16.md b/Document-Processing/Release-Notes/v31.2.16.md
deleted file mode 100644
index f4b89f979..000000000
--- a/Document-Processing/Release-Notes/v31.2.16.md
+++ /dev/null
@@ -1,41 +0,0 @@
----
-title : Essential Studio® for Document Processing Release Notes - v31.2.16
-description : Learn here about the controls in the Essential Studio® for Document Processing Weekly Nuget Release - Release Notes - v31.2.16
-platform : document-processing
-documentation: ug
----
-
-# Essential Studio® for Document Processing - v31.2.16 Release Notes
-
-{% include release-info.html date="December 02, 2025"  version="v31.2.16" passed="223947" failed="0" %}
-
-{% directory path: _includes/release-notes/v31.2.16 %}
-
-{% include {{file.url}} %}
-
-{% enddirectory %}
-
-
-## Test Results
-
-
-|     Component   Name         |          Platform                                        |  Test Cases    |  Passed |  Failed  |  Remarks      |
-|------------------------------|----------------------------------------------------------|----------------|---------|----------|---------------|
-| Calculate                    | Windows Forms                                            | 138            | 138     | 0        | All   Passed  |
-| Calculate                    | WPF                                                      | 5              | 5       | 0        | All   Passed  |
-| DOCX Editor(Document Editor) | Blazor                                                   | 1944           | 1944    | 0        | All   Passed  |
-| DOCX Editor(Document Editor) | Web(Javascript, Angular, React, Vue, ASP.NET Core & MVC) | 5023           | 5023    | 0        | All   Passed  |
-| Excel Library                | .NET                                                     | 37762          | 37762   | 0        | All   Passed  |
-| Metafile Renderer            | .NET                                                     | 863            | 863     | 0        | All   Passed  |
-| PDF Library                  | .NET                                                     | 13637          | 13637   | 0        | All   Passed  |
-| Pdf Viewer                   | Web(Javascript, Angular, React, Vue, ASP.NET Core & MVC) | 19140          | 19140   | 0        | All   Passed  |
-| PDF Viewer                   | .NETMAUI                                                 | 14684          | 14684   | 0        | All   Passed  |
-| PdfViewer                    | WPF                                                      | 2998           | 2998    | 0        | All   Passed  |
-| PdfViewer                    | Windows Forms                                            | 207            | 207     | 0        | All   Passed  |
-| PowerPoint Library           | .NET                                                     | 54401          | 54401   | 0        | All   Passed  |
-| SfPdfViewer2                 | Blazor                                                   | 13203          | 13203   | 0        | All   Passed  |
-| SfSpreadsheet                | WPF                                                      | 2699           | 2699    | 0        | All   Passed  |
-| Spreadsheet                  | Blazor                                                   | 2780           | 2780    | 0        | All   Passed  |
-| Spreadsheet                  | Web(Javascript, Angular, React, Vue, ASP.NET Core & MVC) | 10411          | 10411   | 0        | All   Passed  |
-| Word Library                 | .NET                                                     | 39973          | 39973   | 0        | All   Passed  |
-| Word Library                 | Java                                                     | 4079           | 4079    | 0        | All   Passed  |
diff --git a/Document-Processing/Release-Notes/v31.2.18.md b/Document-Processing/Release-Notes/v31.2.18.md
deleted file mode 100644
index e14dff68c..000000000
--- a/Document-Processing/Release-Notes/v31.2.18.md
+++ /dev/null
@@ -1,40 +0,0 @@
----
-title : Essential Studio® for Document Processing Release Notes - v31.2.18
-description : Learn here about the controls in the Essential Studio® for Document Processing Weekly Nuget Release - Release Notes - v31.2.18
-platform : document-processing
-documentation: ug
----
-
-# Essential Studio® for Document Processing - v31.2.18 Release Notes
-
-{% include release-info.html date="December 09, 2025"  version="v31.2.18" passed="224223" failed="0" %}
-
-{% directory path: _includes/release-notes/v31.2.18 %}
-
-{% include {{file.url}} %}
-
-{% enddirectory %}
-
-## Test Results
-
-
-|     Component   Name         |          Platform                                        |  Test Cases    |  Passed |  Failed  |  Remarks      |
-|------------------------------|----------------------------------------------------------|----------------|---------|----------|---------------|
-| Calculate                    | Windows Forms                                            | 138            | 138     | 0        | All   Passed  |
-| Calculate                    | WPF                                                      | 9              | 9       | 0        | All   Passed  |
-| DOCX Editor(Document Editor) | Blazor                                                   | 1944           | 1944    | 0        | All   Passed  |
-| DOCX Editor(Document Editor) | Web(Javascript, Angular, React, Vue, ASP.NET Core & MVC) | 5023           | 5023    | 0        | All   Passed  |
-| Excel Library                | .NET                                                     | 37776          | 37776   | 0        | All   Passed  |
-| Metafile Renderer            | .NET                                                     | 863            | 863     | 0        | All   Passed  |
-| PDF Library                  | .NET                                                     | 13641          | 13641   | 0        | All   Passed  |
-| Pdf Viewer                   | Web(Javascript, Angular, React, Vue, ASP.NET Core & MVC) | 19140          | 19140   | 0        | All   Passed  |
-| PDF Viewer                   | .NETMAUI                                                 | 14684          | 14684   | 0        | All   Passed  |
-| PdfViewer                    | WPF                                                      | 2998           | 2998    | 0        | All   Passed  |
-| PdfViewer                    | Windows Forms                                            | 207            | 207     | 0        | All   Passed  |
-| PowerPoint Library           | .NET                                                     | 54653          | 54653   | 0        | All   Passed  |
-| SfPdfViewer2                 | Blazor                                                   | 13203          | 13203   | 0        | All   Passed  |
-| SfSpreadsheet                | WPF                                                      | 2699           | 2699    | 0        | All   Passed  |
-| Spreadsheet                  | Blazor                                                   | 2780           | 2780    | 0        | All   Passed  |
-| Spreadsheet                  | Web(Javascript, Angular, React, Vue, ASP.NET Core & MVC) | 10411          | 10411   | 0        | All   Passed  |
-| Word Library                 | .NET                                                     | 39975          | 39975   | 0        | All   Passed  |
-| Word Library                 | Java                                                     | 4079           | 4079    | 0        | All   Passed  |
diff --git a/Document-Processing/Release-Notes/v31.2.2.md b/Document-Processing/Release-Notes/v31.2.2.md
index ec4519557..15ad9dfb3 100644
--- a/Document-Processing/Release-Notes/v31.2.2.md
+++ b/Document-Processing/Release-Notes/v31.2.2.md
@@ -17,22 +17,20 @@ documentation: ug
 
 ## Test Results
 
-
-| Component Name               | Platform                                                 | Test Cases | Passed | Failed | Remarks    |
-|------------------------------|----------------------------------------------------------|------------|--------|--------|------------|
-| Pdf Library (Pdf)            | .NET                                                     | 14724      | 14724  | 0      | All Passed |
-| Word Library(DocIO)          | .NET                                                     | 56583      | 56583  | 0      | All Passed |
-| Word Library(DocIO)          | Java                                                     | 4079       | 4079   | 0      | All Passed |
-| Excel Library(XlsIO)         | .NET                                                     | 37778      | 37778  | 0      | All Passed |
-| PowerPoint Library           | .NET                                                     | 54391      | 54391  | 0      | All Passed |
-| Metafilerenderer             | .NET                                                     | 863        | 863    | 0      | All Passed |
-| SfPdfViewer2                 | Blazor                                                   | 12906      | 12906  | 0      | All Passed |
-| Pdf Viewer                   | Web(Javascript, Angular, React, Vue, ASP.NET Core & MVC) | 19130      | 19130  | 0      | All Passed |
-| SfPdfViewer                  | MAUI                                                     | 14684      | 14684  | 0      | All Passed |
-| Pdf Viewer                   | WPF                                                      | 2998       | 2998   | 0      | All Passed |
-| PdfViewer                    | WinForms                                                 | 207        | 207    | 0      | All Passed |
-| DOCX Editor(Document Editor) | Web(Javascript, Angular, React, Vue, ASP.NET Core & MVC) | 5031       | 5031   | 0      | All Passed |
-| DOCX Editor(Document Editor) | Blazor                                                   | 1936       | 1936   | 0      | All Passed |
-| Spreadsheet                  | Web(Javascript, Angular, React, Vue, ASP.NET Core & MVC) | 10407      | 10407  | 0      | All Passed |
-| Spreadsheet                  | WPF                                                      | 2710       | 2710   | 0      | All Passed |
-
+|        Component Name        |                         Platform                         | Test Cases |   Remarks  |
+|:----------------------------:|:--------------------------------------------------------:|:----------:|:----------:|
+| Pdf Library (Pdf)            | .NET                                                     | 14724      | All Passed |
+| Word Library(DocIO)          | .NET                                                     | 56583      | All Passed |
+| Word Library(DocIO)          | Java                                                     | 4079       | All Passed |
+| Excel Library(XlsIO)         | .NET                                                     | 37778      | All Passed |
+| PowerPoint Library           | .NET                                                     | 54391      | All Passed |
+| Metafilerenderer             | .NET                                                     | 863        | All Passed |
+| SfPdfViewer2                 | Blazor                                                   | 12906      | All Passed |
+| Pdf Viewer                   | Web(Javascript, Angular, React, Vue, ASP.NET Core & MVC) | 19130      | All Passed |
+| SfPdfViewer                  | MAUI                                                     | 14684      | All Passed |
+| Pdf Viewer                   | WPF                                                      | 2998       | All Passed |
+| PdfViewer                    | WinForms                                                 | 207        | All Passed |
+| DOCX Editor(Document Editor) | Web(Javascript, Angular, React, Vue, ASP.NET Core & MVC) | 5031       | All Passed |
+| DOCX Editor(Document Editor) | Blazor                                                   | 1936       | All Passed |
+| Spreadsheet                  | Web(Javascript, Angular, React, Vue, ASP.NET Core & MVC) | 10407      | All Passed |
+| Spreadsheet                  | WPF                                                      | 2710       | All Passed |
\ No newline at end of file
diff --git a/Document-Processing/Release-Notes/v31.2.3.md b/Document-Processing/Release-Notes/v31.2.3.md
index 7648f9cdb..3ea9b02cc 100644
--- a/Document-Processing/Release-Notes/v31.2.3.md
+++ b/Document-Processing/Release-Notes/v31.2.3.md
@@ -18,19 +18,21 @@ documentation: ug
 
 ## Test Results
 
-| Component Name               | Platform                                                 | Test Cases | Passed | Failed | Remarks    |
-|------------------------------|----------------------------------------------------------|------------|--------|--------|------------|
-| DOCX Editor(Document Editor) | Blazor                                                   | 1933       | 1933   | 0      | All Passed |
-| Excel Library(XlsIO)         | .NET                                                     | 37738      | 37738  | 0      | All Passed |
-| Metafilerenderer             | .NET                                                     | 863        | 863    | 0      | All Passed |
-| Pdf Library(Pdf)             | .NET                                                     | 14735      | 14735  | 0      | All Passed |
-| Pdf Viewer                   | Web(Javascript, Angular, React, Vue, ASP.NET Core & MVC) | 19130      | 19130  | 0      | All Passed |
-| PdfViewer                    | WPF                                                      | 2998       | 2998   | 0      | All Passed |
-| PdfViewer                    | Windows Forms                                            | 207        | 207    | 0      | All Passed |
-| PowerPoint Library           | .NET                                                     | 54390      | 54390  | 0      | All Passed |
-| SfPdfViewer                  | .NETMAUI                                                 | 14684      | 14684  | 0      | All Passed |
-| SfPdfViewer2                 | Blazor                                                   | 14364      | 14364  | 0      | All Passed |
-| SfSpreadsheet                | WPF                                                      | 2710       | 2710   | 0      | All Passed |
-| Spreadsheet                  | Web(Javascript, Angular, React, Vue, ASP.NET Core & MVC) | 10407      | 10407  | 0      | All Passed |
-| Word Library(DocIO)          | .NET                                                     | 39881      | 39881  | 0      | All Passed |
-| Word Library(DocIO)          | Java                                                     | 4079       | 4079   | 0      | All Passed |
+
+| Platform     | Component Name               | Version | Branch              | Project                                                  | Total Test Cases | Passed | Failed | Not Run |
+|--------------|------------------------------|---------|---------------------|----------------------------------------------------------|------------------|--------|--------|---------|
+| File Formats | DOCX Editor(Document Editor) | 31.2.3  | hotfix              | Blazor                                                   | 1933             | 1933   | 0      | 0       |
+| File Formats | Excel Library(XlsIO)         | 31.2.3  | hotfix/31.1.17_Vol3 | .NET                                                     | 37738            | 37738  | 0      | 0       |
+| File Formats | Metafilerenderer             | 31.2.3  | hotfix/31.1.17_Vol3 | .NET                                                     | 863              | 863    | 0      | 0       |
+| File Formats | Pdf Library(Pdf)             | 31.2.3  | Hotfix              | .NET                                                     | 14735            | 14735  | 0      | 0       |
+| File Formats | Pdf Viewer                   | 31.2.3  | Hotfix              | Web(Javascript, Angular, React, Vue, ASP.NET Core & MVC) | 19130            | 19130  | 0      | 0       |
+| File Formats | PdfViewer                    | 30.1.10 | hotfix/31.1.17_Vol3 | WPF                                                      | 2998             | 2998   | 0      | 0       |
+| File Formats | PdfViewer                    | 31.2.3  | Hotfix              | Windows Forms                                            | 207              | 207    | 0      | 0       |
+| File Formats | PowerPoint Library           | 31.2.3  | hotfix/31.1.17_Vol3 | .NET                                                     | 54390            | 54390  | 0      | 0       |
+| File Formats | SfPdfViewer                  | 31.2.3  | Hotfix              | .NETMAUI                                                 | 14684            | 14684  | 0      | 0       |
+| File Formats | SfPdfViewer2                 | 31.2.3  | hotfix              | Blazor                                                   | 14364            | 14364  | 0      | 0       |
+| File Formats | SfSpreadsheet                | 31.2.3  | hotfix              | WPF                                                      | 2710             | 2710   | 0      | 0       |
+| File Formats | Spreadsheet                  | 31.2.3  | Hotfix              | Web(Javascript, Angular, React, Vue, ASP.NET Core & MVC) | 10407            | 10407  | 0      | 0       |
+| File Formats | Word Library(DocIO)          | 31.2.3  | hotfix/31.1.17_Vol3 | .NET                                                     | 39881            | 39881  | 0      | 0       |
+| File Formats | Word Library(DocIO)          | 31.2.3  | hotfix/31.1.17_Vol3 | Java                                                     | 4079             | 4079   | 0      | 0       |
+|              |                              |         |                     |                                                          |                  |        |        |         |
\ No newline at end of file
diff --git a/Document-Processing/Release-Notes/v31.2.4.md b/Document-Processing/Release-Notes/v31.2.4.md
index 48371f64c..9f8f9b363 100644
--- a/Document-Processing/Release-Notes/v31.2.4.md
+++ b/Document-Processing/Release-Notes/v31.2.4.md
@@ -17,22 +17,21 @@ documentation: ug
 
 ## Test Results
 
-
-| Component Name               | Platform                                                 | Test Cases | Passed | Failed | Remarks    |
-|------------------------------|----------------------------------------------------------|------------|--------|--------|------------|
-| DOCX Editor(Document Editor) | Blazor                                                   | 1943       | 1943   | 0      | All Passed |
-| DOCX Editor(Document Editor) | Web(Javascript, Angular, React, Vue, ASP.NET Core & MVC) | 5023       | 5023   | 0      | All Passed |
-| Excel Library(XlsIO)         | .NET                                                     | 37735      | 37735  | 0      | All Passed |
-| Metafilerenderer             | .NET                                                     | 863        | 863    | 0      | All Passed |
-| Pdf Library(Pdf)             | .NET                                                     | 13898      | 13898  | 0      | All Passed |
-| Pdf Viewer                   | Web(Javascript, Angular, React, Vue, ASP.NET Core & MVC) | 19130      | 19130  | 0      | All Passed |
-| PdfViewer                    | WPF                                                      | 2998       | 2998   | 0      | All Passed |
-| PdfViewer                    | Windows Forms                                            | 207        | 207    | 0      | All Passed |
-| PowerPoint Library           | .NET                                                     | 54392      | 54392  | 0      | All Passed |
-| SfPdfViewer                  | .NETMAUI                                                 | 14684      | 14684  | 0      | All Passed |
-| SfPdfViewer2                 | Blazor                                                   | 13104      | 13104  | 0      | All Passed |
-| SfSpreadsheet                | WPF                                                      | 2696       | 2696   | 0      | All Passed |
-| Spreadsheet                  | Blazor                                                   | 1917       | 1917   | 0      | All Passed |
-| Spreadsheet                  | Web(Javascript, Angular, React, Vue, ASP.NET Core & MVC) | 10411      | 10411  | 0      | All Passed |
-| Word Library(DocIO)          | .NET                                                     | 39886      | 39886  | 0      | All Passed |
-| Word Library(DocIO)          | Java                                                     | 4079       | 4079   | 0      | All Passed |
\ No newline at end of file
+| Component Name | Test Cases | Passed | Failed | Remarks |
+|---------------|------------|--------|--------|---------|
+| DOCX Editor(Document Editor) | 1943 | 1943 | 0 | All Passed |
+| DOCX Editor(Document Editor) | 5023 | 5023 | 0 | All Passed |
+| Excel Library(XlsIO) | 37735 | 37735 | 0 | All Passed |
+| Metafilerenderer | 863 | 863 | 0 | All Passed |
+| Pdf Library(Pdf) | 13898 | 13898 | 0 | All Passed |
+| Pdf Viewer | 19130 | 19130 | 0 | All Passed |
+| PdfViewer | 2998 | 2998 | 0 | All Passed |
+| PdfViewer | 207 | 207 | 0 | All Passed |
+| PowerPoint Library | 54392 | 54392 | 0 | All Passed |
+| SfPdfViewer | 14684 | 14684 | 0 | All Passed |
+| SfPdfViewer2 | 13104 | 13104 | 0 | All Passed |
+| SfSpreadsheet | 2696 | 2696 | 0 | All Passed |
+| Spreadsheet | 1917 | 1917 | 0 | All Passed |
+| Spreadsheet | 10411 | 10411 | 0 | All Passed |
+| Word Library(DocIO) | 39886 | 39886 | 0 | All Passed |
+| Word Library(DocIO) | 4079 | 4079 | 0 | All Passed |
\ No newline at end of file
diff --git a/Document-Processing/Word/Conversions/Word-To-Image/NET/Azure-Images/Functions-v1/Nuget-Package_WordtoImage.png b/Document-Processing/Word/Conversions/Word-To-Image/NET/Azure-Images/Functions-v1/Nuget-Package_WordtoImage.png
index c565e43aa..109fbc750 100644
Binary files a/Document-Processing/Word/Conversions/Word-To-Image/NET/Azure-Images/Functions-v1/Nuget-Package_WordtoImage.png and b/Document-Processing/Word/Conversions/Word-To-Image/NET/Azure-Images/Functions-v1/Nuget-Package_WordtoImage.png differ
diff --git a/Document-Processing/Word/Conversions/Word-To-Image/NET/Blazor_Images/Command-to-add-NuGet-package-for-SkiaSharp.png b/Document-Processing/Word/Conversions/Word-To-Image/NET/Blazor_Images/Command-to-add-NuGet-package-for-SkiaSharp.png
index ccf4beb36..701a2b887 100644
Binary files a/Document-Processing/Word/Conversions/Word-To-Image/NET/Blazor_Images/Command-to-add-NuGet-package-for-SkiaSharp.png and b/Document-Processing/Word/Conversions/Word-To-Image/NET/Blazor_Images/Command-to-add-NuGet-package-for-SkiaSharp.png differ
diff --git a/Document-Processing/Word/Conversions/Word-To-Image/NET/Convert-Word-Document-to-Image-Azure.md b/Document-Processing/Word/Conversions/Word-To-Image/NET/Convert-Word-Document-to-Image-Azure.md
index ef3400ce4..eb8f1e2f2 100644
--- a/Document-Processing/Word/Conversions/Word-To-Image/NET/Convert-Word-Document-to-Image-Azure.md
+++ b/Document-Processing/Word/Conversions/Word-To-Image/NET/Convert-Word-Document-to-Image-Azure.md
@@ -32,7 +32,7 @@ NuGet packages required<br/></th></tr></thead>
 {{'[App Service (Linux)](https://help.syncfusion.com/document-processing/word/conversions/word-to-image/net/convert-word-document-to-image-in-azure-app-service-linux)' | markdownify}}
 <br/></td><td>
 {{'[Syncfusion.DocIORenderer.Net.Core](https://www.nuget.org/packages/Syncfusion.DocIORenderer.Net.Core)' | markdownify}}<br/>
-{{'[SkiaSharp.NativeAssets.Linux v3.116.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux/3.116.1)' | markdownify}}<br/>{{'[HarfBuzzSharp.NativeAssets.Linux v8.3.0.1](https://www.nuget.org/packages/HarfBuzzSharp.NativeAssets.Linux/8.3.0.1)' |markdownify}} <br/></td></tr>
+{{'[SkiaSharp.NativeAssets.Linux v3.119.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux/3.119.1)' | markdownify}}<br/>{{'[HarfBuzzSharp.NativeAssets.Linux v8.3.1.2](https://www.nuget.org/packages/HarfBuzzSharp.NativeAssets.Linux/8.3.1.2)' |markdownify}} <br/></td></tr>
 <tr>
 <td>
 {{'[Azure Functions v1](https://help.syncfusion.com/document-processing/word/conversions/word-to-image/net/convert-word-document-to-image-in-azure-functions-v1)' | markdownify}}
diff --git a/Document-Processing/Word/Conversions/Word-To-Image/NET/Convert-Word-Document-to-Image-in-ASP-NET-Core.md b/Document-Processing/Word/Conversions/Word-To-Image/NET/Convert-Word-Document-to-Image-in-ASP-NET-Core.md
index 8cefb3334..736e75f2f 100644
--- a/Document-Processing/Word/Conversions/Word-To-Image/NET/Convert-Word-Document-to-Image-in-ASP-NET-Core.md
+++ b/Document-Processing/Word/Conversions/Word-To-Image/NET/Convert-Word-Document-to-Image-in-ASP-NET-Core.md
@@ -349,4 +349,4 @@ By executing the program, you will get the **image** as follows.
 
 Click [here](https://www.syncfusion.com/document-processing/word-framework/net-core) to explore the rich set of Syncfusion<sup>&reg;</sup> Word library (DocIO) features. 
 
-An online sample link to [convert Word document to image](https://document.syncfusion.com/demos/word/wordtoimage#/tailwind) in ASP.NET Core.
+An online sample link to [convert Word document to image](https://ej2.syncfusion.com/aspnetcore/Word/WordToImage#/material3) in ASP.NET Core.
diff --git a/Document-Processing/Word/Conversions/Word-To-Image/NET/Convert-Word-Document-to-Image-in-ASP-NET-MVC.md b/Document-Processing/Word/Conversions/Word-To-Image/NET/Convert-Word-Document-to-Image-in-ASP-NET-MVC.md
index 682e5cc77..d5d516564 100644
--- a/Document-Processing/Word/Conversions/Word-To-Image/NET/Convert-Word-Document-to-Image-in-ASP-NET-MVC.md
+++ b/Document-Processing/Word/Conversions/Word-To-Image/NET/Convert-Word-Document-to-Image-in-ASP-NET-MVC.md
@@ -250,3 +250,4 @@ By executing the program, you will get the **image** as follows.
 
 Click [here](https://www.syncfusion.com/document-processing/word-framework/net) to explore the rich set of Syncfusion<sup>&reg;</sup> Word library (DocIO) features. 
 
+An online sample link to [convert Word document to image](https://ej2.syncfusion.com/aspnetmvc/Word/WordtoImage#/material3) in ASP.NET MVC.
\ No newline at end of file
diff --git a/Document-Processing/Word/Conversions/Word-To-Image/NET/Convert-Word-Document-to-Image-in-ASP-NET.md b/Document-Processing/Word/Conversions/Word-To-Image/NET/Convert-Word-Document-to-Image-in-ASP-NET.md
index 1de12fa0a..0f052f2c5 100644
--- a/Document-Processing/Word/Conversions/Word-To-Image/NET/Convert-Word-Document-to-Image-in-ASP-NET.md
+++ b/Document-Processing/Word/Conversions/Word-To-Image/NET/Convert-Word-Document-to-Image-in-ASP-NET.md
@@ -113,4 +113,4 @@ By executing the program, you will get the **image** as follows.
 
 Click [here](https://www.syncfusion.com/document-processing/word-framework/net) to explore the rich set of Syncfusion<sup>&reg;</sup> Word library (DocIO) features. 
 
-An online sample link to [convert Word document to image](https://document.syncfusion.com/demos/word/wordtoimage#/tailwind) in ASP.NET Core. 
\ No newline at end of file
+An online sample link to [convert Word document to image](https://ej2.syncfusion.com/aspnetcore/Word/WordToImage#/material3) in ASP.NET Core. 
\ No newline at end of file
diff --git a/Document-Processing/Word/Conversions/Word-To-Image/NET/Convert-Word-Document-to-Image-in-AWS-Elastic-Beanstalk.md b/Document-Processing/Word/Conversions/Word-To-Image/NET/Convert-Word-Document-to-Image-in-AWS-Elastic-Beanstalk.md
index 048e25431..0112bb460 100644
--- a/Document-Processing/Word/Conversions/Word-To-Image/NET/Convert-Word-Document-to-Image-in-AWS-Elastic-Beanstalk.md
+++ b/Document-Processing/Word/Conversions/Word-To-Image/NET/Convert-Word-Document-to-Image-in-AWS-Elastic-Beanstalk.md
@@ -19,10 +19,10 @@ Step 1: Create a new ASP.NET Core Web application (Model-View-Controller) projec
 Step 2: Install the following **Nuget packages** in your application from [Nuget.org](https://www.nuget.org/).
 
 * [Syncfusion.DocIORenderer.Net.Core](https://www.nuget.org/packages/Syncfusion.DocIORenderer.Net.Core) 
-* [SkiaSharp.NativeAssets.Linux.NoDependencies v3.116.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux.NoDependencies/3.116.1)
+* [SkiaSharp.NativeAssets.Linux.NoDependencies v3.119.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux.NoDependencies/3.119.1)
 
 ![Install Syncfusion.DocIORenderer.Net.Core NuGet Package](Blazor_Images/Nuget-Package-WordtoImage.png)
-![Install SkiaSharp.NativeAssets.Linux.NoDependencies v3.116.1 NuGet Package](AWS_Images/Elastic_Beanstalk_Images/Nuget-Convert-WordtoImage.png)
+![Install SkiaSharp.NativeAssets.Linux.NoDependencies v3.119.1 NuGet Package](AWS_Images/Elastic_Beanstalk_Images/Nuget-Convert-WordtoImage.png)
 
 N> Starting with v16.2.0.x, if you reference Syncfusion<sup>&reg;</sup> assemblies from trial setup or from the NuGet feed, you also have to add "Syncfusion.Licensing" assembly reference and include a license key in your projects. Please refer to this [link](https://help.syncfusion.com/common/essential-studio/licensing/overview) to know about registering Syncfusion<sup>&reg;</sup> license key in your application to use our components.
 
@@ -138,4 +138,4 @@ By executing the program, you will get the **image** as follows.
 
 Click [here](https://www.syncfusion.com/document-processing/word-framework/net-core) to explore the rich set of Syncfusion<sup>&reg;</sup> Word library (DocIO) features. 
 
-An online sample link to [convert Word document to image](https://document.syncfusion.com/demos/word/wordtoimage#/tailwind) in ASP.NET Core.
+An online sample link to [convert Word document to image](https://ej2.syncfusion.com/aspnetcore/Word/WordToImage#/material3) in ASP.NET Core.
diff --git a/Document-Processing/Word/Conversions/Word-To-Image/NET/Convert-Word-Document-to-Image-in-AWS-Lambda.md b/Document-Processing/Word/Conversions/Word-To-Image/NET/Convert-Word-Document-to-Image-in-AWS-Lambda.md
index 7f0420e48..08f01f8c3 100644
--- a/Document-Processing/Word/Conversions/Word-To-Image/NET/Convert-Word-Document-to-Image-in-AWS-Lambda.md
+++ b/Document-Processing/Word/Conversions/Word-To-Image/NET/Convert-Word-Document-to-Image-in-AWS-Lambda.md
@@ -21,7 +21,7 @@ Step 2: Select Blueprint as Empty Function and click **Finish**.
 Step 3: Install the following **Nuget packages** in your application from [Nuget.org](https://www.nuget.org/).
 
 * [Syncfusion.DocIORenderer.Net.Core](https://www.nuget.org/packages/Syncfusion.DocIORenderer.Net.Core) 
-* [SkiaSharp.NativeAssets.Linux.NoDependencies v3.116.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux.NoDependencies/3.116.1)
+* [SkiaSharp.NativeAssets.Linux.NoDependencies v3.119.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux.NoDependencies/3.119.1)
 
 ![Install Syncfusion.DocIORenderer.Net.Core Nuget Package](ASP-NET-Core_images/NugetPackage.png)
 ![Install SkiaSharp.NativeAssets.Linux.NoDependencies Nuget Package](AWS_Images/Lambda_Images/SkiaSharp-Nuget-Package-WordtoPDF.png)
@@ -200,4 +200,4 @@ From GitHub, you can download the [console application](https://github.com/Syncf
 
 Click [here](https://www.syncfusion.com/document-processing/word-framework/net-core) to explore the rich set of Syncfusion<sup>&reg;</sup> Word library (DocIO) features. 
 
-An online sample link to [convert Word document to image](https://document.syncfusion.com/demos/word/wordtoimage#/tailwind) in ASP.NET Core. 
\ No newline at end of file
+An online sample link to [convert Word document to image](https://ej2.syncfusion.com/aspnetcore/Word/WordToImage#/material3) in ASP.NET Core. 
\ No newline at end of file
diff --git a/Document-Processing/Word/Conversions/Word-To-Image/NET/Convert-Word-Document-to-Image-in-AWS.md b/Document-Processing/Word/Conversions/Word-To-Image/NET/Convert-Word-Document-to-Image-in-AWS.md
index 8091704ed..abae701b8 100644
--- a/Document-Processing/Word/Conversions/Word-To-Image/NET/Convert-Word-Document-to-Image-in-AWS.md
+++ b/Document-Processing/Word/Conversions/Word-To-Image/NET/Convert-Word-Document-to-Image-in-AWS.md
@@ -30,12 +30,12 @@ NuGet package name<br/></th></tr></thead>
 <td>
 {{'[AWS Lambda](https://help.syncfusion.com/document-processing/word/conversions/word-to-image/net/convert-word-document-to-image-in-aws-lambda)' | markdownify}} <br/></td><td>
 {{'[Syncfusion.DocIORenderer.Net.Core](https://www.nuget.org/packages/Syncfusion.DocIORenderer.Net.Core)' | markdownify}}<br/>
-{{'[SkiaSharp.NativeAssets.Linux.NoDependencies v3.116.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux.NoDependencies/3.116.1)' | markdownify}} <br/>
+{{'[SkiaSharp.NativeAssets.Linux.NoDependencies v3.119.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux.NoDependencies/3.119.1)' | markdownify}} <br/>
 </td></tr>
 <tr>
 <td>
 {{'[AWS Elastic Beanstalk](https://help.syncfusion.com/document-processing/word/conversions/word-to-image/net/convert-word-document-to-image-in-aws-elastic-beanstalk)' | markdownify}} <br/></td><td>
 {{'[Syncfusion.DocIORenderer.Net.Core](https://www.nuget.org/packages/Syncfusion.DocIORenderer.Net.Core)' | markdownify}}<br/>
-{{'[SkiaSharp.NativeAssets.Linux.NoDependencies v3.116.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux.NoDependencies/3.116.1)' | markdownify}} <br/>
+{{'[SkiaSharp.NativeAssets.Linux.NoDependencies v3.119.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux.NoDependencies/3.119.1)' | markdownify}} <br/>
 </td></tr>
 </table>
diff --git a/Document-Processing/Word/Conversions/Word-To-Image/NET/Convert-Word-Document-to-Image-in-Azure-App-Service-Linux.md b/Document-Processing/Word/Conversions/Word-To-Image/NET/Convert-Word-Document-to-Image-in-Azure-App-Service-Linux.md
index b963b7df3..7110132d2 100644
--- a/Document-Processing/Word/Conversions/Word-To-Image/NET/Convert-Word-Document-to-Image-in-Azure-App-Service-Linux.md
+++ b/Document-Processing/Word/Conversions/Word-To-Image/NET/Convert-Word-Document-to-Image-in-Azure-App-Service-Linux.md
@@ -24,8 +24,8 @@ Step 3: Click **Create** button.
 Step 4: Install the following **Nuget packages** in your application from [Nuget.org](https://www.nuget.org/).
 
 * [Syncfusion.DocIORenderer.Net.Core](https://www.nuget.org/packages/Syncfusion.DocIORenderer.Net.Core) 
-* [SkiaSharp.NativeAssets.Linux v3.116.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux/3.116.1)
-* [HarfBuzzSharp.NativeAssets.Linux v8.3.0.1](https://www.nuget.org/packages/HarfBuzzSharp.NativeAssets.Linux/8.3.0.1)
+* [SkiaSharp.NativeAssets.Linux v3.119.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux/3.119.1)
+* [HarfBuzzSharp.NativeAssets.Linux v8.3.1.2](https://www.nuget.org/packages/HarfBuzzSharp.NativeAssets.Linux/8.3.1.2)
 
  ![Install Syncfusion.DocIORenderer.Net.Core Nuget Package](Azure-Images/App-Service-Linux/Syncfusion_Nuget_Package_WordtoPDF.png)
  ![Install SkiaSharp.NativeAssets.Linux Nuget Package](Azure-Images/App-Service-Linux/SkiaSharp_Nuget-Package_WordtoPDF.png)
@@ -203,4 +203,4 @@ You can download a complete working sample from [GitHub](https://github.com/Sync
 
 Click [here](https://www.syncfusion.com/document-processing/word-framework/net-core) to explore the rich set of Syncfusion<sup>&reg;</sup> Word library (DocIO) features. 
 
-An online sample link to [convert Word document to image](https://document.syncfusion.com/demos/word/wordtoimage#/tailwind) in ASP.NET Core. 
+An online sample link to [convert Word document to image](https://ej2.syncfusion.com/aspnetcore/Word/WordToImage#/material3) in ASP.NET Core. 
diff --git a/Document-Processing/Word/Conversions/Word-To-Image/NET/Convert-Word-Document-to-Image-in-Azure-App-Service-Windows.md b/Document-Processing/Word/Conversions/Word-To-Image/NET/Convert-Word-Document-to-Image-in-Azure-App-Service-Windows.md
index 0486b60b7..bcac415da 100644
--- a/Document-Processing/Word/Conversions/Word-To-Image/NET/Convert-Word-Document-to-Image-in-Azure-App-Service-Windows.md
+++ b/Document-Processing/Word/Conversions/Word-To-Image/NET/Convert-Word-Document-to-Image-in-Azure-App-Service-Windows.md
@@ -197,4 +197,4 @@ You can download a complete working sample from [GitHub](https://github.com/Sync
 
 Click [here](https://www.syncfusion.com/document-processing/word-framework/net-core) to explore the rich set of Syncfusion<sup>&reg;</sup> Word library (DocIO) features. 
 
-An online sample link to [convert Word document to image](https://document.syncfusion.com/demos/word/wordtoimage#/tailwind) in ASP.NET Core. 
+An online sample link to [convert Word document to image](https://ej2.syncfusion.com/aspnetcore/Word/WordToImage#/material3) in ASP.NET Core. 
diff --git a/Document-Processing/Word/Conversions/Word-To-Image/NET/Convert-Word-Document-to-Image-in-Azure-Functions-v1.md b/Document-Processing/Word/Conversions/Word-To-Image/NET/Convert-Word-Document-to-Image-in-Azure-Functions-v1.md
index 1380587c8..d894d7298 100644
--- a/Document-Processing/Word/Conversions/Word-To-Image/NET/Convert-Word-Document-to-Image-in-Azure-Functions-v1.md
+++ b/Document-Processing/Word/Conversions/Word-To-Image/NET/Convert-Word-Document-to-Image-in-Azure-Functions-v1.md
@@ -146,5 +146,5 @@ From GitHub, you can download the [console application](https://github.com/Syncf
 
 Click [here](https://www.syncfusion.com/document-processing/word-framework/net) to explore the rich set of Syncfusion Word library (DocIO) features. 
 
-An online sample link to [convert Word document to image](https://document.syncfusion.com/demos/word/wordtoimage#/tailwind) in ASP.NET Core. 
+An online sample link to [convert Word document to image](https://ej2.syncfusion.com/aspnetcore/Word/WordToImage#/material3) in ASP.NET Core. 
 
diff --git a/Document-Processing/Word/Conversions/Word-To-Image/NET/Convert-Word-Document-to-Image-in-Azure-Functions-v4.md b/Document-Processing/Word/Conversions/Word-To-Image/NET/Convert-Word-Document-to-Image-in-Azure-Functions-v4.md
index 59278173e..cc7df81bb 100644
--- a/Document-Processing/Word/Conversions/Word-To-Image/NET/Convert-Word-Document-to-Image-in-Azure-Functions-v4.md
+++ b/Document-Processing/Word/Conversions/Word-To-Image/NET/Convert-Word-Document-to-Image-in-Azure-Functions-v4.md
@@ -153,5 +153,5 @@ From GitHub, you can download the [console application](https://github.com/Syncf
 
 Click [here](https://www.syncfusion.com/document-processing/word-framework/net-core) to explore the rich set of Syncfusion<sup>&reg;</sup> Word library (DocIO) features. 
 
-An online sample link to [convert Word document to image](https://document.syncfusion.com/demos/word/wordtoimage#/tailwind) in ASP.NET Core. 
+An online sample link to [convert Word document to image](https://ej2.syncfusion.com/aspnetcore/Word/WordToImage#/material3) in ASP.NET Core. 
 
diff --git a/Document-Processing/Word/Conversions/Word-To-Image/NET/Convert-Word-Document-to-Image-in-Blazor.md b/Document-Processing/Word/Conversions/Word-To-Image/NET/Convert-Word-Document-to-Image-in-Blazor.md
index ee649352c..88d3ea765 100644
--- a/Document-Processing/Word/Conversions/Word-To-Image/NET/Convert-Word-Document-to-Image-in-Blazor.md
+++ b/Document-Processing/Word/Conversions/Word-To-Image/NET/Convert-Word-Document-to-Image-in-Blazor.md
@@ -730,10 +730,10 @@ Select "Blazor WebAssembly App" from the template and click the **Next** button.
 
 Step 2: Install the following **Nuget packages** in application from [Nuget.org](https://www.nuget.org/).
 * [Syncfusion.DocIORenderer.Net.Core](https://www.nuget.org/packages/Syncfusion.DocIORenderer.Net.Core)
-* [SkiaSharp.Views.Blazor v3.116.1](https://www.nuget.org/packages/SkiaSharp.Views.Blazor/3.116.1)
+* [SkiaSharp.Views.Blazor v3.119.1](https://www.nuget.org/packages/SkiaSharp.Views.Blazor/3.119.1)
 
 ![Install Syncfusion.DocIORenderer.Net.Core NuGet Package](Blazor_Images/Nuget-Package-WordtoImage.png)
-![Install SkiaSharp.Views.Blazor v3.116.1 NuGet Package](Blazor_Images/NuGet-Package-Convert-WordtoImage.png)
+![Install SkiaSharp.Views.Blazor v3.119.1 NuGet Package](Blazor_Images/NuGet-Package-Convert-WordtoImage.png)
 
 N> 1. If deploying the application in a Linux environment, refer to the [documentation](https://help.syncfusion.com/document-processing/word/conversions/word-to-image/net/nuget-packages-required-word-to-image#additional-nuget-packages-required-for-linux) for the required additional NuGet packages.
 N> 2. Starting with v16.2.0.x, if Syncfusion<sup>&reg;</sup> assemblies are referenced from trial setup or from the NuGet feed, the "Syncfusion.Licensing" assembly reference must also be added and a license key included in projects. Refer to this [link](https://help.syncfusion.com/common/essential-studio/licensing/overview) to know about registering Syncfusion<sup>&reg;</sup> license key in an application to use Syncfusion components.
@@ -915,10 +915,10 @@ Step 1: Create a new C# Blazor WASM Standalone app project.
 * Select the project location, type the project name and press enter.
 * Then choose **Create project**.
 
-Step 2: To **convert a Word document to Image in Blazor WASM Standalone app**, install [Syncfusion.DocIORenderer.Net.Core](https://www.nuget.org/packages/Syncfusion.DocIORenderer.Net.Core) and [SkiaSharp.Views.Blazor v3.116.1](https://www.nuget.org/packages/SkiaSharp.Views.Blazor/3.116.1) to the Blazor project.
+Step 2: To **convert a Word document to Image in Blazor WASM Standalone app**, install [Syncfusion.DocIORenderer.Net.Core](https://www.nuget.org/packages/Syncfusion.DocIORenderer.Net.Core) and [SkiaSharp.Views.Blazor v3.119.1](https://www.nuget.org/packages/SkiaSharp.Views.Blazor/3.119.1) to the Blazor project.
 * Press <kbd>Ctrl</kbd> + <kbd>`</kbd> (backtick) to open the integrated terminal in Visual Studio Code.
 * Ensure you're in the project root directory where your .csproj file is located.
-* Run the command `dotnet add package Syncfusion.DocIORenderer.Net.Core` and `dotnet add package SkiaSharp.Views.Blazor --version 3.116.1` to install the NuGet package.
+* Run the command `dotnet add package Syncfusion.DocIORenderer.Net.Core` and `dotnet add package SkiaSharp.Views.Blazor --version 3.119.1` to install the NuGet package.
 
 ![Add Syncfusion.DocIORenderer.Net.Core NuGet package](Blazor_Images/Command-to-add-NuGet-package-for-WASM.png)
 
@@ -1301,3 +1301,4 @@ Click [here](https://www.syncfusion.com/document-processing/word-framework/blazo
 
 An online sample link to [convert Word document to image](https://document.syncfusion.com/demos/word/wordtoimage#/tailwind) in ASP.NET Core. 
  
+ 
diff --git a/Document-Processing/Word/Conversions/Word-To-Image/NET/Convert-Word-Document-to-Image-in-Google-App-Engine.md b/Document-Processing/Word/Conversions/Word-To-Image/NET/Convert-Word-Document-to-Image-in-Google-App-Engine.md
index 6509899d7..2294035cb 100644
--- a/Document-Processing/Word/Conversions/Word-To-Image/NET/Convert-Word-Document-to-Image-in-Google-App-Engine.md
+++ b/Document-Processing/Word/Conversions/Word-To-Image/NET/Convert-Word-Document-to-Image-in-Google-App-Engine.md
@@ -47,8 +47,8 @@ Step 3: Click the **Create** button.
 Step 4: Install the following **Nuget packages** in your application from [Nuget.org](https://www.nuget.org/).
 
 * [Syncfusion.DocIORenderer.Net.Core](https://www.nuget.org/packages/Syncfusion.DocIORenderer.Net.Core) 
-* [SkiaSharp.NativeAssets.Linux v3.116.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux/3.116.1)
-* [HarfBuzzSharp.NativeAssets.Linux v8.3.0.1](https://www.nuget.org/packages/HarfBuzzSharp.NativeAssets.Linux/8.3.0.1)
+* [SkiaSharp.NativeAssets.Linux v3.119.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux/3.119.1)
+* [HarfBuzzSharp.NativeAssets.Linux v8.3.1.2](https://www.nuget.org/packages/HarfBuzzSharp.NativeAssets.Linux/8.3.1.2)
 
  ![Install Syncfusion.DocIORenderer.Net.Core Nuget Package](Azure-Images/App-Service-Linux/Syncfusion_Nuget_Package_WordtoPDF.png)
  ![Install SkiaSharp.NativeAssets.Linux Nuget Package](Azure-Images/App-Service-Linux/SkiaSharp_Nuget-Package_WordtoPDF.png)
@@ -258,4 +258,4 @@ By executing the program, you will get the **image** as follows. The output will
 
 Click [here](https://www.syncfusion.com/document-processing/word-framework/net-core) to explore the rich set of Syncfusion<sup>&reg;</sup> Word library (DocIO) features. 
 
-An online sample link to [convert Word document to image](https://document.syncfusion.com/demos/word/wordtoimage#/tailwind) in ASP.NET Core.
\ No newline at end of file
+An online sample link to [convert Word document to image](https://ej2.syncfusion.com/aspnetcore/Word/WordToImage#/material3) in ASP.NET Core.
\ No newline at end of file
diff --git a/Document-Processing/Word/Conversions/Word-To-Image/NET/Convert-Word-Document-to-Image-in-Google-Cloud-Platform.md b/Document-Processing/Word/Conversions/Word-To-Image/NET/Convert-Word-Document-to-Image-in-Google-Cloud-Platform.md
index 441f08f03..2923a7af1 100644
--- a/Document-Processing/Word/Conversions/Word-To-Image/NET/Convert-Word-Document-to-Image-in-Google-Cloud-Platform.md
+++ b/Document-Processing/Word/Conversions/Word-To-Image/NET/Convert-Word-Document-to-Image-in-Google-Cloud-Platform.md
@@ -28,5 +28,5 @@ NuGet package name<br/></th></tr></thead>
 <td>
 {{'[App Engine](https://help.syncfusion.com/document-processing/word/conversions/word-to-image/net/convert-word-document-to-image-in-google-app-engine)' | markdownify}}<br/></td><td>
 {{'[Syncfusion.DocIORenderer.Net.Core](https://www.nuget.org/packages/Syncfusion.DocIORenderer.Net.Core)' | markdownify}}<br/>
-{{'[SkiaSharp.NativeAssets.Linux v3.116.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux/3.116.1)' | markdownify}}<br/>{{'[HarfBuzzSharp.NativeAssets.Linux v8.3.0.1](https://www.nuget.org/packages/HarfBuzzSharp.NativeAssets.Linux/8.3.0.1)' |markdownify}} <br/></td></tr>
+{{'[SkiaSharp.NativeAssets.Linux v3.119.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux/3.119.1)' | markdownify}}<br/>{{'[HarfBuzzSharp.NativeAssets.Linux v8.3.1.2](https://www.nuget.org/packages/HarfBuzzSharp.NativeAssets.Linux/8.3.1.2)' |markdownify}} <br/></td></tr>
 </table>
\ No newline at end of file
diff --git a/Document-Processing/Word/Conversions/Word-To-Image/NET/Convert-Word-Document-to-Image-in-Linux.md b/Document-Processing/Word/Conversions/Word-To-Image/NET/Convert-Word-Document-to-Image-in-Linux.md
index 51fda1529..7ac198553 100644
--- a/Document-Processing/Word/Conversions/Word-To-Image/NET/Convert-Word-Document-to-Image-in-Linux.md
+++ b/Document-Processing/Word/Conversions/Word-To-Image/NET/Convert-Word-Document-to-Image-in-Linux.md
@@ -36,15 +36,15 @@ dotnet new console
 Step 2: Install the following **Nuget packages** in your application from [Nuget.org](https://www.nuget.org/) by execute the following command.
 
 * [Syncfusion.DocIORenderer.Net.Core](https://www.nuget.org/packages/Syncfusion.DocIORenderer.Net.Core) 
-* [SkiaSharp.NativeAssets.Linux v3.116.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux/3.116.1)
-* [HarfBuzzSharp.NativeAssets.Linux v8.3.0.1](https://www.nuget.org/packages/HarfBuzzSharp.NativeAssets.Linux/8.3.0.1)
+* [SkiaSharp.NativeAssets.Linux v3.119.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux/3.119.1)
+* [HarfBuzzSharp.NativeAssets.Linux v8.3.1.2](https://www.nuget.org/packages/HarfBuzzSharp.NativeAssets.Linux/8.3.1.2)
 
 {% tabs %}
 {% highlight KCONFIG %}
 
 dotnet add package Syncfusion.DocIORenderer.Net.Core -v 22.1.34 -s https://www.nuget.org/
-dotnet add package SkiaSharp.NativeAssets.Linux -v 3.116.1 -s https://www.nuget.org/
-dotnet add package HarfBuzzSharp.NativeAssets.Linux -v 8.3.0.1 -s https://www.nuget.org/
+dotnet add package SkiaSharp.NativeAssets.Linux -v 3.119.1 -s https://www.nuget.org/
+dotnet add package HarfBuzzSharp.NativeAssets.Linux -v 8.3.1.2 -s https://www.nuget.org/
 
 {% endhighlight %}
 {% endtabs %}
@@ -223,7 +223,7 @@ By executing the program, you will get the **image** as follows. The output will
 
 Click [here](https://www.syncfusion.com/document-processing/word-framework/net-core) to explore the rich set of Syncfusion<sup>&reg;</sup> Word library (DocIO) features. 
 
-An online sample link to [convert Word document to image](https://document.syncfusion.com/demos/word/wordtoimage#/tailwind) in ASP.NET Core.
+An online sample link to [convert Word document to image](https://ej2.syncfusion.com/aspnetcore/Word/WordToImage#/material3) in ASP.NET Core.
 
 ## Frequently Asked Questions
 
diff --git a/Document-Processing/Word/Conversions/Word-To-Image/NET/Convert-Word-Document-to-Image-in-MAUI.md b/Document-Processing/Word/Conversions/Word-To-Image/NET/Convert-Word-Document-to-Image-in-MAUI.md
index d848929dd..ba1c39201 100644
--- a/Document-Processing/Word/Conversions/Word-To-Image/NET/Convert-Word-Document-to-Image-in-MAUI.md
+++ b/Document-Processing/Word/Conversions/Word-To-Image/NET/Convert-Word-Document-to-Image-in-MAUI.md
@@ -584,4 +584,4 @@ By executing the program, you will get the **image** as follows.
 
 Click [here](https://www.syncfusion.com/document-processing/word-framework/maui) to explore the rich set of Syncfusion<sup>&reg;</sup> Word library (DocIO) features. 
 
-An online sample link to [convert Word document to image](https://document.syncfusion.com/demos/word/wordtoimage#/tailwind) in ASP.NET Core. 
+An online sample link to [convert Word document to image](https://ej2.syncfusion.com/aspnetcore/Word/WordToImage#/material3) in ASP.NET Core. 
diff --git a/Document-Processing/Word/Conversions/Word-To-Image/NET/Convert-Word-Document-to-Image-in-Mac.md b/Document-Processing/Word/Conversions/Word-To-Image/NET/Convert-Word-Document-to-Image-in-Mac.md
index 4d6ddd2e5..ddce433c5 100644
--- a/Document-Processing/Word/Conversions/Word-To-Image/NET/Convert-Word-Document-to-Image-in-Mac.md
+++ b/Document-Processing/Word/Conversions/Word-To-Image/NET/Convert-Word-Document-to-Image-in-Mac.md
@@ -283,4 +283,4 @@ By executing the program, you will get the **image** as follows. The output will
 
 Click [here](https://www.syncfusion.com/document-processing/word-framework/net-core) to explore the rich set of Syncfusion<sup>&reg;</sup> Word library (DocIO) features. 
 
-An online sample link to [convert Word document to image](https://document.syncfusion.com/demos/word/wordtoimage#/tailwind) in ASP.NET Core. 
\ No newline at end of file
+An online sample link to [convert Word document to image](https://ej2.syncfusion.com/aspnetcore/Word/WordToImage#/material3) in ASP.NET Core. 
\ No newline at end of file
diff --git a/Document-Processing/Word/Conversions/Word-To-Image/NET/Convert-Word-Document-to-Image-in-UWP.md b/Document-Processing/Word/Conversions/Word-To-Image/NET/Convert-Word-Document-to-Image-in-UWP.md
index 3688d30ed..873992c22 100644
--- a/Document-Processing/Word/Conversions/Word-To-Image/NET/Convert-Word-Document-to-Image-in-UWP.md
+++ b/Document-Processing/Word/Conversions/Word-To-Image/NET/Convert-Word-Document-to-Image-in-UWP.md
@@ -148,4 +148,4 @@ N> As per [MSDN announcement](https://devblogs.microsoft.com/dotnet/announcing-u
 
 Click [here](https://www.syncfusion.com/document-processing/word-framework/uwp) to explore the rich set of Syncfusion<sup>&reg;</sup> Word library (DocIO) features. 
 
-An online sample link to [convert Word document to image](https://document.syncfusion.com/demos/word/wordtoimage#/tailwind) in ASP.NET Core. 
+An online sample link to [convert Word document to image](https://ej2.syncfusion.com/aspnetcore/Word/WordToImage#/material3) in ASP.NET Core. 
diff --git a/Document-Processing/Word/Conversions/Word-To-Image/NET/Convert-Word-Document-to-Image-in-WPF.md b/Document-Processing/Word/Conversions/Word-To-Image/NET/Convert-Word-Document-to-Image-in-WPF.md
index fd4ed604b..3b3d6db70 100644
--- a/Document-Processing/Word/Conversions/Word-To-Image/NET/Convert-Word-Document-to-Image-in-WPF.md
+++ b/Document-Processing/Word/Conversions/Word-To-Image/NET/Convert-Word-Document-to-Image-in-WPF.md
@@ -222,4 +222,4 @@ By executing the program, you will get the **image** as follows.
 
 Click [here](https://www.syncfusion.com/document-processing/word-framework/net) to explore the rich set of Syncfusion<sup>&reg;</sup> Word library (DocIO) features. 
 
-An online sample link to [convert Word document to image](https://document.syncfusion.com/demos/word/wordtoimage#/tailwind) in ASP.NET Core. 
\ No newline at end of file
+An online sample link to [convert Word document to image](https://ej2.syncfusion.com/aspnetcore/Word/WordToImage#/material3) in ASP.NET Core. 
\ No newline at end of file
diff --git a/Document-Processing/Word/Conversions/Word-To-Image/NET/Convert-Word-Document-to-Image-in-WinUI.md b/Document-Processing/Word/Conversions/Word-To-Image/NET/Convert-Word-Document-to-Image-in-WinUI.md
index 531f8c94e..bf2e35467 100644
--- a/Document-Processing/Word/Conversions/Word-To-Image/NET/Convert-Word-Document-to-Image-in-WinUI.md
+++ b/Document-Processing/Word/Conversions/Word-To-Image/NET/Convert-Word-Document-to-Image-in-WinUI.md
@@ -195,4 +195,4 @@ By executing the program, you will get the **image** as follows.
 
 Click [here](https://www.syncfusion.com/document-processing/word-framework/winui) to explore the rich set of Syncfusion<sup>&reg;</sup> Word library (DocIO) features. 
 
-An online sample link to [convert Word document to image](https://document.syncfusion.com/demos/word/wordtoimage#/tailwind) in ASP.NET Core. 
\ No newline at end of file
+An online sample link to [convert Word document to image](https://ej2.syncfusion.com/aspnetcore/Word/WordToImage#/material3) in ASP.NET Core. 
\ No newline at end of file
diff --git a/Document-Processing/Word/Conversions/Word-To-Image/NET/Convert-Word-Document-to-Image-in-Windows-Forms.md b/Document-Processing/Word/Conversions/Word-To-Image/NET/Convert-Word-Document-to-Image-in-Windows-Forms.md
index 98a017f21..54cc57932 100644
--- a/Document-Processing/Word/Conversions/Word-To-Image/NET/Convert-Word-Document-to-Image-in-Windows-Forms.md
+++ b/Document-Processing/Word/Conversions/Word-To-Image/NET/Convert-Word-Document-to-Image-in-Windows-Forms.md
@@ -254,4 +254,4 @@ By executing the program, you will get the **image** as follows.
 
 Click [here](https://www.syncfusion.com/document-processing/word-framework/net) to explore the rich set of Syncfusion<sup>&reg;</sup> Word library (DocIO) features. 
 
-An online sample link to [convert Word document to image](https://document.syncfusion.com/demos/word/wordtoimage#/tailwind) in ASP.NET Core. 
\ No newline at end of file
+An online sample link to [convert Word document to image](https://ej2.syncfusion.com/aspnetcore/Word/WordToImage#/material3) in ASP.NET Core. 
\ No newline at end of file
diff --git a/Document-Processing/Word/Conversions/Word-To-Image/NET/Convert-Word-Document-to-Image-in-Xamarin.md b/Document-Processing/Word/Conversions/Word-To-Image/NET/Convert-Word-Document-to-Image-in-Xamarin.md
index e0206920d..47455d96a 100644
--- a/Document-Processing/Word/Conversions/Word-To-Image/NET/Convert-Word-Document-to-Image-in-Xamarin.md
+++ b/Document-Processing/Word/Conversions/Word-To-Image/NET/Convert-Word-Document-to-Image-in-Xamarin.md
@@ -188,4 +188,4 @@ By executing the program, you will get the **image** as follows.
 
 Click [here](https://www.syncfusion.com/document-processing/word-framework/xamarin) to explore the rich set of Syncfusion<sup>&reg;</sup> Word library (DocIO) features. 
 
-An online sample link to [convert Word document to image](https://document.syncfusion.com/demos/word/wordtoimage#/tailwind) in ASP.NET Core. 
\ No newline at end of file
+An online sample link to [convert Word document to image](https://ej2.syncfusion.com/aspnetcore/Word/WordToImage#/material3) in ASP.NET Core. 
\ No newline at end of file
diff --git a/Document-Processing/Word/Conversions/Word-To-Image/NET/Convert-Word-document-to-Image-in-Console-application.md b/Document-Processing/Word/Conversions/Word-To-Image/NET/Convert-Word-document-to-Image-in-Console-application.md
index 750aee4d5..6a1d17415 100644
--- a/Document-Processing/Word/Conversions/Word-To-Image/NET/Convert-Word-document-to-Image-in-Console-application.md
+++ b/Document-Processing/Word/Conversions/Word-To-Image/NET/Convert-Word-document-to-Image-in-Console-application.md
@@ -289,7 +289,7 @@ By executing the program, you will get the **image** as follows.
 * Visual Studio 2022.
 * Install **.NET desktop development** workload with necessary .NET Framework SDK.
 
-Step 1: Create a new **.NET Framework console application** project.
+Step 1: Create a new **.NET FrameWork console application** project.
 ![Create a .NET FrameWork Console application in Visual Studio](Console-Images/NET-FrameWork/Console-Template-Net-FrameWork.png)
 
 Step 2: Install [Syncfusion.DocIO.WinForms](https://www.nuget.org/packages/Syncfusion.DocIO.WinForms/) NuGet package as a reference to your Windows Forms application from the [NuGet.org](https://www.nuget.org/).
@@ -423,4 +423,4 @@ By executing the program, you will get the **image** as follows.
  
 {% endtabcontents %}
 
-An online sample link to [convert Word document to image](https://document.syncfusion.com/demos/word/wordtoimage#/tailwind) in ASP.NET Core.
+An online sample link to [convert Word document to image](https://ej2.syncfusion.com/aspnetcore/word/wordtoimage#/bootstrap5) in ASP.NET Core.
diff --git a/Document-Processing/Word/Conversions/Word-To-Image/NET/Fallback-fonts-word-to-image.md b/Document-Processing/Word/Conversions/Word-To-Image/NET/Fallback-fonts-word-to-image.md
index f6ed8cd17..661e80486 100644
--- a/Document-Processing/Word/Conversions/Word-To-Image/NET/Fallback-fonts-word-to-image.md
+++ b/Document-Processing/Word/Conversions/Word-To-Image/NET/Fallback-fonts-word-to-image.md
@@ -111,6 +111,49 @@ using (FileStream inputStream = new FileStream("Template.docx", FileMode.Open, F
 
 You can download a complete working sample from [GitHub](https://github.com/SyncfusionExamples/DocIO-Examples/tree/main/Word-to-Image-conversion/Fallback-fonts-based-on-scripttype).
 
+## Fallback Symbols based on script type
+
+The following code example demonstrates how a user can add fallback fonts for Symbols and Emojis, which DocIO considers internally when converting a Word document to image.
+
+{% tabs %}
+
+{% highlight c# tabtitle="C# [Cross-platform]" %}
+//Opens the file as stream.
+using (FileStream inputStream = new FileStream("Template.docx", FileMode.Open, FileAccess.Read))
+{
+   //Loads an existing Word document file stream.
+   using (WordDocument wordDocument = new WordDocument(inputStream, Syncfusion.DocIO.FormatType.Docx))
+   {
+      //Adds fallback font for basic symbols like bullet characters.
+      wordDocument.FontSettings.FallbackFonts.Add(ScriptType.Symbols, "Segoe UI Symbol, Arial Unicode MS, Wingdings");
+      //Adds fallback font for mathematics symbols.
+      wordDocument.FontSettings.FallbackFonts.Add(ScriptType.Mathematics, "Cambria Math, Noto Sans Math, Segoe UI Symbol, Arial Unicode MS");
+      //Adds fallback font for emojis.
+      wordDocument.FontSettings.FallbackFonts.Add(ScriptType.Emoji, "Segoe UI Emoji, Noto Color Emoji, Arial Unicode MS");   
+      //Instantiation of DocIORenderer for Word to image conversion.
+      using (DocIORenderer render = new DocIORenderer())
+      {
+         //Convert the entire Word document to images.
+         Stream[] imageStreams = wordDocument.RenderAsImages(); 
+         int i = 0;
+         foreach (Stream stream in imageStreams)
+         {
+             //Reset the stream position.
+             stream.Position = 0;
+             //Save the stream as file.
+             using (FileStream fileStreamOutput = File.Create("WordToImage_" + i + ".jpeg"))
+             {
+                 stream.CopyTo(fileStreamOutput);
+             }
+             i++;
+         }
+      }
+   }
+}
+{% endhighlight %}
+
+{% endtabs %}
+
 ## Fallback fonts for range of Unicode text
 
 Users can set fallback fonts for specific Unicode range of text to be used in Word to Image conversion.
@@ -325,6 +368,215 @@ Korean
 Malgun Gothic, Batang
 </td>
 </tr>
+<tr>
+  <td>Tamil</td>
+  <td>0x0B80 - 0x0BFF</td>
+  <td>Latha, Nirmala UI, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Bengali</td>
+  <td>0x0980 - 0x09FF</td>
+  <td>Vrinda, Arial Unicode MS, Nikosh, Siyam Rupali, Nirmala UI</td>
+</tr>
+<tr>
+  <td>Gujarati</td>
+  <td>0x0A80 - 0x0AFF</td>
+  <td>Shruti, Nirmala UI, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Telugu</td>
+  <td>0x0C00 - 0x0C7F</td>
+  <td>Gautami, Nirmala UI, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Malayalam</td>
+  <td>0x0D00 - 0x0D7F</td>
+  <td>Kartika, Nirmala UI, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Kannada</td>
+  <td>0x0C80 - 0x0CFF</td>
+  <td>Tunga, Nirmala UI, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Ethiopic</td>
+  <td>0x1200 - 0x137F<br>
+  0x1380 - 0x139F</td>
+  <td>Nyala, Ebrima</td>
+</tr>
+<tr>
+  <td>Khmer</td>
+  <td>0x1780 - 0x17FF<br>
+  0x19E0 - 0x19FF</td>
+  <td>MoolBoran, DaunPenh, Leelawadee, Leelawadee UI</td>
+</tr>
+<tr>
+  <td>Gurmukhi</td>
+  <td>0x0A00 - 0x0A7F</td>
+  <td>Raavi, Nirmala UI, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Canadian</td>
+  <td>0x1400 - 0x167F</td>
+  <td>Euphemia, Gadugi</td>
+</tr>
+<tr>
+  <td>Cherokee</td>
+  <td>0x13A0 - 0x13FF<br>
+  0xAB70 - 0xABBF</td>
+  <td>Plantagenet Cherokee, Gadugi, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Yi</td>
+  <td>0xA000 - 0xA48F<br>
+  0xA490 - 0xA4CF</td>
+  <td>Microsoft Yi Baiti, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Tibetan</td>
+  <td>0x0F00 - 0x0FFF</td>
+  <td>Microsoft Himalaya, Nirmala UI, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Thaana</td>
+  <td>0x0780 - 0x07BF</td>
+  <td>MV Boli, Nirmala UI, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Syriac</td>
+  <td>0x0700 - 0x074F</td>
+  <td>Estrangelo Edessa, Segoe UI Historic, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Odia</td>
+  <td>0x0B00 - 0x0B7F</td>
+  <td>Kalinga, Nirmala UI, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Lao</td>
+  <td>0x0E80 - 0x0EFF</td>
+  <td>DokChampa, Lao UI, Leelawadee UI, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Sinhala</td>
+  <td>0x0D80 - 0x0DFF</td>
+  <td>Iskoola Pota, Nirmala UI, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Mongolian</td>
+  <td>0x1800 - 0x18AF</td>
+  <td>Mongolian Baiti, Microsoft YaHei, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Vietnamese</td>
+  <td>0x00C0 - 0x00FF<br>
+  0x0102 - 0x0103<br>
+  0x0110 - 0x0111<br>
+  0x0128 - 0x0129<br>
+  0x0168 - 0x0169<br>
+  0x01A0 - 0x01A1<br>
+  0x01AF - 0x01B0<br>
+  0x0300 - 0x036F</td>
+  <td>Times New Roman, Arial, Tahoma, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Georgian</td>
+  <td>0x10A0 - 0x10FF<br>
+  0x2D00 - 0x2D2F</td>
+  <td>Sylfaen, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Armenian</td>
+  <td>0x0530 - 0x058F<br>
+  0xFB13 - 0xFB17</td>
+  <td>Arial, Sylfaen, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Buginese</td>
+  <td>0x1A00 - 0x1A1F</td>
+  <td>Leelawadee UI, Segoe UI Symbol</td>
+</tr>
+<tr>
+  <td>Bopomofo</td>
+  <td>0x3100 - 0x312F<br>
+  0x31A0 - 0x31BF</td>
+  <td>Microsoft JhengHei, PMingLiU, SimSun, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Javanese</td>
+  <td>0xA980 - 0xA9DF</td>
+  <td>Javanese Text, Segoe UI Symbol</td>
+</tr>
+<tr>
+  <td>Lisu</td>
+  <td>0xA4D0 - 0xA4FF</td>
+  <td>Segoe UI Symbol, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Burmese</td>
+  <td>0x1000 - 0x109F<br>
+  0xAA60 - 0xAA7F</td>
+  <td>Myanmar Text, Noto Sans Myanmar, Padauk</td>
+</tr>
+<tr>
+  <td>NKo</td>
+  <td>0x07C0 - 0x07FF</td>
+  <td>Ebrima, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>OlChiki</td>
+  <td>0x1C50 - 0x1C7F</td>
+  <td>Nirmala UI, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Osmanya</td>
+  <td>0x10480 - 0x104AF</td>
+  <td>Ebrima, Noto Sans Osmanya</td>
+</tr>
+<tr>
+  <td>PhagsPa</td>
+  <td>0xA840 - 0xA87F</td>
+  <td>Phagspa, Microsoft PhagsPa, Noto Sans PhagsPa, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>SoraSompeng</td>
+  <td>0x110D0 - 0x110FF</td>
+  <td>Nirmala UI, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>TaiLe</td>
+  <td>0x1950 - 0x197F</td>
+  <td>Microsoft Tai Le, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>NewTaiLue</td>
+  <td>0x1980 - 0x19DF</td>
+  <td>Microsoft New Tai Lue, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Tifinagh</td>
+  <td>0x2D30 - 0x2D7F</td>
+  <td>Ebrima, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Symbols</td>
+  <td>0x2000 - 0x27BF<br>
+  0x2300 - 0x23FF<br>
+  0xF000 - 0xF104</td>
+  <td>Segoe UI Symbol, Arial Unicode MS, Wingdings</td>
+</tr>
+<tr>
+  <td>Mathematics</td>
+  <td>0x2200 - 0x2AFF<br>
+  0x1D400 - 0x1D7FF</td>
+  <td>Cambria Math, Noto Sans Math, Segoe UI Symbol, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Emoji</td>
+  <td>0x1F300 - 0x1FAFF<br>
+  0xFE0F - 0xFE0F</td>
+  <td>Segoe UI Emoji, Noto Color Emoji, Arial Unicode MS</td>
+</tr>
 </table>
 
 N> 1. In Azure Web Service and Azure APP Service, .NET GDI+ (System.Drawing) does not support the Metafile image (vector image). So, the image will be generated as Bitmap (raster image).
@@ -334,5 +586,5 @@ N> 4. Word to Image conversion has the same limitations and unsupported elements
 N> 5. Different styles of borders are known limitations in Word to Image conversion in ASP.NET Core, Xamarin, Blazor, WinUI, and .NET MAUI platforms.
 N> 6. In ASP.NET Core, Blazor, Xamarin, WinUI and .NET MAUI platforms, to convert Word document to images we recommend you to use Word to image [assemblies](https://help.syncfusion.com/document-processing/word/word-library/net/assemblies-required#converting-word-document-to-image) or [NuGet](https://help.syncfusion.com/document-processing/word/word-library/net/nuget-packages-required#converting-word-document-to-image) as a reference in your application.
 N> 7. DocIO supports Word to image conversion in UWP application using DocIORenderer.
-N> 8. In addition to the previous NuGet packages, we recommend to use [SkiaSharp.NativeAssets.Linux v3.116.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux/3.116.1) and [HarfBuzzSharp.NativeAssets.Linux v8.3.0.1](https://www.nuget.org/packages/HarfBuzzSharp.NativeAssets.Linux/8.3.0.1) NuGets to perform Word to Image conversion in Linux environment.
+N> 8. In addition to the previous NuGet packages, we recommend to use [SkiaSharp.NativeAssets.Linux v3.119.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux/3.119.1) and [HarfBuzzSharp.NativeAssets.Linux v8.3.1.2](https://www.nuget.org/packages/HarfBuzzSharp.NativeAssets.Linux/8.3.1.2) NuGets to perform Word to Image conversion in Linux environment.
 N> 9. The .NET Word Library (DocIO) uses System.Drawing functionalities for Word to image conversion in .NET Framework applications. And System.Drawing itself uses a fallback font to preserve the Unicode text while drawing the text in the image. So, these Fallback fonts APIs are **not supported in .NET Framework**.
diff --git a/Document-Processing/Word/Conversions/Word-To-Image/NET/Nuget-packages-required-word-to-image.md b/Document-Processing/Word/Conversions/Word-To-Image/NET/Nuget-packages-required-word-to-image.md
index 4d07f01c4..9e267a5a8 100644
--- a/Document-Processing/Word/Conversions/Word-To-Image/NET/Nuget-packages-required-word-to-image.md
+++ b/Document-Processing/Word/Conversions/Word-To-Image/NET/Nuget-packages-required-word-to-image.md
@@ -168,8 +168,8 @@ The following table illustrates the native assets NuGet packages and their appli
   <tbody>
     <tr>
       <td>
-        {{'[SkiaSharp.NativeAssets.Linux v3.116.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux/3.116.1)'| markdownify }}<br/>
-        {{'[HarfBuzzSharp.NativeAssets.Linux v8.3.0.1](https://www.nuget.org/packages/HarfBuzzSharp.NativeAssets.Linux/8.3.0.1)'| markdownify }}
+        {{'[SkiaSharp.NativeAssets.Linux v3.119.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux/3.119.1)'| markdownify }}<br/>
+        {{'[HarfBuzzSharp.NativeAssets.Linux v8.3.1.2](https://www.nuget.org/packages/HarfBuzzSharp.NativeAssets.Linux/8.3.1.2)'| markdownify }}
       </td>
       <td>
         <ul>
@@ -181,7 +181,7 @@ The following table illustrates the native assets NuGet packages and their appli
     </tr>
     <tr>
       <td>
-        {{'[SkiaSharp.NativeAssets.Linux.NoDependencies v3.116.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux.NoDependencies/3.116.1)'| markdownify }}
+        {{'[SkiaSharp.NativeAssets.Linux.NoDependencies v3.119.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux.NoDependencies/3.119.1)'| markdownify }}
       </td>
       <td>
         <ul>
diff --git a/Document-Processing/Word/Conversions/Word-To-Image/NET/UWP_images/Nuget-Package-WordtoPDF.png b/Document-Processing/Word/Conversions/Word-To-Image/NET/UWP_images/Nuget-Package-WordtoPDF.png
index fe3241e23..f1c0609dc 100644
Binary files a/Document-Processing/Word/Conversions/Word-To-Image/NET/UWP_images/Nuget-Package-WordtoPDF.png and b/Document-Processing/Word/Conversions/Word-To-Image/NET/UWP_images/Nuget-Package-WordtoPDF.png differ
diff --git a/Document-Processing/Word/Conversions/Word-To-Image/NET/WinUI_Images/Nuget-Package-WordtoPDF.png b/Document-Processing/Word/Conversions/Word-To-Image/NET/WinUI_Images/Nuget-Package-WordtoPDF.png
index 131c0efb2..51e451edc 100644
Binary files a/Document-Processing/Word/Conversions/Word-To-Image/NET/WinUI_Images/Nuget-Package-WordtoPDF.png and b/Document-Processing/Word/Conversions/Word-To-Image/NET/WinUI_Images/Nuget-Package-WordtoPDF.png differ
diff --git a/Document-Processing/Word/Conversions/Word-To-Image/NET/word-to-image-conversion-faqs.md b/Document-Processing/Word/Conversions/Word-To-Image/NET/word-to-image-conversion-faqs.md
index b73eafa01..4c345bdf7 100644
--- a/Document-Processing/Word/Conversions/Word-To-Image/NET/word-to-image-conversion-faqs.md
+++ b/Document-Processing/Word/Conversions/Word-To-Image/NET/word-to-image-conversion-faqs.md
@@ -24,7 +24,7 @@ This exception typically occurs due to version mismatches between SkiaSharp and
 
 ## Why does System.TypeInitializationException occur during Word to PDF or image conversion in Linux using Syncfusion DocIO?
 
-This error usually occurs due to an incompatible GLIBC version on the Linux system. SkiaSharp, used by DocIO for rendering, requires a minimum GLIBC version to function correctly. For example, SkiaSharp version 3.116.1 requires at least GLIBC version 2.29, which is not available in older Linux distributions like Debian 10. If a lower version is present, the conversion may fail with errors such as GLIBC_2.29 not found. To resolve this, ensure the operating system includes the required GLIBC version for the SkiaSharp version being used, or upgrade to a newer Linux distribution.
+This error usually occurs due to an incompatible GLIBC version on the Linux system. SkiaSharp, used by DocIO for rendering, requires a minimum GLIBC version to function correctly. For example, SkiaSharp version 3.119.1 requires at least GLIBC version 2.29, which is not available in older Linux distributions like Debian 10. If a lower version is present, the conversion may fail with errors such as GLIBC_2.29 not found. To resolve this, ensure the operating system includes the required GLIBC version for the SkiaSharp version being used, or upgrade to a newer Linux distribution.
 
 ## Is it possible to substitute fonts in a Word document?
 
diff --git a/Document-Processing/Word/Conversions/Word-To-Image/NET/word-to-image.md b/Document-Processing/Word/Conversions/Word-To-Image/NET/word-to-image.md
index 2737efd09..0f8ecf7bf 100644
--- a/Document-Processing/Word/Conversions/Word-To-Image/NET/word-to-image.md
+++ b/Document-Processing/Word/Conversions/Word-To-Image/NET/word-to-image.md
@@ -6,7 +6,7 @@ control: DocIO
 documentation: UG
 ---
 
-# Convert Word to Image using Syncfusion<sup>&reg;</sup> Word library 
+# Convert Word to Image using Syncfusion<sup>&reg;</sup> Word (DocIO) library 
 
 Syncfusion<sup>&reg;</sup> Word library (DocIO) allows you to convert Word document to image within a few lines of code in .NET applications and also it does not require Adobe and Microsoft Word application to be installed in the machine. Using this, you can create an input Word document from scratch or load an existing Word document and then easily convert to Image.  
 
@@ -367,7 +367,7 @@ During Word to Image conversions, if a glyph of the input text is unavailable in
 
 ## Online Demo
 
-* Explore how to convert a Word document to an image using the .NET Word Library (DocIO) in a live demo [here](https://document.syncfusion.com/demos/word/wordtoimage#/tailwind).
+* Explore how to convert a Word document to an image using the .NET Word Library (DocIO) in a live demo [here](https://ej2.syncfusion.com/aspnetcore/word/wordtoimage#/bootstrap5).
 
 ## See Also
 
diff --git a/Document-Processing/Word/Conversions/Word-To-Image/overview.md b/Document-Processing/Word/Conversions/Word-To-Image/overview.md
index 18640d422..24865a3e1 100644
--- a/Document-Processing/Word/Conversions/Word-To-Image/overview.md
+++ b/Document-Processing/Word/Conversions/Word-To-Image/overview.md
@@ -6,7 +6,7 @@ control: DocIO
 documentation: UG
 ---
 
-# Convert Word to Image using Syncfusion<sup>&reg;</sup> Word library 
+# Convert Word to Image using Syncfusion<sup>&reg;</sup> Word (DocIO) library 
 
 Syncfusion<sup>&reg;</sup> Word library (DocIO) allows you to convert Word document to image within a few lines of code in .NET applications and also it does not require Adobe and Microsoft Word application to be installed in the machine. Using this, you can create an input Word document from scratch or load an existing Word document and then easily convert to Image.  
 
@@ -381,7 +381,7 @@ During Word to Image conversions, if a glyph of the input text is unavailable in
 
 ## Online Demo
 
-* Explore how to convert a Word document to an image using the .NET Word Library (DocIO) in a live demo [here](https://document.syncfusion.com/demos/word/wordtoimage#/tailwind).
+* Explore how to convert a Word document to an image using the .NET Word Library (DocIO) in a live demo [here](https://ej2.syncfusion.com/aspnetcore/word/wordtoimage#/bootstrap5).
 
 ## See Also
 
diff --git a/Document-Processing/Word/Conversions/Word-To-PDF/NET/Blazor_Images/Command-to-add-NuGet-package-for-SkiaSharp.png b/Document-Processing/Word/Conversions/Word-To-PDF/NET/Blazor_Images/Command-to-add-NuGet-package-for-SkiaSharp.png
index ccf4beb36..701a2b887 100644
Binary files a/Document-Processing/Word/Conversions/Word-To-PDF/NET/Blazor_Images/Command-to-add-NuGet-package-for-SkiaSharp.png and b/Document-Processing/Word/Conversions/Word-To-PDF/NET/Blazor_Images/Command-to-add-NuGet-package-for-SkiaSharp.png differ
diff --git a/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-Document-to-PDF-in-ASP-NET-Core.md b/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-Document-to-PDF-in-ASP-NET-Core.md
index efbd457e4..dae2c3780 100644
--- a/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-Document-to-PDF-in-ASP-NET-Core.md
+++ b/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-Document-to-PDF-in-ASP-NET-Core.md
@@ -356,4 +356,4 @@ By executing the program, you will get the **PDF document** as follows.
 
 Click [here](https://www.syncfusion.com/document-processing/word-framework/net-core) to explore the rich set of Syncfusion<sup>&reg;</sup> Word library (DocIO) features. 
 
-An online sample link to [convert Word document to PDF](https://document.syncfusion.com/demos/word/wordtopdf#/tailwind) in ASP.NET Core.
+An online sample link to [convert Word document to PDF](https://ej2.syncfusion.com/aspnetcore/Word/WordToPDF#/material3) in ASP.NET Core.
diff --git a/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-Document-to-PDF-in-ASP-NET-MVC.md b/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-Document-to-PDF-in-ASP-NET-MVC.md
index 4bad5240a..b754e6a5a 100644
--- a/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-Document-to-PDF-in-ASP-NET-MVC.md
+++ b/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-Document-to-PDF-in-ASP-NET-MVC.md
@@ -246,4 +246,4 @@ By executing the program, you will get the **PDF document** as follows.
 
 Click [here](https://www.syncfusion.com/document-processing/word-framework/net) to explore the rich set of Syncfusion<sup>&reg;</sup> Word library (DocIO) features. 
 
- 
\ No newline at end of file
+An online sample link to [convert Word document to PDF](https://ej2.syncfusion.com/aspnetmvc/Word/DOCtoPDF#/material3) in ASP.NET MVC 
\ No newline at end of file
diff --git a/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-Document-to-PDF-in-ASP-NET.md b/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-Document-to-PDF-in-ASP-NET.md
index bbc7331cf..d38844c20 100644
--- a/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-Document-to-PDF-in-ASP-NET.md
+++ b/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-Document-to-PDF-in-ASP-NET.md
@@ -111,5 +111,5 @@ By executing the program, you will get the **PDF document** as follows.
 
 Click [here](https://www.syncfusion.com/document-processing/word-framework/net) to explore the rich set of Syncfusion<sup>&reg;</sup> Word library (DocIO) features. 
 
-An online sample link to [convert Word document to PDF](https://document.syncfusion.com/demos/word/wordtopdf#/tailwind) in ASP.NET Core. 
+An online sample link to [convert Word document to PDF](https://ej2.syncfusion.com/aspnetcore/Word/WordToPDF#/material3) in ASP.NET Core. 
 
diff --git a/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-Document-to-PDF-in-AWS-Elastic-Beanstalk.md b/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-Document-to-PDF-in-AWS-Elastic-Beanstalk.md
index 1be54c6b9..8cf65c3a3 100644
--- a/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-Document-to-PDF-in-AWS-Elastic-Beanstalk.md
+++ b/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-Document-to-PDF-in-AWS-Elastic-Beanstalk.md
@@ -19,10 +19,10 @@ Step 1: Create a new ASP.NET Core Web application (Model-View-Controller) projec
 Step 2: Install the following **Nuget packages** in your application from [Nuget.org](https://www.nuget.org/).
 
 * [Syncfusion.DocIORenderer.Net.Core](https://www.nuget.org/packages/Syncfusion.DocIORenderer.Net.Core) 
-* [SkiaSharp.NativeAssets.Linux.NoDependencies v3.116.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux.NoDependencies/3.116.1)
+* [SkiaSharp.NativeAssets.Linux.NoDependencies v3.119.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux.NoDependencies/3.119.1)
 
 ![Install Syncfusion.DocIORenderer.Net.Core NuGet Package](Azure-Images/App-Service-Linux/Syncfusion_Nuget_Package_WordtoPDF.png)
-![Install SkiaSharp.NativeAssets.Linux.NoDependencies v3.116.1 NuGet Package](AWS_Images/Elastic_Beanstalk_Images/Nuget-Convert-WordtoPDF.png)
+![Install SkiaSharp.NativeAssets.Linux.NoDependencies v3.119.1 NuGet Package](AWS_Images/Elastic_Beanstalk_Images/Nuget-Convert-WordtoPDF.png)
 
 N> Starting with v16.2.0.x, if you reference Syncfusion<sup>&reg;</sup> assemblies from trial setup or from the NuGet feed, you also have to add "Syncfusion.Licensing" assembly reference and include a license key in your projects. Please refer to this [link](https://help.syncfusion.com/common/essential-studio/licensing/overview) to know about registering Syncfusion<sup>&reg;</sup> license key in your application to use our components.
 
@@ -59,7 +59,7 @@ Step 5: Add a new button in the **Index.cshtml** as shown below.
 {% endhighlight %}
 {% endtabs %}
 
-Step 6: Include the below code snippet in the **HomeController.cs** file to **convert a Word document to Pdf** and download it.
+Step 6: Include the below code snippet in the **Homecontroller.cs** file to **convert a Word document to Pdf** and download it.
 
 {% tabs %}
 {% highlight c# tabtitle="C#" %}
@@ -148,4 +148,4 @@ By executing the program, you will get the **PDF document** as follows.
 
 Click [here](https://www.syncfusion.com/document-processing/word-framework/net-core) to explore the rich set of Syncfusion<sup>&reg;</sup> Word library (DocIO) features. 
 
-An online sample link to [convert Word document to PDF](https://document.syncfusion.com/demos/word/wordtopdf#/tailwind) in ASP.NET Core.
\ No newline at end of file
+An online sample link to [convert Word document to PDF](https://ej2.syncfusion.com/aspnetcore/Word/WordToPDF#/material3) in ASP.NET Core.
\ No newline at end of file
diff --git a/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-Document-to-PDF-in-AWS-Lambda.md b/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-Document-to-PDF-in-AWS-Lambda.md
index a180b5d3b..f296129ce 100644
--- a/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-Document-to-PDF-in-AWS-Lambda.md
+++ b/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-Document-to-PDF-in-AWS-Lambda.md
@@ -21,7 +21,7 @@ Step 2: Select Blueprint as Empty Function and click **Finish**.
 Step 3: Install the following **Nuget packages** in your application from [Nuget.org](https://www.nuget.org/).
 
 * [Syncfusion.DocIORenderer.Net.Core](https://www.nuget.org/packages/Syncfusion.DocIORenderer.Net.Core) 
-* [SkiaSharp.NativeAssets.Linux.NoDependencies v3.116.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux.NoDependencies/3.116.1)
+* [SkiaSharp.NativeAssets.Linux.NoDependencies v3.119.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux.NoDependencies/3.119.1)
 
 ![Install Syncfusion.DocIORenderer.Net.Core Nuget Package](Azure-Images/App-Service-Linux/Syncfusion_Nuget_Package_WordtoPDF.png)
 ![Install SkiaSharp.NativeAssets.Linux.NoDependencies Nuget Package](AWS_Images/Lambda_Images/SkiaSharp-Nuget-Package-WordtoPDF.png)
@@ -116,7 +116,7 @@ private void FontSettings_SubstituteFont(object sender, SubstituteFontEventArgs
 
 {% endtabs %}
 
-N> If using an older version of Syncfusion and Skiasharp NuGet as v2.88.8, there is a chance of encountering a libSkiaSharp not found exception during the conversion process.
+N> If using an older version of Syncfusion and Skiasharp NuGets as v2.88.8, there is a chance of encountering a libSkiaSharp not found exception during the conversion process.
 To resolve this, refer to the code snippet provided in the documentation [here]( https://help.syncfusion.com/document-processing/faq/how-to-resolve-libskiasharp-not-found-exception-in-net8-and-net9-on-linux).
 
 Step 9: Right-click the project and select **Publish to AWS Lambda**.
@@ -206,4 +206,4 @@ From GitHub, you can download the [console application](https://github.com/Syncf
 
 Click [here](https://www.syncfusion.com/document-processing/word-framework/net-core) to explore the rich set of Syncfusion<sup>&reg;</sup> Word library (DocIO) features. 
 
-An online sample link to [convert Word document to PDF](https://document.syncfusion.com/demos/word/wordtopdf#/tailwind) in ASP.NET Core. 
\ No newline at end of file
+An online sample link to [convert Word document to PDF](https://ej2.syncfusion.com/aspnetcore/Word/WordToPDF#/material3) in ASP.NET Core. 
\ No newline at end of file
diff --git a/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-Document-to-PDF-in-AWS.md b/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-Document-to-PDF-in-AWS.md
index 69d401e18..3e122ce5d 100644
--- a/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-Document-to-PDF-in-AWS.md
+++ b/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-Document-to-PDF-in-AWS.md
@@ -30,12 +30,12 @@ NuGet package name<br/></th></tr></thead>
 <td>
 {{'[AWS Lambda](https://help.syncfusion.com/document-processing/word/conversions/word-to-pdf/net/convert-word-document-to-pdf-in-aws-lambda)' | markdownify}} <br/></td><td>
 {{'[Syncfusion.DocIORenderer.Net.Core](https://www.nuget.org/packages/Syncfusion.DocIORenderer.Net.Core)' | markdownify}}<br/>
-{{'[SkiaSharp.NativeAssets.Linux.NoDependencies v3.116.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux.NoDependencies/3.116.1)' | markdownify}} <br/>
+{{'[SkiaSharp.NativeAssets.Linux.NoDependencies v3.119.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux.NoDependencies/3.119.1)' | markdownify}} <br/>
 </td></tr>
 <tr>
 <td>
 {{'[AWS Elastic Beanstalk](https://help.syncfusion.com/document-processing/word/conversions/word-to-pdf/net/convert-word-document-to-pdf-in-aws-elastic-beanstalk)' | markdownify}} <br/></td><td>
 {{'[Syncfusion.DocIORenderer.Net.Core](https://www.nuget.org/packages/Syncfusion.DocIORenderer.Net.Core)' | markdownify}}<br/>
-{{'[SkiaSharp.NativeAssets.Linux.NoDependencies v3.116.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux.NoDependencies/3.116.1)' | markdownify}} <br/>
+{{'[SkiaSharp.NativeAssets.Linux.NoDependencies v3.119.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux.NoDependencies/3.119.1)' | markdownify}} <br/>
 </td></tr>
 </table>
diff --git a/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-Document-to-PDF-in-Azure-App-Service-Linux.md b/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-Document-to-PDF-in-Azure-App-Service-Linux.md
index 32293050e..d2c19fb9c 100644
--- a/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-Document-to-PDF-in-Azure-App-Service-Linux.md
+++ b/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-Document-to-PDF-in-Azure-App-Service-Linux.md
@@ -24,8 +24,8 @@ Step 3: Click **Create** button.
 Step 4: Install the following **Nuget packages** in your application from [Nuget.org](https://www.nuget.org/).
 
 * [Syncfusion.DocIORenderer.Net.Core](https://www.nuget.org/packages/Syncfusion.DocIORenderer.Net.Core) 
-* [SkiaSharp.NativeAssets.Linux v3.116.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux/3.116.1)
-* [HarfBuzzSharp.NativeAssets.Linux v8.3.0.1](https://www.nuget.org/packages/HarfBuzzSharp.NativeAssets.Linux/8.3.0.1)
+* [SkiaSharp.NativeAssets.Linux v3.119.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux/3.119.1)
+* [HarfBuzzSharp.NativeAssets.Linux v8.3.1.2](https://www.nuget.org/packages/HarfBuzzSharp.NativeAssets.Linux/8.3.1.2)
 
  ![Install Syncfusion.DocIORenderer.Net.Core Nuget Package](Azure-Images/App-Service-Linux/Syncfusion_Nuget_Package_WordtoPDF.png)
  ![Install SkiaSharp.NativeAssets.Linux Nuget Package](Azure-Images/App-Service-Linux/SkiaSharp_Nuget-Package_WordtoPDF.png)
@@ -209,4 +209,4 @@ You can download a complete working sample from [GitHub](https://github.com/Sync
 
 Click [here](https://www.syncfusion.com/document-processing/word-framework/net-core) to explore the rich set of Syncfusion<sup>&reg;</sup> Word library (DocIO) features. 
 
-An online sample link to [convert Word document to PDF](https://document.syncfusion.com/demos/word/wordtopdf#/tailwind) in ASP.NET Core.
+An online sample link to [convert Word document to PDF](https://ej2.syncfusion.com/aspnetcore/Word/WordToPDF#/material3) in ASP.NET Core.
diff --git a/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-Document-to-PDF-in-Azure-App-Service-Windows.md b/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-Document-to-PDF-in-Azure-App-Service-Windows.md
index e7f0b3d4e..0439fa03e 100644
--- a/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-Document-to-PDF-in-Azure-App-Service-Windows.md
+++ b/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-Document-to-PDF-in-Azure-App-Service-Windows.md
@@ -208,4 +208,4 @@ You can download a complete working sample from [GitHub](https://github.com/Sync
 
 Click [here](https://www.syncfusion.com/document-processing/word-framework/net-core) to explore the rich set of Syncfusion<sup>&reg;</sup> Word library (DocIO) features. 
 
-An online sample link to [convert Word document to PDF](https://document.syncfusion.com/demos/word/wordtopdf#/tailwind) in ASP.NET Core. 
\ No newline at end of file
+An online sample link to [convert Word document to PDF](https://ej2.syncfusion.com/aspnetcore/Word/WordToPDF#/material3) in ASP.NET Core. 
\ No newline at end of file
diff --git a/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-Document-to-PDF-in-Azure-Functions-v1.md b/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-Document-to-PDF-in-Azure-Functions-v1.md
index 358dc75e0..2cce09b2e 100644
--- a/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-Document-to-PDF-in-Azure-Functions-v1.md
+++ b/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-Document-to-PDF-in-Azure-Functions-v1.md
@@ -154,5 +154,5 @@ From GitHub, you can download the [console application](https://github.com/Syncf
 
 Click [here](https://www.syncfusion.com/document-processing/word-framework/net) to explore the rich set of Syncfusion<sup>&reg;</sup> Word library (DocIO) features.
 
-An online sample link to [convert Word document to PDF](https://document.syncfusion.com/demos/word/wordtopdf#/tailwind) in ASP.NET Core.
+An online sample link to [convert Word document to PDF](https://ej2.syncfusion.com/aspnetcore/Word/WordToPDF#/material3) in ASP.NET Core.
 
diff --git a/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-Document-to-PDF-in-Azure-Functions-v4.md b/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-Document-to-PDF-in-Azure-Functions-v4.md
index e7c0fb519..41459ba54 100644
--- a/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-Document-to-PDF-in-Azure-Functions-v4.md
+++ b/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-Document-to-PDF-in-Azure-Functions-v4.md
@@ -155,5 +155,5 @@ From GitHub, you can download the [console application](https://github.com/Syncf
 
 Click [here](https://www.syncfusion.com/document-processing/word-framework/net-core) to explore the rich set of Syncfusion<sup>&reg;</sup> Word library (DocIO) features. 
 
-An online sample link to [convert Word document to PDF](https://document.syncfusion.com/demos/word/wordtopdf#/tailwind) in ASP.NET Core.
+An online sample link to [convert Word document to PDF](https://ej2.syncfusion.com/aspnetcore/Word/WordToPDF#/material3) in ASP.NET Core.
 
diff --git a/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-Document-to-PDF-in-Azure.md b/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-Document-to-PDF-in-Azure.md
index 8afd4988c..ba6d15285 100644
--- a/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-Document-to-PDF-in-Azure.md
+++ b/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-Document-to-PDF-in-Azure.md
@@ -31,7 +31,7 @@ NuGet package name<br/></th></tr></thead>
 <td>
 {{'[App Service (Linux)](https://help.syncfusion.com/document-processing/word/conversions/word-to-pdf/net/convert-word-document-to-pdf-in-azure-app-service-linux)' | markdownify}}<br/></td><td>
 {{'[Syncfusion.DocIORenderer.Net.Core](https://www.nuget.org/packages/Syncfusion.DocIORenderer.Net.Core)' | markdownify}}<br/>
-{{'[SkiaSharp.NativeAssets.Linux v3.116.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux/3.116.1)' | markdownify}}<br/>{{'[HarfBuzzSharp.NativeAssets.Linux v8.3.0.1](https://www.nuget.org/packages/HarfBuzzSharp.NativeAssets.Linux/8.3.0.1)' |markdownify}} <br/></td></tr>
+{{'[SkiaSharp.NativeAssets.Linux v3.119.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux/3.119.1)' | markdownify}}<br/>{{'[HarfBuzzSharp.NativeAssets.Linux v8.3.1.2](https://www.nuget.org/packages/HarfBuzzSharp.NativeAssets.Linux/8.3.1.2)' |markdownify}} <br/></td></tr>
 <tr>
 <td>
 {{'[Azure Functions v1](https://help.syncfusion.com/document-processing/word/conversions/word-to-pdf/net/convert-word-document-to-pdf-in-azure-functions-v1)' | markdownify}} <br/></td><td>
diff --git a/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-Document-to-PDF-in-Blazor.md b/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-Document-to-PDF-in-Blazor.md
index 3540e73b9..f3a2bc6bd 100644
--- a/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-Document-to-PDF-in-Blazor.md
+++ b/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-Document-to-PDF-in-Blazor.md
@@ -723,10 +723,10 @@ Select "Blazor WebAssembly Standalone App" from the template and click **Next**.
 
 Step 2: Install the following **Nuget packages** in the application from [Nuget.org](https://www.nuget.org/).
 *   [Syncfusion.DocIORenderer.Net.Core](https://www.nuget.org/packages/Syncfusion.DocIORenderer.Net.Core)
-*   [SkiaSharp.Views.Blazor v3.116.1](https://www.nuget.org/packages/SkiaSharp.Views.Blazor/3.116.1)
+*   [SkiaSharp.Views.Blazor v3.119.1](https://www.nuget.org/packages/SkiaSharp.Views.Blazor/3.119.1)
 
 ![Install Syncfusion.DocIORenderer.Net.Core NuGet Package](Blazor_Images/NugetPackage.png)
-![Install SkiaSharp.Views.Blazor v3.116.1 NuGet Package](Blazor_Images/NuGet-Package-WordtoPDF.png)
+![Install SkiaSharp.Views.Blazor v3.119.1 NuGet Package](Blazor_Images/NuGet-Package-WordtoPDF.png)
 
 N> 1. If deploying the application in a Linux environment, refer to the [documentation](https://help.syncfusion.com/document-processing/word/conversions/word-to-pdf/net/nuget-packages-required-word-to-pdf#additional-nuget-packages-required-for-linux) for the required additional NuGet packages.
 N> 2. Starting with v16.2.0.x, if Syncfusion<sup>&reg;</sup> assemblies are referenced from trial setup or from the NuGet feed, the "Syncfusion.Licensing" assembly reference must also be added and a license key included in projects. Refer to this [link](https://help.syncfusion.com/common/essential-studio/licensing/overview) to know about registering Syncfusion<sup>&reg;</sup> license key in an application to use Syncfusion components.
@@ -914,10 +914,10 @@ Step 1: Create a new C# Blazor WASM Standalone app project.
 * Select the project location, type the project name and press enter.
 * Then choose **Create project**.
 
-Step 2: To **convert a Word document to PDF in Blazor WASM Standalone app**, install [Syncfusion.DocIORenderer.Net.Core](https://www.nuget.org/packages/Syncfusion.DocIORenderer.Net.Core) and [SkiaSharp.Views.Blazor v3.116.1](https://www.nuget.org/packages/SkiaSharp.Views.Blazor/3.116.1) to the Blazor project.
+Step 2: To **convert a Word document to PDF in Blazor WASM Standalone app**, install [Syncfusion.DocIORenderer.Net.Core](https://www.nuget.org/packages/Syncfusion.DocIORenderer.Net.Core) and [SkiaSharp.Views.Blazor v3.119.1](https://www.nuget.org/packages/SkiaSharp.Views.Blazor/3.119.1) to the Blazor project.
 * Press <kbd>Ctrl</kbd> + <kbd>`</kbd> (backtick) to open the integrated terminal in Visual Studio Code.
 * Ensure you're in the project root directory where your .csproj file is located.
-* Run the command `dotnet add package Syncfusion.DocIORenderer.Net.Core` and `dotnet add package SkiaSharp.Views.Blazor --version 3.116.1` to install the NuGet package.
+* Run the command `dotnet add package Syncfusion.DocIORenderer.Net.Core` and `dotnet add package SkiaSharp.Views.Blazor --version 3.119.1` to install the NuGet package.
 
 ![Add Syncfusion.DocIORenderer.Net.Core NuGet package](Blazor_Images/Command-to-add-NuGet-package-for-WASM.png)
 
@@ -1312,3 +1312,4 @@ Click [here](https://www.syncfusion.com/document-processing/word-framework/blazo
 
 An online sample link to [convert Word document to PDF](https://document.syncfusion.com/demos/word/wordtopdf#/tailwind) in ASP.NET Core.
 
+
diff --git a/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-Document-to-PDF-in-Google-App-Engine.md b/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-Document-to-PDF-in-Google-App-Engine.md
index 6968ea076..4503f0a91 100644
--- a/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-Document-to-PDF-in-Google-App-Engine.md
+++ b/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-Document-to-PDF-in-Google-App-Engine.md
@@ -45,8 +45,8 @@ Step 3: Click the **Create** button.
 Step 4: Install the following **Nuget packages** in your application from [Nuget.org](https://www.nuget.org/).
 
 * [Syncfusion.DocIORenderer.Net.Core](https://www.nuget.org/packages/Syncfusion.DocIORenderer.Net.Core) 
-* [SkiaSharp.NativeAssets.Linux v3.116.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux/3.116.1)
-* [HarfBuzzSharp.NativeAssets.Linux v8.3.0.1](https://www.nuget.org/packages/HarfBuzzSharp.NativeAssets.Linux/8.3.0.1)
+* [SkiaSharp.NativeAssets.Linux v3.119.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux/3.119.1)
+* [HarfBuzzSharp.NativeAssets.Linux v8.3.1.2](https://www.nuget.org/packages/HarfBuzzSharp.NativeAssets.Linux/8.3.1.2)
 
  ![Install Syncfusion.DocIORenderer.Net.Core Nuget Package](Azure-Images/App-Service-Linux/Syncfusion_Nuget_Package_WordtoPDF.png)
  ![Install SkiaSharp.NativeAssets.Linux Nuget Package](Azure-Images/App-Service-Linux/SkiaSharp_Nuget-Package_WordtoPDF.png)
@@ -235,4 +235,4 @@ By executing the program, you will get the **PDF document** as follows. The outp
 
 Click [here](https://www.syncfusion.com/document-processing/word-framework/net-core) to explore the rich set of Syncfusion<sup>&reg;</sup> Word library (DocIO) features. 
 
-An online sample link to [convert Word document to PDF](https://document.syncfusion.com/demos/word/wordtopdf#/tailwind) in ASP.NET Core. 
+An online sample link to [convert Word document to PDF](https://ej2.syncfusion.com/aspnetcore/Word/WordToPDF#/material3) in ASP.NET Core. 
diff --git a/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-Document-to-PDF-in-Google-Cloud-Platform.md b/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-Document-to-PDF-in-Google-Cloud-Platform.md
index 29ad3cb77..72ea078e3 100644
--- a/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-Document-to-PDF-in-Google-Cloud-Platform.md
+++ b/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-Document-to-PDF-in-Google-Cloud-Platform.md
@@ -30,5 +30,5 @@ NuGet package name<br/></th></tr></thead>
 <td>
 {{'[App Engine](https://help.syncfusion.com/document-processing/word/conversions/word-to-pdf/net/convert-word-document-to-pdf-in-google-cloud-platform)' | markdownify}}<br/></td><td>
 {{'[Syncfusion.DocIORenderer.Net.Core](https://www.nuget.org/packages/Syncfusion.DocIORenderer.Net.Core)' | markdownify}}<br/>
-{{'[SkiaSharp.NativeAssets.Linux v3.116.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux/3.116.1)' | markdownify}}<br/>{{'[HarfBuzzSharp.NativeAssets.Linux v8.3.0.1](https://www.nuget.org/packages/HarfBuzzSharp.NativeAssets.Linux/8.3.0.1)' |markdownify}} <br/></td></tr>
+{{'[SkiaSharp.NativeAssets.Linux v3.119.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux/3.119.1)' | markdownify}}<br/>{{'[HarfBuzzSharp.NativeAssets.Linux v8.3.1.2](https://www.nuget.org/packages/HarfBuzzSharp.NativeAssets.Linux/8.3.1.2)' |markdownify}} <br/></td></tr>
 </table>
\ No newline at end of file
diff --git a/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-Document-to-PDF-in-Google-Cloud-Run.md b/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-Document-to-PDF-in-Google-Cloud-Run.md
index 9716a5050..14852dc4c 100644
--- a/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-Document-to-PDF-in-Google-Cloud-Run.md
+++ b/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-Document-to-PDF-in-Google-Cloud-Run.md
@@ -321,4 +321,4 @@ By executing the program, you will get the **PDF document** as follows. The outp
 
 Click [here](https://www.syncfusion.com/document-processing/word-framework/net-core) to explore the rich set of Syncfusion<sup>&reg;</sup> Word library (DocIO) features. 
 
-An online sample link to [convert Word document to PDF](https://document.syncfusion.com/demos/word/wordtopdf#/tailwind) in ASP.NET Core. 
+An online sample link to [convert Word document to PDF](https://ej2.syncfusion.com/aspnetcore/Word/WordToPDF#/material3) in ASP.NET Core. 
diff --git a/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-Document-to-PDF-in-Linux.md b/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-Document-to-PDF-in-Linux.md
index 3e438a25f..3f2ea7a41 100644
--- a/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-Document-to-PDF-in-Linux.md
+++ b/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-Document-to-PDF-in-Linux.md
@@ -36,15 +36,15 @@ dotnet new console
 Step 2: Install the following **Nuget packages** in your application from [Nuget.org](https://www.nuget.org/) by execute the following command.
 
 * [Syncfusion.DocIORenderer.Net.Core](https://www.nuget.org/packages/Syncfusion.DocIORenderer.Net.Core) 
-* [SkiaSharp.NativeAssets.Linux v3.116.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux/3.116.1)
-* [HarfBuzzSharp.NativeAssets.Linux v8.3.0.1](https://www.nuget.org/packages/HarfBuzzSharp.NativeAssets.Linux/8.3.0.1)
+* [SkiaSharp.NativeAssets.Linux v3.119.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux/3.119.1)
+* [HarfBuzzSharp.NativeAssets.Linux v8.3.1.2](https://www.nuget.org/packages/HarfBuzzSharp.NativeAssets.Linux/8.3.1.2)
 
 {% tabs %}
 {% highlight KCONFIG %}
 
 dotnet add package Syncfusion.DocIORenderer.Net.Core -v 22.1.34 -s https://www.nuget.org/
-dotnet add package SkiaSharp.NativeAssets.Linux -v 3.116.1 -s https://www.nuget.org/
-dotnet add package HarfBuzzSharp.NativeAssets.Linux -v 8.3.0.1 -s https://www.nuget.org/
+dotnet add package SkiaSharp.NativeAssets.Linux -v 3.119.1 -s https://www.nuget.org/
+dotnet add package HarfBuzzSharp.NativeAssets.Linux -v 8.3.1.2 -s https://www.nuget.org/
 
 {% endhighlight %}
 {% endtabs %}
@@ -228,7 +228,7 @@ By executing the program, you will get the **PDF** as follows. The output will b
 
 Click [here](https://www.syncfusion.com/document-processing/word-framework/net-core) to explore the rich set of Syncfusion<sup>&reg;</sup> Word library (DocIO) features. 
 
-An online sample link to [convert Word document to PDF](https://document.syncfusion.com/demos/word/wordtopdf#/tailwind) in ASP.NET Core. 
+An online sample link to [convert Word document to PDF](https://ej2.syncfusion.com/aspnetcore/Word/WordToPDF#/material3) in ASP.NET Core. 
 
 ## Frequently Asked Questions
 
diff --git a/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-Document-to-PDF-in-MAC.md b/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-Document-to-PDF-in-MAC.md
index 450f03443..6b3059757 100644
--- a/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-Document-to-PDF-in-MAC.md
+++ b/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-Document-to-PDF-in-MAC.md
@@ -294,4 +294,4 @@ By executing the program, you will get the **PDF document** as follows. The outp
 
 Click [here](https://www.syncfusion.com/document-processing/word-framework/net-core) to explore the rich set of Syncfusion<sup>&reg;</sup> Word library (DocIO) features. 
 
-An online sample link to [convert Word document to PDF](https://document.syncfusion.com/demos/word/wordtopdf#/tailwind) in ASP.NET Core. 
\ No newline at end of file
+An online sample link to [convert Word document to PDF](https://ej2.syncfusion.com/aspnetcore/Word/WordToPDF#/material3) in ASP.NET Core. 
\ No newline at end of file
diff --git a/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-Document-to-PDF-in-MAUI.md b/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-Document-to-PDF-in-MAUI.md
index 9a099cdfc..824d2dbd2 100644
--- a/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-Document-to-PDF-in-MAUI.md
+++ b/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-Document-to-PDF-in-MAUI.md
@@ -588,4 +588,4 @@ By executing the program, you will get the **PDF document** as follows.
 
 Click [here](https://www.syncfusion.com/document-processing/word-framework/maui) to explore the rich set of Syncfusion<sup>&reg;</sup> Word library (DocIO) features. 
 
-An online sample link to [convert Word document to PDF](https://document.syncfusion.com/demos/word/wordtopdf#/tailwind) in ASP.NET Core.
\ No newline at end of file
+An online sample link to [convert Word document to PDF](https://ej2.syncfusion.com/aspnetcore/Word/WordToPDF#/material3) in ASP.NET Core.
\ No newline at end of file
diff --git a/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-Document-to-PDF-in-UWP.md b/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-Document-to-PDF-in-UWP.md
index 4f1fe7811..a752f5593 100644
--- a/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-Document-to-PDF-in-UWP.md
+++ b/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-Document-to-PDF-in-UWP.md
@@ -8,7 +8,7 @@ documentation: UG
 
 # Convert Word document to PDF in UWP
 
-Syncfusion<sup>&reg;</sup> DocIO is a [.NET Core Word library](https://www.syncfusion.com/document-sdk/net-word-library) used to create, read, edit, and **convert Word documents** programmatically without **Microsoft Word** or interop dependencies. Using this library, you can **convert a Word document to PDF in UWP**.
+Syncfusion<sup>&reg;</sup> DocIO is a [.NET Core Word library](https://www.syncfusion.com/document-processing/word-framework/net-core/word-library) used to create, read, edit, and **convert Word documents** programmatically without **Microsoft Word** or interop dependencies. Using this library, you can **convert a Word document to PDF in UWP**.
 
 ## Steps to convert Word document to PDF in UWP
 
@@ -151,4 +151,4 @@ N> As per [MSDN announcement](https://devblogs.microsoft.com/dotnet/announcing-u
 
 Click [here](https://www.syncfusion.com/document-processing/word-framework/uwp) to explore the rich set of Syncfusion<sup>&reg;</sup> Word library (DocIO) features. 
 
-An online sample link to [convert Word document to PDF](https://document.syncfusion.com/demos/word/wordtopdf#/tailwind) in ASP.NET Core. 
+An online sample link to [convert Word document to PDF](https://ej2.syncfusion.com/aspnetcore/Word/WordToPDF#/material3) in ASP.NET Core. 
diff --git a/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-Document-to-PDF-in-WPF.md b/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-Document-to-PDF-in-WPF.md
index d66885113..0b3545616 100644
--- a/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-Document-to-PDF-in-WPF.md
+++ b/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-Document-to-PDF-in-WPF.md
@@ -220,4 +220,4 @@ By executing the program, you will get the **PDF document** as follows.
 
 Click [here](https://www.syncfusion.com/document-processing/word-framework/net) to explore the rich set of Syncfusion<sup>&reg;</sup> Word library (DocIO) features.
 
-An online sample link to [convert Word document to PDF](https://document.syncfusion.com/demos/word/wordtopdf#/tailwind) in ASP.NET Core.
\ No newline at end of file
+An online sample link to [convert Word document to PDF](https://ej2.syncfusion.com/aspnetcore/Word/WordToPDF#/material3) in ASP.NET Core.
\ No newline at end of file
diff --git a/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-Document-to-PDF-in-WinUI.md b/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-Document-to-PDF-in-WinUI.md
index 91256839b..232d7a09d 100644
--- a/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-Document-to-PDF-in-WinUI.md
+++ b/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-Document-to-PDF-in-WinUI.md
@@ -169,4 +169,4 @@ By executing the program, you will get the **PDF document** as follows.
 
 Click [here](https://www.syncfusion.com/document-processing/word-framework/winui) to explore the rich set of Syncfusion<sup>&reg;</sup> Word library (DocIO) features. 
 
-An online sample link to [convert Word document to PDF](https://document.syncfusion.com/demos/word/wordtopdf#/tailwind) in ASP.NET Core. 
\ No newline at end of file
+An online sample link to [convert Word document to PDF](https://ej2.syncfusion.com/aspnetcore/Word/WordToPDF#/material3) in ASP.NET Core. 
\ No newline at end of file
diff --git a/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-Document-to-PDF-in-Xamarin.md b/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-Document-to-PDF-in-Xamarin.md
index c2d621cc6..2c05e6757 100644
--- a/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-Document-to-PDF-in-Xamarin.md
+++ b/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-Document-to-PDF-in-Xamarin.md
@@ -189,4 +189,4 @@ By executing the program, you will get the PDF document as follows.
 
 Click [here](https://www.syncfusion.com/document-processing/word-framework/xamarin) to explore the rich set of Syncfusion<sup>&reg;</sup> Word library (DocIO) features. 
 
-An online sample link to [convert Word document to PDF](https://document.syncfusion.com/demos/word/wordtopdf#/tailwind) in ASP.NET Core. 
\ No newline at end of file
+An online sample link to [convert Word document to PDF](https://ej2.syncfusion.com/aspnetcore/Word/WordToPDF#/material3) in ASP.NET Core. 
\ No newline at end of file
diff --git a/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-Document-to-Pdf-in-Window-Forms.md b/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-Document-to-Pdf-in-Window-Forms.md
index 08518967d..7b04a65d3 100644
--- a/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-Document-to-Pdf-in-Window-Forms.md
+++ b/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-Document-to-Pdf-in-Window-Forms.md
@@ -252,4 +252,4 @@ By executing the program, you will get the **PDF document** as follows.
 
 Click [here](https://www.syncfusion.com/document-processing/word-framework/net) to explore the rich set of Syncfusion<sup>&reg;</sup> Word library (DocIO) features.
 
-An online sample link to [convert Word document to PDF](https://document.syncfusion.com/demos/word/wordtopdf#/tailwind) in ASP.NET Core. 
\ No newline at end of file
+An online sample link to [convert Word document to PDF](https://ej2.syncfusion.com/aspnetcore/Word/WordToPDF#/material3) in ASP.NET Core. 
\ No newline at end of file
diff --git a/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-document-to-PDF-in-Console-application.md b/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-document-to-PDF-in-Console-application.md
index 5bd20ce9c..c7380986b 100644
--- a/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-document-to-PDF-in-Console-application.md
+++ b/Document-Processing/Word/Conversions/Word-To-PDF/NET/Convert-Word-document-to-PDF-in-Console-application.md
@@ -289,7 +289,7 @@ By executing the program, you will get the **PDF** as follows.
 * Visual Studio 2022.
 * Install **.NET desktop development** workload with necessary .NET Framework SDK.
 
-Step 1: Create a new **.NET Framework console application** project.
+Step 1: Create a new **.NET FrameWork console application** project.
 ![Create a .NET FrameWork Console application in Visual Studio](Console-Images/NET-FrameWork/Console-Template-Net-FrameWork.png)
 
 Step 2: Install [Syncfusion.DocToPdfConverter.WinForms](https://www.nuget.org/packages/Syncfusion.DocToPDFConverter.WinForms) NuGet package as a reference to your Windows Forms application from the [NuGet.org](https://www.nuget.org/).
@@ -439,4 +439,4 @@ By executing the program, you will get the **PDF** as follows.
  
 {% endtabcontents %}
 
-An online sample link to [convert Word document to PDF](https://document.syncfusion.com/demos/word/wordtopdf#/tailwind) in ASP.NET Core.
+An online sample link to [convert Word document to PDF](https://ej2.syncfusion.com/aspnetcore/word/wordtopdf#/bootstrap5) in ASP.NET Core.
diff --git a/Document-Processing/Word/Conversions/Word-To-PDF/NET/Fallback-fonts-word-to-pdf.md b/Document-Processing/Word/Conversions/Word-To-PDF/NET/Fallback-fonts-word-to-pdf.md
index 4a105d048..958a7009e 100644
--- a/Document-Processing/Word/Conversions/Word-To-PDF/NET/Fallback-fonts-word-to-pdf.md
+++ b/Document-Processing/Word/Conversions/Word-To-PDF/NET/Fallback-fonts-word-to-pdf.md
@@ -195,6 +195,89 @@ End Using
 
 You can download a complete working sample from [GitHub](https://github.com/SyncfusionExamples/DocIO-Examples/tree/main/Word-to-PDF-Conversion/Fallback-fonts-based-on-scripttype).
 
+## Fallback Symbols based on script type
+
+The following code example demonstrates how a user can add fallback fonts for Symbols and Emojis, which DocIO considers internally when converting a Word document to PDF.
+
+{% tabs %}
+
+{% highlight c# tabtitle="C# [Cross-platform]" %}
+//Opens the file as stream.
+using (FileStream inputStream = new FileStream("Template.docx", FileMode.Open, FileAccess.Read))
+{
+    //Loads an existing Word document file stream.
+    using (WordDocument wordDocument = new WordDocument(inputStream, Syncfusion.DocIO.FormatType.Docx))
+    {
+        //Adds fallback font for basic symbols like bullet characters.
+        wordDocument.FontSettings.FallbackFonts.Add(ScriptType.Symbols, "Segoe UI Symbol, Arial Unicode MS, Wingdings");
+        //Adds fallback font for mathematics symbols.
+        wordDocument.FontSettings.FallbackFonts.Add(ScriptType.Mathematics, "Cambria Math, Noto Sans Math, Segoe UI Symbol, Arial Unicode MS");
+        //Adds fallback font for emojis.
+        wordDocument.FontSettings.FallbackFonts.Add(ScriptType.Emoji, "Segoe UI Emoji, Noto Color Emoji, Arial Unicode MS");        
+        //Instantiation of DocIORenderer for Word to PDF conversion.
+        using (DocIORenderer render = new DocIORenderer())
+        {
+            //Converts Word document into PDF document.
+            using (PdfDocument pdfDocument = render.ConvertToPDF(wordDocument))
+            {
+                //Saves the PDF file to file system.
+                using (FileStream outputStream = new FileStream("WordToPDF.pdf", FileMode.OpenOrCreate, FileAccess.ReadWrite))
+                {
+                    pdfDocument.Save(outputStream);
+                }
+            }
+        }
+    }
+}
+{% endhighlight %}
+
+{% highlight c# tabtitle="C# [Windows-specific]" %}
+//Loads an existing Word document.
+using (WordDocument wordDocument = new WordDocument("Template.docx", Syncfusion.DocIO.FormatType.Docx))
+{
+   //Adds fallback font for basic symbols like bullet characters.
+   wordDocument.FontSettings.FallbackFonts.Add(ScriptType.Symbols, "Segoe UI Symbol, Arial Unicode MS, Wingdings");
+   //Adds fallback font for mathematics symbols.
+   wordDocument.FontSettings.FallbackFonts.Add(ScriptType.Mathematics, "Cambria Math, Noto Sans Math, Segoe UI Symbol, Arial Unicode MS");
+   //Adds fallback font for emojis.
+   wordDocument.FontSettings.FallbackFonts.Add(ScriptType.Emoji, "Segoe UI Emoji, Noto Color Emoji, Arial Unicode MS");     
+   //Instantiation of DocToPDFConverter for Word to PDF conversion.
+   using (DocToPDFConverter converter = new DocToPDFConverter())
+   {
+      //Converts Word document into PDF document.
+      using (PdfDocument pdfDocument = converter.ConvertToPDF(wordDocument))
+      {
+         //Saves the PDF file to file system.
+         pdfDocument.Save("WordToPDF.pdf");
+      }
+   }
+}
+{% endhighlight %}
+
+{% highlight vb.net tabtitle="VB.NET [Windows-specific]" %}
+'Loads an existing Word document.
+Using wordDocument As WordDocument = New WordDocument("Template.docx", FormatType.Docx)
+    'Adds fallback font for basic symbols Like bullet characters.
+    wordDocument.FontSettings.FallbackFonts.Add(ScriptType.Symbols, "Segoe UI Symbol, Arial Unicode MS, Wingdings")
+    'Adds fallback font for mathematics symbols.
+    wordDocument.FontSettings.FallbackFonts.Add(ScriptType.Mathematics, "Cambria Math, Noto Sans Math, Segoe UI Symbol, Arial Unicode MS")
+    'Adds fallback font for emojis.
+    wordDocument.FontSettings.FallbackFonts.Add(ScriptType.Emoji, "Segoe UI Emoji, Noto Color Emoji, Arial Unicode MS")
+    'Instantiation of DocToPDFConverter for Word to PDF conversion.
+    Using converter As New DocToPDFConverter()
+        'Converts Word document into PDF document.
+        Using pdfDocument As PdfDocument = converter.ConvertToPDF(wordDocument)
+            'Saves the PDF file to file system.
+            pdfDocument.Save("WordToPDF.pdf")
+        End Using
+    End Using
+End Using
+{% endhighlight %}
+
+{% endtabs %}
+
+
+
 ## Fallback fonts for range of Unicode text
 
 Users can set fallback fonts for specific Unicode range of text to be used in Word to PDF conversion.
@@ -513,4 +596,213 @@ Korean
 Malgun Gothic, Batang
 </td>
 </tr>
+<tr>
+  <td>Tamil</td>
+  <td>0x0B80 - 0x0BFF</td>
+  <td>Latha, Nirmala UI, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Bengali</td>
+  <td>0x0980 - 0x09FF</td>
+  <td>Vrinda, Arial Unicode MS, Nikosh, Siyam Rupali, Nirmala UI</td>
+</tr>
+<tr>
+  <td>Gujarati</td>
+  <td>0x0A80 - 0x0AFF</td>
+  <td>Shruti, Nirmala UI, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Telugu</td>
+  <td>0x0C00 - 0x0C7F</td>
+  <td>Gautami, Nirmala UI, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Malayalam</td>
+  <td>0x0D00 - 0x0D7F</td>
+  <td>Kartika, Nirmala UI, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Kannada</td>
+  <td>0x0C80 - 0x0CFF</td>
+  <td>Tunga, Nirmala UI, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Ethiopic</td>
+  <td>0x1200 - 0x137F<br>
+  0x1380 - 0x139F</td>
+  <td>Nyala, Ebrima</td>
+</tr>
+<tr>
+  <td>Khmer</td>
+  <td>0x1780 - 0x17FF<br>
+  0x19E0 - 0x19FF</td>
+  <td>MoolBoran, DaunPenh, Leelawadee, Leelawadee UI</td>
+</tr>
+<tr>
+  <td>Gurmukhi</td>
+  <td>0x0A00 - 0x0A7F</td>
+  <td>Raavi, Nirmala UI, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Canadian</td>
+  <td>0x1400 - 0x167F</td>
+  <td>Euphemia, Gadugi</td>
+</tr>
+<tr>
+  <td>Cherokee</td>
+  <td>0x13A0 - 0x13FF<br>
+  0xAB70 - 0xABBF</td>
+  <td>Plantagenet Cherokee, Gadugi, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Yi</td>
+  <td>0xA000 - 0xA48F<br>
+  0xA490 - 0xA4CF</td>
+  <td>Microsoft Yi Baiti, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Tibetan</td>
+  <td>0x0F00 - 0x0FFF</td>
+  <td>Microsoft Himalaya, Nirmala UI, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Thaana</td>
+  <td>0x0780 - 0x07BF</td>
+  <td>MV Boli, Nirmala UI, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Syriac</td>
+  <td>0x0700 - 0x074F</td>
+  <td>Estrangelo Edessa, Segoe UI Historic, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Odia</td>
+  <td>0x0B00 - 0x0B7F</td>
+  <td>Kalinga, Nirmala UI, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Lao</td>
+  <td>0x0E80 - 0x0EFF</td>
+  <td>DokChampa, Lao UI, Leelawadee UI, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Sinhala</td>
+  <td>0x0D80 - 0x0DFF</td>
+  <td>Iskoola Pota, Nirmala UI, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Mongolian</td>
+  <td>0x1800 - 0x18AF</td>
+  <td>Mongolian Baiti, Microsoft YaHei, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Vietnamese</td>
+  <td>0x00C0 - 0x00FF<br>
+  0x0102 - 0x0103<br>
+  0x0110 - 0x0111<br>
+  0x0128 - 0x0129<br>
+  0x0168 - 0x0169<br>
+  0x01A0 - 0x01A1<br>
+  0x01AF - 0x01B0<br>
+  0x0300 - 0x036F</td>
+  <td>Times New Roman, Arial, Tahoma, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Georgian</td>
+  <td>0x10A0 - 0x10FF<br>
+  0x2D00 - 0x2D2F</td>
+  <td>Sylfaen, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Armenian</td>
+  <td>0x0530 - 0x058F<br>
+  0xFB13 - 0xFB17</td>
+  <td>Arial, Sylfaen, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Buginese</td>
+  <td>0x1A00 - 0x1A1F</td>
+  <td>Leelawadee UI, Segoe UI Symbol</td>
+</tr>
+<tr>
+  <td>Bopomofo</td>
+  <td>0x3100 - 0x312F<br>
+  0x31A0 - 0x31BF</td>
+  <td>Microsoft JhengHei, PMingLiU, SimSun, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Javanese</td>
+  <td>0xA980 - 0xA9DF</td>
+  <td>Javanese Text, Segoe UI Symbol</td>
+</tr>
+<tr>
+  <td>Lisu</td>
+  <td>0xA4D0 - 0xA4FF</td>
+  <td>Segoe UI Symbol, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Burmese</td>
+  <td>0x1000 - 0x109F<br>
+  0xAA60 - 0xAA7F</td>
+  <td>Myanmar Text, Noto Sans Myanmar, Padauk</td>
+</tr>
+<tr>
+  <td>NKo</td>
+  <td>0x07C0 - 0x07FF</td>
+  <td>Ebrima, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>OlChiki</td>
+  <td>0x1C50 - 0x1C7F</td>
+  <td>Nirmala UI, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Osmanya</td>
+  <td>0x10480 - 0x104AF</td>
+  <td>Ebrima, Noto Sans Osmanya</td>
+</tr>
+<tr>
+  <td>PhagsPa</td>
+  <td>0xA840 - 0xA87F</td>
+  <td>Phagspa, Microsoft PhagsPa, Noto Sans PhagsPa, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>SoraSompeng</td>
+  <td>0x110D0 - 0x110FF</td>
+  <td>Nirmala UI, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>TaiLe</td>
+  <td>0x1950 - 0x197F</td>
+  <td>Microsoft Tai Le, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>NewTaiLue</td>
+  <td>0x1980 - 0x19DF</td>
+  <td>Microsoft New Tai Lue, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Tifinagh</td>
+  <td>0x2D30 - 0x2D7F</td>
+  <td>Ebrima, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Symbols</td>
+  <td>0x2000 - 0x27BF<br>
+  0x2300 - 0x23FF<br>
+  0xF000 - 0xF104</td>
+  <td>Segoe UI Symbol, Arial Unicode MS, Wingdings</td>
+</tr>
+<tr>
+  <td>Mathematics</td>
+  <td>0x2200 - 0x2AFF<br>
+  0x1D400 - 0x1D7FF</td>
+  <td>Cambria Math, Noto Sans Math, Segoe UI Symbol, Arial Unicode MS</td>
+</tr>
+<tr>
+  <td>Emoji</td>
+  <td>0x1F300 - 0x1FAFF<br>
+  0xFE0F - 0xFE0F</td>
+  <td>Segoe UI Emoji, Noto Color Emoji, Arial Unicode MS</td>
+</tr>
 </table>
diff --git a/Document-Processing/Word/Conversions/Word-To-PDF/NET/Nuget-packages-required-word-to-pdf.md b/Document-Processing/Word/Conversions/Word-To-PDF/NET/Nuget-packages-required-word-to-pdf.md
index bd71036c4..0988f3d32 100644
--- a/Document-Processing/Word/Conversions/Word-To-PDF/NET/Nuget-packages-required-word-to-pdf.md
+++ b/Document-Processing/Word/Conversions/Word-To-PDF/NET/Nuget-packages-required-word-to-pdf.md
@@ -155,7 +155,7 @@ Install-Package Syncfusion.DocToPdfConverter.AspNet
 N> 1. Starting with v16.2.0.x, if you reference Syncfusion<sup>&reg;</sup> assemblies from trial setup or from the NuGet feed, you also have to add "Syncfusion.Licensing" assembly reference and include a license key in your projects. Please refer to this [link](https://help.syncfusion.com/common/essential-studio/licensing/overview) to know about registering Syncfusion<sup>&reg;</sup> license key in your application to use our components.
 N> 2. Syncfusion<sup>&reg;</sup> components are available in [nuget.org](https://www.nuget.org/)
 N> 3. Please refer the procedure to deploy your .NET Core application in Linux OS from [here](https://support.syncfusion.com/kb/article/7626/how-to-deploy-net-core-application-with-word-to-pdf-conversion-capabilities-in-linux-os).
-N> 4. From v28.2.3, the dependent package SkiaSharp is upgraded from 2.88.8 to 3.116.1 version and it is mandatory to use SkiaSharp.NativeAssets.Linux v3.116.1 and HarfBuzzSharp.NativeAssets.Linux v8.3.0.1 packages for converting Word documents into PDF in Linux environment.
+N> 4. From v32.1.10, the dependent package SkiaSharp is upgraded from 3.116.1 to 3.119.1 version and it is mandatory to use SkiaSharp.NativeAssets.Linux v3.119.1 and HarfBuzzSharp.NativeAssets.Linux v8.3.1.2 packages for converting Word documents into PDF in Linux environment.
 N> 5. "DocIO supports Word to PDF conversion in UWP application using DocIORenderer." For further information, please refer [here](https://support.syncfusion.com/kb/article/8902/how-to-convert-word-document-to-pdf-in-uwp)
 N> 6. Syncfusion has **deprecated the ASP.NET package**. We strongly recommend upgrading your applications to ASP.NET Core. Refer [here](https://help.syncfusion.com/document-processing/word/word-library/net/faqs/migrate-from-net-framework-to-net-core) to migrate from .NET Framework to .NET Core.
 
@@ -175,8 +175,8 @@ The following table illustrates the native assets NuGet packages and their appli
   <tbody>
     <tr>
       <td>
-        {{'[SkiaSharp.NativeAssets.Linux v3.116.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux/3.116.1)'| markdownify }}<br/>
-        {{'[HarfBuzzSharp.NativeAssets.Linux v8.3.0.1](https://www.nuget.org/packages/HarfBuzzSharp.NativeAssets.Linux/8.3.0.1)'| markdownify }}
+        {{'[SkiaSharp.NativeAssets.Linux v3.119.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux/3.119.1)'| markdownify }}<br/>
+        {{'[HarfBuzzSharp.NativeAssets.Linux v8.3.1.2](https://www.nuget.org/packages/HarfBuzzSharp.NativeAssets.Linux/8.3.1.2)'| markdownify }}
       </td>
       <td>
         <ul>
@@ -188,7 +188,7 @@ The following table illustrates the native assets NuGet packages and their appli
     </tr>
     <tr>
       <td>
-        {{'[SkiaSharp.NativeAssets.Linux.NoDependencies v3.116.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux.NoDependencies/3.116.1)'| markdownify }}
+        {{'[SkiaSharp.NativeAssets.Linux.NoDependencies v3.119.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux.NoDependencies/3.119.1)'| markdownify }}
       </td>
       <td>
         <ul>
diff --git a/Document-Processing/Word/Conversions/Word-To-PDF/NET/Performance-metrics.md b/Document-Processing/Word/Conversions/Word-To-PDF/NET/Performance-metrics.md
index 025edbe4e..4fe9e6fd6 100644
--- a/Document-Processing/Word/Conversions/Word-To-PDF/NET/Performance-metrics.md
+++ b/Document-Processing/Word/Conversions/Word-To-PDF/NET/Performance-metrics.md
@@ -18,7 +18,7 @@ The following system configurations were used for benchmarking:
 * **Processor:** 11th Gen Intel(R) Core(TM)  
 * **RAM:** 16GB  
 * **.NET Version:** .NET 8.0  
-* **Syncfusion<sup>&reg;</sup> Version:** [Syncfusion.DocIORenderer.Net.Core v31.2.12](https://www.nuget.org/packages/Syncfusion.DocIORenderer.Net.Core/31.2.12)
+* **Syncfusion<sup>&reg;</sup> Version:** [Syncfusion.DocIORenderer.Net.Core v31.1.17](https://www.nuget.org/packages/Syncfusion.DocIORenderer.Net.Core/31.1.17)
 
 ## Word to PDF conversion
 
@@ -31,22 +31,22 @@ The following system configurations were used for benchmarking:
 <tr>
     <td>2</td>
     <td>{{'[Word-2.docx](https://github.com/SyncfusionExamples/DocIO-Examples/blob/main/Performance-metrices/Word-to-PDF/.NET/Word-to-PDF/Word-to-PDF/Data/Document-2.docx)'| markdownify }}</td>
-    <td>0.12</td>
+    <td>1.3</td>
 </tr>
 <tr>
     <td>50</td>
     <td>{{'[Word-50.docx](https://github.com/SyncfusionExamples/DocIO-Examples/blob/main/Performance-metrices/Word-to-PDF/.NET/Word-to-PDF/Word-to-PDF/Data/Document-50.docx)'| markdownify }}</td>
-    <td>4.50</td>
+    <td>8.6</td>
 </tr>
 <tr>
     <td>100</td>
     <td>{{'[Word-100.docx](https://github.com/SyncfusionExamples/DocIO-Examples/blob/main/Performance-metrices/Word-to-PDF/.NET/Word-to-PDF/Word-to-PDF/Data/Document-100.docx)'| markdownify }}</td>
-    <td>11.71</td>
+    <td>14.2</td>
 </tr>
 <tr>
     <td>500</td>
     <td>{{'[Word-500.docx](https://github.com/SyncfusionExamples/DocIO-Examples/blob/main/Performance-metrices/Word-to-PDF/.NET/Word-to-PDF/Word-to-PDF/Data/Document-500.docx)'| markdownify }}</td>
-    <td>23.73</td>
+    <td>31.6</td>
 </tr>
 </table>
 
diff --git a/Document-Processing/Word/Conversions/Word-To-PDF/NET/Unsupported-elements-word-to-pdf.md b/Document-Processing/Word/Conversions/Word-To-PDF/NET/Unsupported-elements-word-to-pdf.md
index 0358e4b9c..ea20b1a0c 100644
--- a/Document-Processing/Word/Conversions/Word-To-PDF/NET/Unsupported-elements-word-to-pdf.md
+++ b/Document-Processing/Word/Conversions/Word-To-PDF/NET/Unsupported-elements-word-to-pdf.md
@@ -30,7 +30,26 @@ Only DOCX and WordML format documents are supported.
 Chart
 </td>
 <td>
-Only DOCX and WordML format documents are supported from .NET Framework 4.0 onwards. The following chart types are not supported: Line-Stacked Line, Line-Stacked line with markers, Pie-Pie of Pie, Pie-Bar of Pie, Map-Filled Map, Stock-Volume high low close, Stock-Volume open high low close, Surface-3D Surface, Surface-Wireframe 3D Surface, Surface-Contour, Surface-Wireframe Contour, Treemap-Treemap, Sunburst-Sunburst, Histogram-Histogram, Histogram-Pareto chart, Box & Whisker, Waterfall and Funnel.
+    Only DOCX and WordML format documents are supported from .NET Framework 4.0 onwards.
+    <br/><br/>
+    The following chart types are not supported on all platforms:
+    <ul>
+      <li>Pie‑Bar of Pie</li>
+      <li>Map‑Filled Map</li>
+      <li>Surface‑3D Surface</li>
+      <li>Surface‑Wireframe 3D Surface</li>
+      <li>Surface‑Contour</li>
+      <li>Surface‑Wireframe Contour</li>
+    </ul><br/>
+    In addition, the following chart types are not supported in the Framework only:
+    <ul>
+      <li>Pie‑Pie of Pie</li>
+      <li>Stock‑Volume High‑Low‑Close</li>
+      <li>Stock‑Volume Open‑High‑Low‑Close</li>
+      <li>Treemap‑Treemap</li>
+      <li>Sunburst‑Sunburst</li>
+      <li>Box & Whisker</li>
+    </ul>
 </td>
 </tr>
 <tr>
diff --git a/Document-Processing/Word/Conversions/Word-To-PDF/NET/Word-to-pdf-settings.md b/Document-Processing/Word/Conversions/Word-To-PDF/NET/Word-to-pdf-settings.md
index 02d0363d3..2a02bf30b 100644
--- a/Document-Processing/Word/Conversions/Word-To-PDF/NET/Word-to-pdf-settings.md
+++ b/Document-Processing/Word/Conversions/Word-To-PDF/NET/Word-to-pdf-settings.md
@@ -1424,5 +1424,3 @@ pdfDocument.Close()
 {% endhighlight %}
 
 {% endtabs %}
-
-You can download a complete working sample from [GitHub](https://github.com/SyncfusionExamples/DocIO-Examples/tree/main/Word-to-PDF-Conversion/Apply-Matte-to-Transparent-Images).
\ No newline at end of file
diff --git a/Document-Processing/Word/Conversions/Word-To-PDF/NET/word-to-pdf-conversion-faqs.md b/Document-Processing/Word/Conversions/Word-To-PDF/NET/word-to-pdf-conversion-faqs.md
index deef040fa..c60686c0c 100644
--- a/Document-Processing/Word/Conversions/Word-To-PDF/NET/word-to-pdf-conversion-faqs.md
+++ b/Document-Processing/Word/Conversions/Word-To-PDF/NET/word-to-pdf-conversion-faqs.md
@@ -99,7 +99,7 @@ This exception typically occurs due to version mismatches between SkiaSharp and
 
 ## Why does System.TypeInitializationException occur during Word to PDF or image conversion in Linux using Syncfusion DocIO?
 
-This error usually occurs due to an incompatible GLIBC version on the Linux system. SkiaSharp, used by DocIO for rendering, requires a minimum GLIBC version to function correctly. For example, SkiaSharp version 3.116.1 requires at least GLIBC version 2.29, which is not available in older Linux distributions like Debian 10. If a lower version is present, the conversion may fail with errors such as GLIBC_2.29 not found. To resolve this, ensure the operating system includes the required GLIBC version for the SkiaSharp version being used, or upgrade to a newer Linux distribution.
+This error usually occurs due to an incompatible GLIBC version on the Linux system. SkiaSharp, used by DocIO for rendering, requires a minimum GLIBC version to function correctly. For example, SkiaSharp version 3.119.1 requires at least GLIBC version 2.29, which is not available in older Linux distributions like Debian 10. If a lower version is present, the conversion may fail with errors such as GLIBC_2.29 not found. To resolve this, ensure the operating system includes the required GLIBC version for the SkiaSharp version being used, or upgrade to a newer Linux distribution.
 
 ## Is it possible to substitute fonts in a Word document?
 
diff --git a/Document-Processing/Word/Conversions/Word-To-PDF/NET/word-to-pdf-linux-docker.md b/Document-Processing/Word/Conversions/Word-To-PDF/NET/word-to-pdf-linux-docker.md
index cb71d7400..ad75e15bc 100644
--- a/Document-Processing/Word/Conversions/Word-To-PDF/NET/word-to-pdf-linux-docker.md
+++ b/Document-Processing/Word/Conversions/Word-To-PDF/NET/word-to-pdf-linux-docker.md
@@ -20,8 +20,8 @@ Step 1: Create a new Core Console application.
 Step 2: Install the below NuGet packages as a reference to your project from [NuGet.org](https://www.nuget.org/).
 
 * [Syncfusion.DocIORenderer.Net.Core](https://www.nuget.org/packages/Syncfusion.DocIORenderer.Net.Core/)
-* [SkiaSharp.NativeAssets.Linux v3.116.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux/3.116.1) 
-* [HarfBuzzSharp.NativeAssets.Linux v8.3.0.1](https://www.nuget.org/packages/HarfBuzzSharp.NativeAssets.Linux/8.3.0.1) 
+* [SkiaSharp.NativeAssets.Linux v3.119.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux/3.119.1) 
+* [HarfBuzzSharp.NativeAssets.Linux v8.3.1.2](https://www.nuget.org/packages/HarfBuzzSharp.NativeAssets.Linux/8.3.1.2) 
 
 ![Install DocIO Renderer NuGet package](linuxdockerimages/install-renderer-nuget-in-file-formats-word.png)
 ![Install Skiasharp NuGet package](linuxdockerimages/install-skia-sharp-nuget-in-file-formats-word.png)
@@ -321,7 +321,7 @@ A complete working example of converting Word document to PDF in Ubuntu Linux Do
 
 Click [here](https://www.syncfusion.com/document-processing/word-framework/net-core) to explore the rich set of Syncfusion<sup>&reg;</sup> Word library (DocIO) features. 
 
-An online sample link to [convert Word document to PDF](https://document.syncfusion.com/demos/word/wordtopdf#/tailwind) in ASP.NET Core.
+An online sample link to [convert Word document to PDF](https://ej2.syncfusion.com/aspnetcore/Word/WordToPDF#/material3) in ASP.NET Core.
 
 ## See Also
 
diff --git a/Document-Processing/Word/Conversions/Word-To-PDF/NET/word-to-pdf.md b/Document-Processing/Word/Conversions/Word-To-PDF/NET/word-to-pdf.md
index a895bbff7..66d0b8897 100644
--- a/Document-Processing/Word/Conversions/Word-To-PDF/NET/word-to-pdf.md
+++ b/Document-Processing/Word/Conversions/Word-To-PDF/NET/word-to-pdf.md
@@ -1,12 +1,12 @@
 ---
-title: Convert Word to PDF in C# using DocIO | Syncfusion
+title: Convert Word to PDF in C# | DocIO | Syncfusion
 description: Learn how to convert a Word document to PDF, PDF/A, and PDF/UA using the .NET Word (DocIO) library without Microsoft Word or interop dependencies.
 platform: document-processing
 control: DocIO
 documentation: UG
 ---
 
-# Convert Word to PDF using Syncfusion® Word (DocIO) library
+# Convert Word  to PDF using Syncfusion<sup>&reg;</sup> Word (DocIO) library 
 
 Syncfusion<sup>&reg;</sup> Word library (DocIO) allows you to convert Word document to PDF within a few lines of code in .NET applications and also it does not require Adobe and Microsoft Word application to be installed in the machine. Using this, you can create an input Word document from scratch or load an existing Word document and then easily convert to PDF.  
 
@@ -240,7 +240,7 @@ You can restrict all the permission in a PDF document using [PdfPermissionsFlags
 
 ### Apply Matte to Transparent Images
 
-This setting allows you to determine whether to **apply a matte color to transparent images** during Word to PDF conversion, ensuring they render cleanly without unwanted borders or artifacts in the final PDF. For further information, click [here](https://help.syncfusion.com/document-processing/word/conversions/word-to-pdf/net/word-to-pdf-settings#apply-matte-to-transparent-images).
+This setting allows you to determine whether to **apply a matte color to transparent images** during Word to PDF conversion, ensuring they render cleanly without unwanted borders or artifacts in the final PDF. For further information, click [here](https://help.syncfusion.com/document-processing/word/conversions/word-to-pdf/net/word-to-pdf-settings#restrict-all-permission-in-a-pdf-document).
 
 ## Font Substitution
 
@@ -254,7 +254,7 @@ During Word to PDF conversions, if a glyph of the input text is unavailable in t
 
 ## Unsupported elements in Word to PDF conversion
 
-Refer [here](document-processing/word/conversions/word-to-pdf/net/unsupported-elements-word-to-pdf#detailed-limitations) to know about unsupported elements in Word to PDF conversion.
+Refer [here](document-processing/word/conversions/word-to-pdf/net/limitations-word-to-pdf) to know about unsupported elements in Word to PDF conversion.
 
 ## Show Warning for Unsupported Elements
 
@@ -262,9 +262,9 @@ When converting a Word document to a PDF, the presence of unsupported elements i
 
 ## Online Demo
 
-* Explore how to convert a Word document to PDF using the .NET Word Library (DocIO) in a live demo [here](https://document.syncfusion.com/demos/word/wordtopdf#/tailwind).
-* See how to convert a Word document to PDF/UA using the .NET Word Library (DocIO) in a live demo [here](https://document.syncfusion.com/demos/word/wordtopdfua#/tailwind).
-* See how to convert a Word document to PDF/A using the .NET Word Library (DocIO) in a live demo [here](https://document.syncfusion.com/demos/word/wordtopdfa#/tailwind).
+* Explore how to convert a Word document to PDF using the .NET Word Library (DocIO) in a live demo [here](https://ej2.syncfusion.com/aspnetcore/word/wordtopdf#/bootstrap5).
+* See how to convert a Word document to PDF/UA using the .NET Word Library (DocIO) in a live demo [here](https://ej2.syncfusion.com/aspnetcore/word/wordtopdfua#/bootstrap5).
+* See how to convert a Word document to PDF/A using the .NET Word Library (DocIO) in a live demo [here](https://ej2.syncfusion.com/aspnetcore/word/wordtopdfa#/bootstrap5).
 
 ## See Also
 
diff --git a/Document-Processing/Word/Conversions/Word-To-PDF/overview.md b/Document-Processing/Word/Conversions/Word-To-PDF/overview.md
index b13905a24..5668b81bc 100644
--- a/Document-Processing/Word/Conversions/Word-To-PDF/overview.md
+++ b/Document-Processing/Word/Conversions/Word-To-PDF/overview.md
@@ -6,7 +6,7 @@ control: DocIO
 documentation: UG
 ---
 
-# Convert Word to PDF using Syncfusion® Word (DocIO) library
+# Convert Word  to PDF using Syncfusion<sup>&reg;</sup> Word (DocIO) library 
 
 Syncfusion<sup>&reg;</sup> Word library (DocIO) allows you to convert Word document to PDF within a few lines of code in .NET applications and also it does not require Adobe and Microsoft Word application to be installed in the machine. Using this, you can create an input Word document from scratch or load an existing Word document and then easily convert to PDF.  
 
@@ -148,7 +148,7 @@ T> For troubleshooting issues in the .NET Word Library (DocIO), refer [this](htt
 N> 1. For .NET Framework, creating an instance of the [ChartToImageConverter](https://help.syncfusion.com/cr/document-processing/Syncfusion.OfficeChartToImageConverter.ChartToImageConverter.html) class is mandatory to convert the charts present in the Word to PDF. Otherwise, the charts are not preserved in the converted PDF. Whereas this is not necessary for .NET Core, as ChartToImageConverter is initialized internally in Syncfusion.DocIORenderer.Portable assembly.
 N> 2. Total number of pages in the converted PDF may vary based on unsupported elements in the input Word document.
 N> 3. "DocIO supports Word to PDF conversion in UWP application using DocIORenderer." For further information, please refer [here](https://support.syncfusion.com/kb/article/8902/how-to-convert-word-document-to-pdf-in-uwp)
-N> 4. Font-related issues during Word to PDF or image conversion can arise due to missing or incorrect font. For detailed instructions on resolving these problems, refer to this [article](https://support.syncfusion.com/kb/article/13969/how-to-resolve-font-problems-during-word-to-pdf-or-image-conversion).
+N> 4. Font-related issues during Word to PDF or image conversion can arise due to missing or incorrect font. For detailed instructions on resolving these problems, refer to this [articl(https://support.syncfusion.com/kb/article/13969/how-to-resolve-font-problems-during-word-to-pdf-or-image-conversion).
 
 ## Supported File formats
 
@@ -242,7 +242,7 @@ You can restrict all the permission in a PDF document using [PdfPermissionsFlags
 
 ### Apply Matte to Transparent Images
 
-This setting allows you to determine whether to **apply a matte color to transparent images** during Word to PDF conversion, ensuring they render cleanly without unwanted borders or artifacts in the final PDF. For further information, click [here](https://help.syncfusion.com/document-processing/word/conversions/word-to-pdf/net/word-to-pdf-settings#apply-matte-to-transparent-images).
+This setting allows you to determine whether to **apply a matte color to transparent images** during Word to PDF conversion, ensuring they render cleanly without unwanted borders or artifacts in the final PDF. For further information, click [here](https://help.syncfusion.com/document-processing/word/conversions/word-to-pdf/net/word-to-pdf-settings#restrict-all-permission-in-a-pdf-document).
 
 ## Font Substitution
 
@@ -264,9 +264,9 @@ When converting a Word document to a PDF, the presence of unsupported elements i
 
 ## Online Demo
 
-* Explore how to convert a Word document to PDF using the .NET Word Library (DocIO) in a live demo [here](https://document.syncfusion.com/demos/word/wordtopdf#/tailwind).
-* See how to convert a Word document to PDF/UA using the .NET Word Library (DocIO) in a live demo [here](https://document.syncfusion.com/demos/word/wordtopdfua#/tailwind).
-* See how to convert a Word document to PDF/A using the .NET Word Library (DocIO) in a live demo [here](https://document.syncfusion.com/demos/word/wordtopdfa#/tailwind).
+* Explore how to convert a Word document to PDF using the .NET Word Library (DocIO) in a live demo [here](https://ej2.syncfusion.com/aspnetcore/word/wordtopdf#/bootstrap5).
+* See how to convert a Word document to PDF/UA using the .NET Word Library (DocIO) in a live demo [here](https://ej2.syncfusion.com/aspnetcore/word/wordtopdfua#/bootstrap5).
+* See how to convert a Word document to PDF/A using the .NET Word Library (DocIO) in a live demo [here](https://ej2.syncfusion.com/aspnetcore/word/wordtopdfa#/bootstrap5).
 
 ## See Also
 
@@ -290,5 +290,5 @@ When converting a Word document to a PDF, the presence of unsupported elements i
 * [How to preserve track changes markup in Word to PDF conversion](https://support.syncfusion.com/kb/article/14997/how-to-preserve-simple-markup-all-markup-and-no-markup-of-track-changes-during-word-to-pdf-conversion)
 * [How to preserve simple markup, all markup, and no markup of track changes during Word to PDF conversion?](https://support.syncfusion.com/kb/article/14997/how-to-preserve-simple-markup-all-markup-and-no-markup-of-track-changes-during-word-to-pdf-conversion)
 * [How to create a Word document with form fields from JSON and convert it to PDF?](https://support.syncfusion.com/kb/article/19823/how-to-create-a-word-document-with-form-fields-from-json-and-convert-it-to-pdf)
-* [How to Rename PDF Bookmark in Word to PDF in .NET Core Word Document?](https://support.syncfusion.com/kb/article/19808/how-to-rename-pdf-bookmark-in-word-to-pdf-in-net-core-word-document)
+* [How to Rename PDF Bookmark in Word to PDF in .Net Core Word Document?](https://support.syncfusion.com/kb/article/19808/how-to-rename-pdf-bookmark-in-word-to-pdf-in-net-core-word-document)
 * [How to check if a font contains the required glyphs for Word to PDF and image conversion?](https://support.syncfusion.com/kb/article/19671/how-to-check-if-a-font-contains-the-required-glyphs-for-word-to-pdf-and-image-conversion)
diff --git a/Document-Processing/Word/Word-Library/NET/Accepting-or-Rejecting-Track-Changes.md b/Document-Processing/Word/Word-Library/NET/Accepting-or-Rejecting-Track-Changes.md
index 49987c8f6..548c90f95 100644
--- a/Document-Processing/Word/Word-Library/NET/Accepting-or-Rejecting-Track-Changes.md
+++ b/Document-Processing/Word/Word-Library/NET/Accepting-or-Rejecting-Track-Changes.md
@@ -399,7 +399,7 @@ You can download a complete working sample from [GitHub](https://github.com/Sync
 
 ## Online Demo
 
-* Explore how to accept or reject the tracked changes in the Word document using the .NET Word Library (DocIO) in a live demo [here](https://document.syncfusion.com/demos/word/trackchanges#/tailwind).
+* Explore how to accept or reject the tracked changes in the Word document using the .NET Word Library (DocIO) in a live demo [here](https://ej2.syncfusion.com/aspnetcore/word/trackchanges#/bootstrap5).
 
 ## Frequently Asked Questions
 
diff --git a/Document-Processing/Word/Word-Library/NET/Applying-Watermark.md b/Document-Processing/Word/Word-Library/NET/Applying-Watermark.md
index a03a198c5..29dedb4f6 100644
--- a/Document-Processing/Word/Word-Library/NET/Applying-Watermark.md
+++ b/Document-Processing/Word/Word-Library/NET/Applying-Watermark.md
@@ -181,7 +181,7 @@ You can download a complete working sample from [GitHub](https://github.com/Sync
 
 ## Online Demo
 
-* Explore how to insert text and picture watermark into the Word document using the .NET Word Library (DocIO) in a live demo [here](https://document.syncfusion.com/demos/word/watermark#/tailwind). 
+* Explore how to insert text and picture watermark into the Word document using the .NET Word Library (DocIO) in a live demo [here](https://ej2.syncfusion.com/aspnetcore/word/watermark#/bootstrap5). 
 
 ## See Also
 
diff --git a/Document-Processing/Word/Word-Library/NET/Create-Word-Document-in-AWS-Elastic-Beanstalk.md b/Document-Processing/Word/Word-Library/NET/Create-Word-Document-in-AWS-Elastic-Beanstalk.md
index d8a014d46..815a0daa9 100644
--- a/Document-Processing/Word/Word-Library/NET/Create-Word-Document-in-AWS-Elastic-Beanstalk.md
+++ b/Document-Processing/Word/Word-Library/NET/Create-Word-Document-in-AWS-Elastic-Beanstalk.md
@@ -322,4 +322,4 @@ By executing the program, you will get the **Word document** as follows.
 
 Click [here](https://www.syncfusion.com/document-processing/word-framework/net-core) to explore the rich set of Syncfusion<sup>&reg;</sup> Word library (DocIO) features. 
 
-An online sample link to [create a Word document](https://document.syncfusion.com/demos/word/helloworld#/tailwind) in ASP.NET Core.  
\ No newline at end of file
+An online sample link to [create a Word document](https://ej2.syncfusion.com/aspnetcore/Word/HelloWorld#/material3) in ASP.NET Core.  
\ No newline at end of file
diff --git a/Document-Processing/Word/Word-Library/NET/Create-Word-Document-in-AWS-Lambda.md b/Document-Processing/Word/Word-Library/NET/Create-Word-Document-in-AWS-Lambda.md
index 9d64a6c36..53c59398e 100644
--- a/Document-Processing/Word/Word-Library/NET/Create-Word-Document-in-AWS-Lambda.md
+++ b/Document-Processing/Word/Word-Library/NET/Create-Word-Document-in-AWS-Lambda.md
@@ -353,4 +353,4 @@ From GitHub, you can download the [console application](https://github.com/Syncf
 
 Click [here](https://www.syncfusion.com/document-processing/word-framework/net-core) to explore the rich set of Syncfusion<sup>&reg;</sup> Word library (DocIO) features. 
 
-An online sample link to [create a Word document](https://document.syncfusion.com/demos/word/helloworld#/tailwind) in ASP.NET Core. 
\ No newline at end of file
+An online sample link to [create a Word document](https://ej2.syncfusion.com/aspnetcore/Word/HelloWorld#/material3) in ASP.NET Core. 
\ No newline at end of file
diff --git a/Document-Processing/Word/Word-Library/NET/Create-Word-Document-in-Azure-App-Service-Linux.md b/Document-Processing/Word/Word-Library/NET/Create-Word-Document-in-Azure-App-Service-Linux.md
index dfbbe76ce..b30582825 100644
--- a/Document-Processing/Word/Word-Library/NET/Create-Word-Document-in-Azure-App-Service-Linux.md
+++ b/Document-Processing/Word/Word-Library/NET/Create-Word-Document-in-Azure-App-Service-Linux.md
@@ -344,4 +344,4 @@ You can download a complete working sample from [GitHub](https://github.com/Sync
 
 Click [here](https://www.syncfusion.com/document-processing/word-framework/net-core) to explore the rich set of Syncfusion<sup>&reg;</sup> Word library (DocIO) features. 
 
-An online sample link to [create a Word document](https://document.syncfusion.com/demos/word/helloworld#/tailwind) in ASP.NET Core. 
+An online sample link to [create a Word document](https://ej2.syncfusion.com/aspnetcore/Word/HelloWorld#/material3) in ASP.NET Core. 
diff --git a/Document-Processing/Word/Word-Library/NET/Create-Word-Document-in-Azure-App-Service-Windows.md b/Document-Processing/Word/Word-Library/NET/Create-Word-Document-in-Azure-App-Service-Windows.md
index adc556a12..97036f25a 100644
--- a/Document-Processing/Word/Word-Library/NET/Create-Word-Document-in-Azure-App-Service-Windows.md
+++ b/Document-Processing/Word/Word-Library/NET/Create-Word-Document-in-Azure-App-Service-Windows.md
@@ -344,4 +344,4 @@ You can download a complete working sample from [GitHub](https://github.com/Sync
 
 Click [here](https://www.syncfusion.com/document-processing/word-framework/net-core) to explore the rich set of Syncfusion<sup>&reg;</sup> Word library (DocIO) features. 
 
-An online sample link to [convert Word document to PDF](https://document.syncfusion.com/demos/word/helloworld#/tailwind) in ASP.NET Core. 
\ No newline at end of file
+An online sample link to [convert Word document to PDF](https://ej2.syncfusion.com/aspnetcore/Word/WordToPDF#/material3) in ASP.NET Core. 
\ No newline at end of file
diff --git a/Document-Processing/Word/Word-Library/NET/Create-Word-Document-in-Azure-Functions-v1.md b/Document-Processing/Word/Word-Library/NET/Create-Word-Document-in-Azure-Functions-v1.md
index 60e955d1b..3cabfed8e 100644
--- a/Document-Processing/Word/Word-Library/NET/Create-Word-Document-in-Azure-Functions-v1.md
+++ b/Document-Processing/Word/Word-Library/NET/Create-Word-Document-in-Azure-Functions-v1.md
@@ -353,5 +353,5 @@ From GitHub, you can download the [console application](https://github.com/Syncf
 
 Click [here](https://www.syncfusion.com/document-processing/word-framework/net) to explore the rich set of Syncfusion<sup>&reg;</sup> Word library (DocIO) features.
 
-An online sample link to [create a Word document](https://document.syncfusion.com/demos/word/helloworld#/tailwind) in ASP.NET Core. 
+An online sample link to [create a Word document](https://ej2.syncfusion.com/aspnetcore/Word/HelloWorld#/material3) in ASP.NET Core. 
 
diff --git a/Document-Processing/Word/Word-Library/NET/Create-Word-Document-in-Azure-Functions-v4.md b/Document-Processing/Word/Word-Library/NET/Create-Word-Document-in-Azure-Functions-v4.md
index e97a1ca3b..af28340e5 100644
--- a/Document-Processing/Word/Word-Library/NET/Create-Word-Document-in-Azure-Functions-v4.md
+++ b/Document-Processing/Word/Word-Library/NET/Create-Word-Document-in-Azure-Functions-v4.md
@@ -353,5 +353,5 @@ From GitHub, you can download the [console application](https://github.com/Syncf
 
 Click [here](https://www.syncfusion.com/document-processing/word-framework/net-core) to explore the rich set of Syncfusion<sup>&reg;</sup> Word library (DocIO) features. 
 
-An online sample link to [create a Word document](https://document.syncfusion.com/demos/word/helloworld#/tailwind) in ASP.NET Core.   
+An online sample link to [create a Word document](https://ej2.syncfusion.com/aspnetcore/Word/HelloWorld#/material3) in ASP.NET Core.   
 
diff --git a/Document-Processing/Word/Word-Library/NET/Create-Word-Document-in-Google-App-Engine.md b/Document-Processing/Word/Word-Library/NET/Create-Word-Document-in-Google-App-Engine.md
index 7db947ef1..7e064cf28 100644
--- a/Document-Processing/Word/Word-Library/NET/Create-Word-Document-in-Google-App-Engine.md
+++ b/Document-Processing/Word/Word-Library/NET/Create-Word-Document-in-Google-App-Engine.md
@@ -458,4 +458,4 @@ By executing the program, you will get the **Word document** as follows. The out
 
 Click [here](https://www.syncfusion.com/document-processing/word-framework/net-core) to explore the rich set of Syncfusion<sup>&reg;</sup> Word library (DocIO) features. 
 
-An online sample link to [create a Word document](https://document.syncfusion.com/demos/word/helloworld#/tailwind) in ASP.NET Core.  
\ No newline at end of file
+An online sample link to [create a Word document](https://ej2.syncfusion.com/aspnetcore/Word/HelloWorld#/material3) in ASP.NET Core.  
\ No newline at end of file
diff --git a/Document-Processing/Word/Word-Library/NET/Create-Word-document-in-ASP-NET-Core.md b/Document-Processing/Word/Word-Library/NET/Create-Word-document-in-ASP-NET-Core.md
index bf9d43472..95ffd036e 100644
--- a/Document-Processing/Word/Word-Library/NET/Create-Word-document-in-ASP-NET-Core.md
+++ b/Document-Processing/Word/Word-Library/NET/Create-Word-document-in-ASP-NET-Core.md
@@ -949,4 +949,4 @@ By executing the program, you will get the **Word document** as follows.
 
 Click [here](https://www.syncfusion.com/document-processing/word-framework/net-core) to explore the rich set of Syncfusion<sup>&reg;</sup> Word library (DocIO) features. 
 
-An online sample link to [create a Word document](https://document.syncfusion.com/demos/word/helloworld#/tailwind) in ASP.NET Core.  
+An online sample link to [create a Word document](https://ej2.syncfusion.com/aspnetcore/Word/HelloWorld#/material3) in ASP.NET Core.  
diff --git a/Document-Processing/Word/Word-Library/NET/Create-Word-document-in-ASP-NET-MVC.md b/Document-Processing/Word/Word-Library/NET/Create-Word-document-in-ASP-NET-MVC.md
index 308b76692..9bac0de96 100644
--- a/Document-Processing/Word/Word-Library/NET/Create-Word-document-in-ASP-NET-MVC.md
+++ b/Document-Processing/Word/Word-Library/NET/Create-Word-document-in-ASP-NET-MVC.md
@@ -621,3 +621,5 @@ By executing the program, you will get the Word document as follows.
 {% endtabcontents %}
 
 Click [here](https://www.syncfusion.com/document-processing/word-framework/net) to explore the rich set of Syncfusion<sup>&reg;</sup> Word library (DocIO) features. 
+
+An online sample link to [create a Word document](https://ej2.syncfusion.com/aspnetmvc/Word/HelloWorld#/material3) in ASP.NET MVC. 
\ No newline at end of file
diff --git a/Document-Processing/Word/Word-Library/NET/Create-Word-document-in-ASP-NET.md b/Document-Processing/Word/Word-Library/NET/Create-Word-document-in-ASP-NET.md
index d138f1bd5..dc3aa0eeb 100644
--- a/Document-Processing/Word/Word-Library/NET/Create-Word-document-in-ASP-NET.md
+++ b/Document-Processing/Word/Word-Library/NET/Create-Word-document-in-ASP-NET.md
@@ -296,4 +296,4 @@ By executing the program, you will get the **Word document** as follows.
 
 Click [here](https://www.syncfusion.com/document-processing/word-framework/net) to explore the rich set of Syncfusion<sup>&reg;</sup> Word library (DocIO) features.
 
-An online sample link to [create a Word document](https://document.syncfusion.com/demos/word/helloworld#/tailwind) in ASP.NET Core. 
\ No newline at end of file
+An online sample link to [create a Word document](https://ej2.syncfusion.com/aspnetcore/Word/HelloWorld#/material3) in ASP.NET Core. 
\ No newline at end of file
diff --git a/Document-Processing/Word/Word-Library/NET/Create-Word-document-in-Console-application.md b/Document-Processing/Word/Word-Library/NET/Create-Word-document-in-Console-application.md
index c749f378e..408357fc0 100644
--- a/Document-Processing/Word/Word-Library/NET/Create-Word-document-in-Console-application.md
+++ b/Document-Processing/Word/Word-Library/NET/Create-Word-document-in-Console-application.md
@@ -888,7 +888,7 @@ By executing the program, you will get the **Word document** as follows.
 * Visual Studio 2022.
 * Install **.NET desktop development** workload with necessary .NET Framework SDK.
 
-Step 1: Create a new **.NET Framework console application** project.
+Step 1: Create a new **.NET FrameWork console application** project.
 ![Create a Console application in Visual Studio](Console-Images/NET-FrameWork/Console-Template-Net-FrameWork.png)
 
 Step 2: Install [Syncfusion.DocIO.WinForms](https://www.nuget.org/packages/Syncfusion.DocIO.WinForms/) NuGet package as a reference to your Windows Forms application from the [NuGet.org](https://www.nuget.org/).
diff --git a/Document-Processing/Word/Word-Library/NET/Create-Word-document-in-Linux.md b/Document-Processing/Word/Word-Library/NET/Create-Word-document-in-Linux.md
index 490835beb..be274d809 100644
--- a/Document-Processing/Word/Word-Library/NET/Create-Word-document-in-Linux.md
+++ b/Document-Processing/Word/Word-Library/NET/Create-Word-document-in-Linux.md
@@ -625,7 +625,7 @@ By executing the program, you will get the **Word document** as follows. The out
 
 Click [here](https://www.syncfusion.com/document-processing/word-framework/net-core) to explore the rich set of Syncfusion<sup>&reg;</sup> Word library (DocIO) features. 
 
-An online sample link to [create a Word document](https://document.syncfusion.com/demos/word/helloworld#/tailwind) in ASP.NET Core. 
+An online sample link to [create a Word document](https://ej2.syncfusion.com/aspnetcore/Word/HelloWorld#/material3) in ASP.NET Core. 
 
 ## Frequently Asked Questions
 
diff --git a/Document-Processing/Word/Word-Library/NET/Create-Word-document-in-MAUI.md b/Document-Processing/Word/Word-Library/NET/Create-Word-document-in-MAUI.md
index 909480885..42cd74b62 100644
--- a/Document-Processing/Word/Word-Library/NET/Create-Word-document-in-MAUI.md
+++ b/Document-Processing/Word/Word-Library/NET/Create-Word-document-in-MAUI.md
@@ -1197,4 +1197,4 @@ By executing the program, you will get the **Word document** as follows.
 
 Click [here](https://www.syncfusion.com/document-processing/word-framework/maui) to explore the rich set of Syncfusion<sup>&reg;</sup> Word library (DocIO) features. 
 
-An online sample link to [create a Word document](https://document.syncfusion.com/demos/word/helloworld#/tailwind) in ASP.NET Core.
+An online sample link to [create a Word document](https://ej2.syncfusion.com/aspnetcore/Word/HelloWorld#/material3) in ASP.NET Core.
diff --git a/Document-Processing/Word/Word-Library/NET/Create-Word-document-in-Mac.md b/Document-Processing/Word/Word-Library/NET/Create-Word-document-in-Mac.md
index 4d6ee6c3c..193a57298 100644
--- a/Document-Processing/Word/Word-Library/NET/Create-Word-document-in-Mac.md
+++ b/Document-Processing/Word/Word-Library/NET/Create-Word-document-in-Mac.md
@@ -882,4 +882,4 @@ By executing the program, you will get the **Word document** as follows. The out
 
 Click [here](https://www.syncfusion.com/document-processing/word-framework/net-core) to explore the rich set of Syncfusion<sup>&reg;</sup> Word library (DocIO) features. 
 
-An online sample link to [create a Word document](https://document.syncfusion.com/demos/word/helloworld#/tailwind) in ASP.NET Core. 
\ No newline at end of file
+An online sample link to [create a Word document](https://ej2.syncfusion.com/aspnetcore/Word/HelloWorld#/material3) in ASP.NET Core. 
\ No newline at end of file
diff --git a/Document-Processing/Word/Word-Library/NET/Create-Word-document-in-UWP.md b/Document-Processing/Word/Word-Library/NET/Create-Word-document-in-UWP.md
index ab14fe152..054c32ac4 100644
--- a/Document-Processing/Word/Word-Library/NET/Create-Word-document-in-UWP.md
+++ b/Document-Processing/Word/Word-Library/NET/Create-Word-document-in-UWP.md
@@ -342,4 +342,4 @@ By executing the program, you will get the Word document as follows.
 
 Click [here](https://www.syncfusion.com/document-processing/word-framework/uwp) to explore the rich set of Syncfusion<sup>&reg;</sup> Word library (DocIO) features. 
 
-An online sample link to [create a Word document](https://document.syncfusion.com/demos/word/helloworld#/tailwind) in ASP.NET Core. 
\ No newline at end of file
+An online sample link to [create a Word document](https://ej2.syncfusion.com/aspnetcore/Word/HelloWorld#/material3) in ASP.NET Core. 
\ No newline at end of file
diff --git a/Document-Processing/Word/Word-Library/NET/Create-Word-document-in-WPF.md b/Document-Processing/Word/Word-Library/NET/Create-Word-document-in-WPF.md
index 9c41e8517..cf1cab22b 100644
--- a/Document-Processing/Word/Word-Library/NET/Create-Word-document-in-WPF.md
+++ b/Document-Processing/Word/Word-Library/NET/Create-Word-document-in-WPF.md
@@ -610,4 +610,4 @@ By executing the program, you will get the **Word document** as follows.
 
 Click [here](https://www.syncfusion.com/document-processing/word-framework/net) to explore the rich set of Syncfusion<sup>&reg;</sup> Word library (DocIO) features.
 
-An online sample link to [create a Word document](https://document.syncfusion.com/demos/word/helloworld#/tailwind) in ASP.NET Core.
\ No newline at end of file
+An online sample link to [create a Word document](https://ej2.syncfusion.com/aspnetcore/Word/HelloWorld#/material3) in ASP.NET Core.
\ No newline at end of file
diff --git a/Document-Processing/Word/Word-Library/NET/Create-Word-document-in-WinUI.md b/Document-Processing/Word/Word-Library/NET/Create-Word-document-in-WinUI.md
index ce9b94b56..05988a2b8 100644
--- a/Document-Processing/Word/Word-Library/NET/Create-Word-document-in-WinUI.md
+++ b/Document-Processing/Word/Word-Library/NET/Create-Word-document-in-WinUI.md
@@ -304,7 +304,7 @@ By executing the program, you will get the **Word document** as follows.
 
 Click [here](https://www.syncfusion.com/document-processing/word-framework/winui) to explore the rich set of Syncfusion<sup>&reg;</sup> Word library (DocIO) features. 
 
-An online sample link to [create a Word document](https://document.syncfusion.com/demos/word/helloworld#/tailwind) in ASP.NET Core.
+An online sample link to [create a Word document](https://ej2.syncfusion.com/aspnetcore/Word/HelloWorld#/material3) in ASP.NET Core.
 
 ## WinUI UWP app
 
@@ -651,4 +651,4 @@ async void Save(MemoryStream streams, string filename)
 
 Click [here](https://www.syncfusion.com/document-processing/word-framework/winui) to explore the rich set of Syncfusion<sup>&reg;</sup> Word library (DocIO) features. 
 
-An online sample link to [create a Word document](https://document.syncfusion.com/demos/word/helloworld#/tailwind) in ASP.NET Core.
\ No newline at end of file
+An online sample link to [create a Word document](https://ej2.syncfusion.com/aspnetcore/Word/HelloWorld#/material3) in ASP.NET Core.
\ No newline at end of file
diff --git a/Document-Processing/Word/Word-Library/NET/Create-Word-document-in-Windows-Forms.md b/Document-Processing/Word/Word-Library/NET/Create-Word-document-in-Windows-Forms.md
index 21dcbe05e..c648ec292 100644
--- a/Document-Processing/Word/Word-Library/NET/Create-Word-document-in-Windows-Forms.md
+++ b/Document-Processing/Word/Word-Library/NET/Create-Word-document-in-Windows-Forms.md
@@ -644,4 +644,4 @@ By executing the program, you will get the **Word document** as follows.
 
 Click [here](https://www.syncfusion.com/document-processing/word-framework/net) to explore the rich set of Syncfusion<sup>&reg;</sup> Word library (DocIO) features.
 
-An online sample link to [create a Word document](https://document.syncfusion.com/demos/word/helloworld#/tailwind) in ASP.NET Core.
\ No newline at end of file
+An online sample link to [create a Word document](https://ej2.syncfusion.com/aspnetcore/Word/HelloWorld#/material3) in ASP.NET Core.
\ No newline at end of file
diff --git a/Document-Processing/Word/Word-Library/NET/Create-Word-document-in-Xamarin.md b/Document-Processing/Word/Word-Library/NET/Create-Word-document-in-Xamarin.md
index d8da97b01..48133194d 100644
--- a/Document-Processing/Word/Word-Library/NET/Create-Word-document-in-Xamarin.md
+++ b/Document-Processing/Word/Word-Library/NET/Create-Word-document-in-Xamarin.md
@@ -412,4 +412,4 @@ By executing the program, you will get the Word document as follows.
 
 Click [here](https://www.syncfusion.com/document-processing/word-framework/xamarin) to explore the rich set of Syncfusion<sup>&reg;</sup> Word library (DocIO) features. 
 
-An online sample link to [create a Word document](https://document.syncfusion.com/demos/word/helloworld#/tailwind) in ASP.NET Core. 
\ No newline at end of file
+An online sample link to [create a Word document](https://ej2.syncfusion.com/aspnetcore/Word/HelloWorld#/material3) in ASP.NET Core. 
\ No newline at end of file
diff --git a/Document-Processing/Word/Word-Library/NET/NuGet-Packages-Required.md b/Document-Processing/Word/Word-Library/NET/NuGet-Packages-Required.md
index 76f1a69d3..5a02e577d 100644
--- a/Document-Processing/Word/Word-Library/NET/NuGet-Packages-Required.md
+++ b/Document-Processing/Word/Word-Library/NET/NuGet-Packages-Required.md
@@ -307,7 +307,7 @@ Install-Package Syncfusion.DocToPdfConverter.AspNet
 </table>
 
 N> 1. Please refer the procedure to deploy your .NET Core application in Linux OS from [here](https://support.syncfusion.com/kb/article/7626/how-to-deploy-net-core-application-with-word-to-pdf-conversion-capabilities-in-linux-os).
-N> 2. From v28.2.3, the dependent package SkiaSharp is upgraded from 2.88.8 to 3.116.1 version and it is mandatory to use SkiaSharp.NativeAssets.Linux v3.116.1 and HarfBuzzSharp.NativeAssets.Linux v8.3.0.1 packages for converting Word documents into PDF in Linux environment.
+N> 2. From v32.1.10, the dependent package SkiaSharp is upgraded from 3.116.1 to 3.119.1 version and it is mandatory to use SkiaSharp.NativeAssets.Linux v3.119.1 and HarfBuzzSharp.NativeAssets.Linux v8.3.1.2 packages for converting Word documents into PDF in Linux environment.
 N> 3. "DocIO supports Word to PDF conversion in UWP application using DocIORenderer." For further information, please refer [here](https://support.syncfusion.com/kb/article/8902/how-to-convert-word-document-to-pdf-in-uwp)
 
 ### Additional NuGet packages required for Linux
@@ -326,8 +326,8 @@ The following table illustrates the native assets NuGet packages and their appli
   <tbody>
     <tr>
       <td>
-        {{'[SkiaSharp.NativeAssets.Linux v3.116.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux/3.116.1)'| markdownify }}<br/>
-        {{'[HarfBuzzSharp.NativeAssets.Linux v8.3.0.1](https://www.nuget.org/packages/HarfBuzzSharp.NativeAssets.Linux/8.3.0.1)'| markdownify }}
+        {{'[SkiaSharp.NativeAssets.Linux v3.119.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux/3.119.1)'| markdownify }}<br/>
+        {{'[HarfBuzzSharp.NativeAssets.Linux v8.3.1.2](https://www.nuget.org/packages/HarfBuzzSharp.NativeAssets.Linux/8.3.1.2)'| markdownify }}
       </td>
       <td>
         <ul>
@@ -339,7 +339,7 @@ The following table illustrates the native assets NuGet packages and their appli
     </tr>
     <tr>
       <td>
-        {{'[SkiaSharp.NativeAssets.Linux.NoDependencies v3.116.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux.NoDependencies/3.116.1)'| markdownify }}
+        {{'[SkiaSharp.NativeAssets.Linux.NoDependencies v3.119.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux.NoDependencies/3.119.1)'| markdownify }}
       </td>
       <td>
         <ul>
@@ -509,8 +509,8 @@ The following table illustrates the native assets NuGet packages and their appli
   <tbody>
     <tr>
       <td>
-        {{'[SkiaSharp.NativeAssets.Linux v3.116.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux/3.116.1)'| markdownify }}<br/>
-        {{'[HarfBuzzSharp.NativeAssets.Linux v8.3.0.1](https://www.nuget.org/packages/HarfBuzzSharp.NativeAssets.Linux/8.3.0.1)'| markdownify }}
+        {{'[SkiaSharp.NativeAssets.Linux v3.119.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux/3.119.1)'| markdownify }}<br/>
+        {{'[HarfBuzzSharp.NativeAssets.Linux v8.3.1.2](https://www.nuget.org/packages/HarfBuzzSharp.NativeAssets.Linux/8.3.1.2)'| markdownify }}
       </td>
       <td>
         <ul>
@@ -522,7 +522,7 @@ The following table illustrates the native assets NuGet packages and their appli
     </tr>
     <tr>
       <td>
-        {{'[SkiaSharp.NativeAssets.Linux.NoDependencies v3.116.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux.NoDependencies/3.116.1)'| markdownify }}
+        {{'[SkiaSharp.NativeAssets.Linux.NoDependencies v3.119.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux.NoDependencies/3.119.1)'| markdownify }}
       </td>
       <td>
         <ul>
diff --git a/Document-Processing/Word/Word-Library/NET/Word-document/Compare-Word-documents.md b/Document-Processing/Word/Word-Library/NET/Word-document/Compare-Word-documents.md
index e766aaa48..f9cdcaed9 100644
--- a/Document-Processing/Word/Word-Library/NET/Word-document/Compare-Word-documents.md
+++ b/Document-Processing/Word/Word-Library/NET/Word-document/Compare-Word-documents.md
@@ -246,7 +246,7 @@ You can download a complete working sample from [GitHub](https://github.com/Sync
 
 ## Online Demo
 
-* Explore how to compare Word documents using the .NET Word Library (DocIO) in a live demo [here](https://document.syncfusion.com/demos/word/comparedocuments#/tailwind).
+* Explore how to compare Word documents using the .NET Word Library (DocIO) in a live demo [here](https://ej2.syncfusion.com/aspnetcore/word/comparedocuments#/bootstrap5).
 
 ## See Also
 
diff --git a/Document-Processing/Word/Word-Library/NET/Working-With-Content-Controls.md b/Document-Processing/Word/Word-Library/NET/Working-With-Content-Controls.md
index 4e402e256..995c29d37 100644
--- a/Document-Processing/Word/Word-Library/NET/Working-With-Content-Controls.md
+++ b/Document-Processing/Word/Word-Library/NET/Working-With-Content-Controls.md
@@ -2599,8 +2599,8 @@ N> In the above-mentioned code samples, for Xamarin platforms the document is sa
 
 ## Online Demo
 
-* Explore how to fill a form and protect the content controls in an existing Word document using the .NET Word Library (DocIO) in a live demo [here](https://document.syncfusion.com/demos/word/formfillingandprotection#/tailwind).
-* See how to map custom XML parts to content controls in the Word document using the .NET Word Library (DocIO) in a live demo [here](https://document.syncfusion.com/demos/word/xmlmapping#/tailwind).
+* Explore how to fill a form and protect the content controls in an existing Word document using the .NET Word Library (DocIO) in a live demo [here](https://ej2.syncfusion.com/aspnetcore/word/formfillingandprotection#/bootstrap5).
+* See how to map custom XML parts to content controls in the Word document using the .NET Word Library (DocIO) in a live demo [here](https://ej2.syncfusion.com/aspnetcore/word/xmlmapping#/bootstrap5).
 
 
 ## See Also
diff --git a/Document-Processing/Word/Word-Library/NET/Working-With-Images.md b/Document-Processing/Word/Word-Library/NET/Working-With-Images.md
index 3cd1e5b43..02186a174 100644
--- a/Document-Processing/Word/Word-Library/NET/Working-With-Images.md
+++ b/Document-Processing/Word/Word-Library/NET/Working-With-Images.md
@@ -697,7 +697,7 @@ You can download a complete working sample from [GitHub](https://github.com/Sync
 
 ## Online Demo
 
-* Explore how to insert an image into the Word document using the .NET Word Library (DocIO) in a live demo [here](https://document.syncfusion.com/demos/word/imageinsertion#/tailwind). 
+* Explore how to insert an image into the Word document using the .NET Word Library (DocIO) in a live demo [here](https://ej2.syncfusion.com/aspnetcore/word/imageinsertion#/bootstrap5). 
 
 ## See Also
 
diff --git a/Document-Processing/Word/Word-Library/NET/Working-With-OLE-Objects.md b/Document-Processing/Word/Word-Library/NET/Working-With-OLE-Objects.md
index d5d2a66ca..bacb4b8fe 100644
--- a/Document-Processing/Word/Word-Library/NET/Working-With-OLE-Objects.md
+++ b/Document-Processing/Word/Word-Library/NET/Working-With-OLE-Objects.md
@@ -482,7 +482,7 @@ You can download a complete working sample from [GitHub](https://github.com/Sync
 
 ## Online Demo
 
-* Explore how to insert an OLE Object into the Word document using the .NET Word Library (DocIO) in a live demo [here](https://document.syncfusion.com/demos/word/insertoleobject#/tailwind).
+* Explore how to insert an OLE Object into the Word document using the .NET Word Library (DocIO) in a live demo [here](https://ej2.syncfusion.com/aspnetcore/word/insertoleobject#/bootstrap5).
 
 ## See Also
 
diff --git a/Document-Processing/Word/Word-Library/NET/Working-with-Bookmarks.md b/Document-Processing/Word/Word-Library/NET/Working-with-Bookmarks.md
index cd034133d..98fb42550 100644
--- a/Document-Processing/Word/Word-Library/NET/Working-with-Bookmarks.md
+++ b/Document-Processing/Word/Word-Library/NET/Working-with-Bookmarks.md
@@ -1130,8 +1130,8 @@ You can download a complete working sample from [GitHub](https://github.com/Sync
 
 ## Online Demo
 
-* Explore how to insert bookmarks into the Word document using the .NET Word Library (DocIO) in a live demo [here](https://document.syncfusion.com/demos/word/bookmarks#/tailwind).  
-* See how to navigate between the bookmarks in a Word document and edit its content using bookmark navigation functionality using the .NET Word Library (DocIO) in a live demo [here](https://document.syncfusion.com/demos/word/bookmarknavigation#/tailwind).
+* Explore how to insert bookmarks into the Word document using the .NET Word Library (DocIO) in a live demo [here](https://ej2.syncfusion.com/aspnetcore/word/bookmarks#/bootstrap5).  
+* See how to navigate between the bookmarks in a Word document and edit its content using bookmark navigation functionality using the .NET Word Library (DocIO) in a live demo [here](https://ej2.syncfusion.com/aspnetcore/word/bookmarknavigation#/bootstrap5).
 
 ## See Also
 
diff --git a/Document-Processing/Word/Word-Library/NET/Working-with-Charts.md b/Document-Processing/Word/Word-Library/NET/Working-with-Charts.md
index 84b25e9a2..3cacc8019 100644
--- a/Document-Processing/Word/Word-Library/NET/Working-with-Charts.md
+++ b/Document-Processing/Word/Word-Library/NET/Working-with-Charts.md
@@ -1582,6 +1582,12 @@ The following chart types are supported in DocIO.
 * [Surface_NoColor_3D](https://support.syncfusion.com/kb/article/12247/how-to-create-wireframe-3d-surface-chart-in-word-document-using-c)
 * [Surface_NoColor_Contour](https://support.syncfusion.com/kb/article/12245/how-to-create-wireframe-contour-surface-chart-in-word-document-using-c)
 * [WaterFall](https://support.syncfusion.com/kb/article/12243/how-to-create-waterfall-chart-in-word-document-using-c)
+* Pareto
+* Histogram
+* Funnel
+* Box_And_Whisker
+* Treemap
+* Sunburst
 
 ## Online Demo
 
diff --git a/Document-Processing/Word/Word-Library/NET/Working-with-Fields.md b/Document-Processing/Word/Word-Library/NET/Working-with-Fields.md
index f4a652e66..c49b28ac3 100644
--- a/Document-Processing/Word/Word-Library/NET/Working-with-Fields.md
+++ b/Document-Processing/Word/Word-Library/NET/Working-with-Fields.md
@@ -1815,7 +1815,7 @@ document.Close()
 
 ## Online Demo
 
-* Explore how to update fields in a Word document using the .NET Word Library (DocIO) in a live demo [here](https://document.syncfusion.com/demos/word/updatefields#/tailwind).
+* Explore how to update fields in a Word document using the .NET Word Library (DocIO) in a live demo [here](https://ej2.syncfusion.com/aspnetcore/word/updatefields#/bootstrap5).
 
 ## See Also
 
diff --git a/Document-Processing/Word/Word-Library/NET/Working-with-Find-and-Replace.md b/Document-Processing/Word/Word-Library/NET/Working-with-Find-and-Replace.md
index f40aa0012..93d9ef539 100644
--- a/Document-Processing/Word/Word-Library/NET/Working-with-Find-and-Replace.md
+++ b/Document-Processing/Word/Word-Library/NET/Working-with-Find-and-Replace.md
@@ -1926,9 +1926,9 @@ You can download a complete working sample from [GitHub](https://github.com/Sync
 
 ## Online Demo
 
-* Explore how to find a specific text pattern using regular expression and highlight it in an existing Word document using find functionality using the .NET Word Library (DocIO) in a live demo [here](https://document.syncfusion.com/demos/word/findandhighlight#/tailwind).
-* See how to replace a specific text in the Word document with another text using the find and replace functionality using the .NET Word Library (DocIO) in a live demo [here](https://document.syncfusion.com/demos/word/simplereplace#/tailwind).
-* See how to replace a specific content in the Word document with another document using the find and replace functionality using the .NET Word Library (DocIO) in a live demo [here](https://document.syncfusion.com/demos/word/advancedreplace#/tailwind).
+* Explore how to find a specific text pattern using regular expression and highlight it in an existing Word document using find functionality using the .NET Word Library (DocIO) in a live demo [here](https://ej2.syncfusion.com/aspnetcore/word/findandhighlight#/bootstrap5).
+* See how to replace a specific text in the Word document with another text using the find and replace functionality using the .NET Word Library (DocIO) in a live demo [here](https://ej2.syncfusion.com/aspnetcore/word/simplereplace#/bootstrap5).
+* See how to replace a specific content in the Word document with another document using the find and replace functionality using the .NET Word Library (DocIO) in a live demo [here](https://ej2.syncfusion.com/aspnetcore/word/advancedreplace#/bootstrap5).
 
 ## See Also
 
diff --git a/Document-Processing/Word/Word-Library/NET/Working-with-Footnotes-and-endnotes.md b/Document-Processing/Word/Word-Library/NET/Working-with-Footnotes-and-endnotes.md
index 7db088632..d39b59511 100644
--- a/Document-Processing/Word/Word-Library/NET/Working-with-Footnotes-and-endnotes.md
+++ b/Document-Processing/Word/Word-Library/NET/Working-with-Footnotes-and-endnotes.md
@@ -892,4 +892,4 @@ You can download a complete working sample from [GitHub](https://github.com/Sync
 
 ## Online Demo
 
-* Explore how to insert the footnotes and endnotes in a Word document using the .NET Word Library (DocIO) in a live demo [here](https://document.syncfusion.com/demos/word/footnotesandendnotes#/tailwind).
+* Explore how to insert the footnotes and endnotes in a Word document using the .NET Word Library (DocIO) in a live demo [here](https://ej2.syncfusion.com/aspnetcore/word/footnotesandendnotes#/bootstrap5).
diff --git a/Document-Processing/Word/Word-Library/NET/Working-with-Form-Fields.md b/Document-Processing/Word/Word-Library/NET/Working-with-Form-Fields.md
index 92e8971c2..1108d9af6 100644
--- a/Document-Processing/Word/Word-Library/NET/Working-with-Form-Fields.md
+++ b/Document-Processing/Word/Word-Library/NET/Working-with-Form-Fields.md
@@ -570,7 +570,7 @@ You can download a complete working sample from [GitHub](https://github.com/Sync
 
 ## Online Demo
 
-* Explore how to create a simple job application form and fill the form using the .NET Word Library (DocIO) in a live demo [here](https://document.syncfusion.com/demos/word/forms#/tailwind).
+* Explore how to create a simple job application form and fill the form using the .NET Word Library (DocIO) in a live demo [here](https://ej2.syncfusion.com/aspnetcore/word/forms#/bootstrap5).
 
 ## See also
 
diff --git a/Document-Processing/Word/Word-Library/NET/Working-with-LaTeX.md b/Document-Processing/Word/Word-Library/NET/Working-with-LaTeX.md
index 8fa3920e5..ff651b306 100644
--- a/Document-Processing/Word/Word-Library/NET/Working-with-LaTeX.md
+++ b/Document-Processing/Word/Word-Library/NET/Working-with-LaTeX.md
@@ -9,9 +9,6 @@ documentation: UG
 # Create Equation using LaTeX
 The .NET Word (DocIO) library allows to create mathematical equation in Word document using **LaTeX**.
 
-To quickly start working with LaTeX Equations, please check out this video:
-{% youtube "https://www.youtube.com/watch?v=pdN4HNlKTJs" %}
-
 ## Accent
 
 Add **accent** equation to a Word document using the LaTeX through [AppendMath](https://help.syncfusion.com/cr/document-processing/Syncfusion.DocIO.DLS.WParagraph.html#Syncfusion_DocIO_DLS_WParagraph_AppendMath_System_String_) API.
@@ -2064,8 +2061,8 @@ You can download a complete working sample from [GitHub](https://github.com/Sync
 
 ## Online Demo
 
-* Explore how to create a Word document with mathematical equations using LaTeX and the .NET Word Library (DocIO) in a live demo [here](https://document.syncfusion.com/demos/word/createusinglatex#/tailwind).
-* See how to modify a mathematical equation using LaTeX in a Word document using the .NET Word Library (DocIO) in a live demo [here](https://document.syncfusion.com/demos/word/editusinglatex#/tailwind).
+* Explore how to create a Word document with mathematical equations using LaTeX and the .NET Word Library (DocIO) in a live demo [here](https://ej2.syncfusion.com/aspnetcore/word/createusinglatex#/bootstrap5).
+* See how to modify a mathematical equation using LaTeX in a Word document using the .NET Word Library (DocIO) in a live demo [here](https://ej2.syncfusion.com/aspnetcore/word/editusinglatex#/bootstrap5).
 
 ## See Also
 
diff --git a/Document-Processing/Word/Word-Library/NET/Working-with-Macros.md b/Document-Processing/Word/Word-Library/NET/Working-with-Macros.md
index d560a8968..42527e85b 100644
--- a/Document-Processing/Word/Word-Library/NET/Working-with-Macros.md
+++ b/Document-Processing/Word/Word-Library/NET/Working-with-Macros.md
@@ -108,4 +108,4 @@ You can download a complete working sample from [GitHub](https://github.com/Sync
 
 ## Online Demo
 
-* Explore how to preserve the macros in macro-enabled documents using the .NET Word Library (DocIO) in a live demo [here](https://document.syncfusion.com/demos/word/macropreservation#/tailwind).
+* Explore how to preserve the macros in macro-enabled documents using the .NET Word Library (DocIO) in a live demo [here](https://ej2.syncfusion.com/aspnetcore/word/macropreservation#/bootstrap5).
diff --git a/Document-Processing/Word/Word-Library/NET/Working-with-Mathematical-Equation.md b/Document-Processing/Word/Word-Library/NET/Working-with-Mathematical-Equation.md
index cfbddb9e4..502f61347 100644
--- a/Document-Processing/Word/Word-Library/NET/Working-with-Mathematical-Equation.md
+++ b/Document-Processing/Word/Word-Library/NET/Working-with-Mathematical-Equation.md
@@ -2103,8 +2103,8 @@ By executing the above code example, it generates output Word document as follow
 
 ## Online Demo
 
-* Explore how to create a Word document with mathematical equations using the .NET Word Library (DocIO) in a live demo [here](https://document.syncfusion.com/demos/word/createequation#/tailwind).
-* See how to modify a mathematical equation in a Word document using the .NET Word Library (DocIO) in a live demo [here](https://document.syncfusion.com/demos/word/editequation#/tailwind).
+* Explore how to create a Word document with mathematical equations using the .NET Word Library (DocIO) in a live demo [here](https://ej2.syncfusion.com/aspnetcore/word/createequation#/bootstrap5).
+* See how to modify a mathematical equation in a Word document using the .NET Word Library (DocIO) in a live demo [here](https://ej2.syncfusion.com/aspnetcore/word/editequation#/bootstrap5).
 
 ## See Also
 
diff --git a/Document-Processing/Word/Word-Library/NET/Working-with-Paragraph.md b/Document-Processing/Word/Word-Library/NET/Working-with-Paragraph.md
index 896576f5c..512011e30 100644
--- a/Document-Processing/Word/Word-Library/NET/Working-with-Paragraph.md
+++ b/Document-Processing/Word/Word-Library/NET/Working-with-Paragraph.md
@@ -1733,9 +1733,9 @@ You can download a complete working sample from [GitHub](https://github.com/Sync
 
 ## Online Demo
 
-* Explore how to apply built-in and custom styles to the contents of the Word document using the .NET Word Library (DocIO) in a live demo [here](https://document.syncfusion.com/demos/word/styles#/tailwind).
-* See how to create a Word document with right-to-left language text using the .NET Word Library (DocIO) in a live demo [here](https://document.syncfusion.com/demos/word/rtl#/tailwind).
-* See how to insert breaks to the Word document using the .NET Word Library (DocIO) in a live demo [here](https://document.syncfusion.com/demos/word/insertbreak#/tailwind).
+* Explore how to apply built-in and custom styles to the contents of the Word document using the .NET Word Library (DocIO) in a live demo [here](https://ej2.syncfusion.com/aspnetcore/word/styles#/bootstrap5).
+* See how to create a Word document with right-to-left language text using the .NET Word Library (DocIO) in a live demo [here](https://ej2.syncfusion.com/aspnetcore/word/rtl#/bootstrap5).
+* See how to insert breaks to the Word document using the .NET Word Library (DocIO) in a live demo [here](https://ej2.syncfusion.com/aspnetcore/word/insertbreak#/bootstrap5).
 
 ## See Also
 
diff --git a/Document-Processing/Word/Word-Library/NET/Working-with-Sections.md b/Document-Processing/Word/Word-Library/NET/Working-with-Sections.md
index d8231768f..8380abb4e 100644
--- a/Document-Processing/Word/Word-Library/NET/Working-with-Sections.md
+++ b/Document-Processing/Word/Word-Library/NET/Working-with-Sections.md
@@ -1520,7 +1520,7 @@ N> * And also, it is not feasible to get the page-wise details from Word documen
 
 ## Online Demo
 
-* Explore how to insert headers and footers to the Word document using the .NET Word Library (DocIO) in a live demo [here](https://document.syncfusion.com/demos/word/headerandfooter#/tailwind).
+* Explore how to insert headers and footers to the Word document using the .NET Word Library (DocIO) in a live demo [here](https://ej2.syncfusion.com/aspnetcore/word/headerandfooter#/bootstrap5).
 
 ## See Also
 
diff --git a/Document-Processing/Word/Word-Library/NET/Working-with-Security.md b/Document-Processing/Word/Word-Library/NET/Working-with-Security.md
index 4204f1cce..689d2f491 100644
--- a/Document-Processing/Word/Word-Library/NET/Working-with-Security.md
+++ b/Document-Processing/Word/Word-Library/NET/Working-with-Security.md
@@ -925,5 +925,5 @@ N> 2. The **SingleUser** and **EditorGroup** properties cannot be set simultaneo
 
 ## Online Demo
 
-* Explore how to encrypt and decrypt the Word document using the .NET Word Library (DocIO) in a live demo [here](https://document.syncfusion.com/demos/word/encryptanddecrypt#/tailwind).  
-* See how to protect the Word document from editing using the .NET Word Library (DocIO) in a live demo [here](https://document.syncfusion.com/demos/word/documentprotection#/tailwind).
+* Explore how to encrypt and decrypt the Word document using the .NET Word Library (DocIO) in a live demo [here](https://ej2.syncfusion.com/aspnetcore/word/encryptanddecrypt#/bootstrap5).  
+* See how to protect the Word document from editing using the .NET Word Library (DocIO) in a live demo [here](https://ej2.syncfusion.com/aspnetcore/word/documentprotection#/bootstrap5).
diff --git a/Document-Processing/Word/Word-Library/NET/Working-with-Shapes.md b/Document-Processing/Word/Word-Library/NET/Working-with-Shapes.md
index 26aec9e12..315a0d467 100644
--- a/Document-Processing/Word/Word-Library/NET/Working-with-Shapes.md
+++ b/Document-Processing/Word/Word-Library/NET/Working-with-Shapes.md
@@ -1244,8 +1244,8 @@ You can download a complete working sample from [GitHub](https://github.com/Sync
 
 ## Online Demo
 
-* Explore how to create a Word document with shapes using the .NET Word Library (DocIO) in a live demo [here](https://document.syncfusion.com/demos/word/autoshapes#/tailwind).
-* See how to create a Word document with group shapes using the .NET Word Library (DocIO) in a live demo [here](https://document.syncfusion.com/demos/word/groupshapes#/tailwind).  
+* Explore how to create a Word document with shapes using the .NET Word Library (DocIO) in a live demo [here](https://ej2.syncfusion.com/aspnetcore/word/autoshapes#/bootstrap5).
+* See how to create a Word document with group shapes using the .NET Word Library (DocIO) in a live demo [here](https://ej2.syncfusion.com/aspnetcore/word/groupshapes#/bootstrap5).  
 
 ## See Also
 
diff --git a/Document-Processing/Word/Word-Library/NET/Working-with-SmartArts.md b/Document-Processing/Word/Word-Library/NET/Working-with-SmartArts.md
index 86532c16f..36762d2ca 100644
--- a/Document-Processing/Word/Word-Library/NET/Working-with-SmartArts.md
+++ b/Document-Processing/Word/Word-Library/NET/Working-with-SmartArts.md
@@ -2027,5 +2027,5 @@ SmartArt typically contains graphic properties, including bounds information for
 
 ## Online Demo
 
-* Explore how to create a Word document with SmartArt using the .NET Word Library (DocIO) in a live demo [here](https://document.syncfusion.com/demos/word/createsmartart#/tailwind).
-* Explore how to edit a Word document with SmartArt using the .NET Word Library (DocIO) in a live demo [here](https://document.syncfusion.com/demos/word/editsmartart#/tailwind).
+* Explore how to create a Word document with SmartArt using the .NET Word Library (DocIO) in a live demo [here](https://ej2.syncfusion.com/aspnetcore/word/createsmartart#/bootstrap5).
+* Explore how to edit a Word document with SmartArt using the .NET Word Library (DocIO) in a live demo [here](https://ej2.syncfusion.com/aspnetcore/word/editsmartart#/bootstrap5).
diff --git a/Document-Processing/Word/Word-Library/NET/Working-with-Table-Of-Contents.md b/Document-Processing/Word/Word-Library/NET/Working-with-Table-Of-Contents.md
index 650c5f4b7..31979f261 100644
--- a/Document-Processing/Word/Word-Library/NET/Working-with-Table-Of-Contents.md
+++ b/Document-Processing/Word/Word-Library/NET/Working-with-Table-Of-Contents.md
@@ -1651,8 +1651,8 @@ By executing the program, you will get the **Word document** as follows.
 
 ## Online Demo
 
-* Explore how to insert and update the table of figures in a Word document using the .NET Word Library (DocIO) in a live demo [here](https://document.syncfusion.com/demos/word/tableoffigures#/tailwind).
-* See how to insert and update the table of contents in a Word document using the .NET Word Library (DocIO) in a live demo [here](https://document.syncfusion.com/demos/word/tableofcontents#/tailwind).
+* Explore how to insert and update the table of figures in a Word document using the .NET Word Library (DocIO) in a live demo [here](https://ej2.syncfusion.com/aspnetcore/word/tableoffigures#/bootstrap5).
+* See how to insert and update the table of contents in a Word document using the .NET Word Library (DocIO) in a live demo [here](https://ej2.syncfusion.com/aspnetcore/word/tableofcontents#/bootstrap5).
  
 ## See Also
 
diff --git a/Document-Processing/Word/Word-Library/NET/Working-with-Tables.md b/Document-Processing/Word/Word-Library/NET/Working-with-Tables.md
index 62d492ded..83aa81fd9 100644
--- a/Document-Processing/Word/Word-Library/NET/Working-with-Tables.md
+++ b/Document-Processing/Word/Word-Library/NET/Working-with-Tables.md
@@ -2128,8 +2128,8 @@ You can download a complete working sample from [GitHub](https://github.com/Sync
 
 ## Online Demo
 
-* Explore how to format a table in a Word document using the .NET Word Library (DocIO) in a live demo [here](https://document.syncfusion.com/demos/word/formattable#/tailwind).
-* See how to apply built-in and custom styles to the tables of the Word document using the .NET Word Library (DocIO) in a live demo [here](https://document.syncfusion.com/demos/word/tablestyles#/tailwind). 
+* Explore how to format a table in a Word document using the .NET Word Library (DocIO) in a live demo [here](https://ej2.syncfusion.com/aspnetcore/word/formattable#/bootstrap5).
+* See how to apply built-in and custom styles to the tables of the Word document using the .NET Word Library (DocIO) in a live demo [here](https://ej2.syncfusion.com/aspnetcore/word/tablestyles#/bootstrap5). 
 
 ## See Also
 
diff --git a/Document-Processing/Word/Word-Library/NET/Working-with-Word-document.md b/Document-Processing/Word/Word-Library/NET/Working-with-Word-document.md
index 6e2cd0095..e1348fe86 100644
--- a/Document-Processing/Word/Word-Library/NET/Working-with-Word-document.md
+++ b/Document-Processing/Word/Word-Library/NET/Working-with-Word-document.md
@@ -1073,8 +1073,8 @@ You can download a complete working sample from [GitHub](https://github.com/Sync
 
 ## Online Demo
 
-* Explore how to clone and merge Word documents using the .NET Word Library (DocIO) in a live demo [here](https://document.syncfusion.com/demos/word/cloneandmerge#/tailwind).
-* See how to apply various document settings to the Word document using the .NET Word Library (DocIO) in a live demo [here](https://document.syncfusion.com/demos/word/documentsettings#/tailwind).
+* Explore how to clone and merge Word documents using the .NET Word Library (DocIO) in a live demo [here](https://ej2.syncfusion.com/aspnetcore/word/cloneandmerge#/bootstrap5).
+* See how to apply various document settings to the Word document using the .NET Word Library (DocIO) in a live demo [here](https://ej2.syncfusion.com/aspnetcore/word/documentsettings#/bootstrap5).
 
 ## See Also
 
diff --git a/Document-Processing/Word/Word-Library/NET/convert-markdown-to-word-document-in-csharp.md b/Document-Processing/Word/Word-Library/NET/convert-markdown-to-word-document-in-csharp.md
index 911d996ed..0404b8bed 100644
--- a/Document-Processing/Word/Word-Library/NET/convert-markdown-to-word-document-in-csharp.md
+++ b/Document-Processing/Word/Word-Library/NET/convert-markdown-to-word-document-in-csharp.md
@@ -466,7 +466,7 @@ N> Hook the event handler before opening a Word document as per the above code e
 
 ## Online Demo
 
-* Explore how to convert the Markdown file to Word document using the .NET Word Library (DocIO) in a live demo [here](https://document.syncfusion.com/demos/word/markdowntoword#/tailwind).
+* Explore how to convert the Markdown file to Word document using the .NET Word Library (DocIO) in a live demo [here](https://ej2.syncfusion.com/aspnetcore/word/markdowntoword#/bootstrap5).
 
 ## See Also
 
diff --git a/Document-Processing/Word/Word-Library/NET/convert-word-document-to-markdown-in-csharp.md b/Document-Processing/Word/Word-Library/NET/convert-word-document-to-markdown-in-csharp.md
index ee71292ef..c604267a4 100644
--- a/Document-Processing/Word/Word-Library/NET/convert-word-document-to-markdown-in-csharp.md
+++ b/Document-Processing/Word/Word-Library/NET/convert-word-document-to-markdown-in-csharp.md
@@ -670,4 +670,4 @@ The following table shows the list of Word document elements supported in Word t
 
 ## Online Demo
 
-* Explore how to convert the Word document to Markdown using the .NET Word Library (DocIO) in a live demo [here](https://document.syncfusion.com/demos/word/wordtomarkdown#/tailwind).
+* Explore how to convert the Word document to Markdown using the .NET Word Library (DocIO) in a live demo [here](https://ej2.syncfusion.com/aspnetcore/word/wordtomarkdown#/bootstrap5).
diff --git a/Document-Processing/Word/Word-Library/NET/faqs/linux-faqs.md b/Document-Processing/Word/Word-Library/NET/faqs/linux-faqs.md
index 93a0d89ae..aa7f14b62 100644
--- a/Document-Processing/Word/Word-Library/NET/faqs/linux-faqs.md
+++ b/Document-Processing/Word/Word-Library/NET/faqs/linux-faqs.md
@@ -178,6 +178,15 @@ NuGet packages to install
 </thead>
 <tr>
 <td>
+From v32.1.10
+</td>
+<td>
+{{'[SkiaSharp.NativeAssets.Linux v3.119.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux/3.119.1)'| markdownify }}<br/>
+{{'[HarfBuzzSharp.NativeAssets.Linux v8.3.1.2](https://www.nuget.org/packages/HarfBuzzSharp.NativeAssets.Linux/8.3.1.2)'| markdownify }}
+</td>
+</tr>
+<tr>
+<td>
 From v28.2.3
 </td>
 <td>
@@ -268,6 +277,15 @@ NuGet packages to install
 </thead>
 <tr>
 <td>
+From v32.1.10
+</td>
+<td>
+{{'[SkiaSharp.NativeAssets.Linux v3.119.1](https://www.nuget.org/packages/SkiaSharp.NativeAssets.Linux/3.119.1)'| markdownify }}<br/>
+{{'[HarfBuzzSharp.NativeAssets.Linux v8.3.1.2](https://www.nuget.org/packages/HarfBuzzSharp.NativeAssets.Linux/8.3.1.2)'| markdownify }}
+</td>
+</tr>
+<tr>
+<td>
 From v28.2.3
 </td>
 <td>
diff --git a/Document-Processing/Word/Word-Library/NET/html.md b/Document-Processing/Word/Word-Library/NET/html.md
index 811e713f1..2411f958b 100644
--- a/Document-Processing/Word/Word-Library/NET/html.md
+++ b/Document-Processing/Word/Word-Library/NET/html.md
@@ -1270,8 +1270,8 @@ Underline types and colors are ignored.
 
 ## Online Demo
 
-* Explore how to convert a Word document to HTML using the .NET Word Library (DocIO) in a live demo [here](https://document.syncfusion.com/demos/word/wordtohtml#/tailwind).
-* See how to convert HTML to a Word document using the .NET Word Library (DocIO) in a live demo [here](https://document.syncfusion.com/demos/word/htmltoword#/tailwind).
+* Explore how to convert a Word document to HTML using the .NET Word Library (DocIO) in a live demo [here](https://ej2.syncfusion.com/aspnetcore/word/wordtohtml#/bootstrap5).
+* See how to convert HTML to a Word document using the .NET Word Library (DocIO) in a live demo [here](https://ej2.syncfusion.com/aspnetcore/word/htmltoword#/bootstrap5).
 
 ## See Also
 
diff --git a/Document-Processing/Word/Word-Library/NET/mail-merge/mail-merge-events.md b/Document-Processing/Word/Word-Library/NET/mail-merge/mail-merge-events.md
index 0f9bff228..1acf22613 100644
--- a/Document-Processing/Word/Word-Library/NET/mail-merge/mail-merge-events.md
+++ b/Document-Processing/Word/Word-Library/NET/mail-merge/mail-merge-events.md
@@ -910,7 +910,7 @@ You can download a complete working sample from [GitHub](https://github.com/Sync
 
 ## Online Demo
 
-* Explore how to format the mail merged data using mail merge events using the .NET Word Library (DocIO) in a live demo [here](https://document.syncfusion.com/demos/word/mailmergeevent#/tailwind).
+* Explore how to format the mail merged data using mail merge events using the .NET Word Library (DocIO) in a live demo [here](https://ej2.syncfusion.com/aspnetcore/word/mailmergeevent#/bootstrap5).
 
 ## See Also
 
diff --git a/Document-Processing/Word/Word-Library/NET/mail-merge/mail-merge-for-group.md b/Document-Processing/Word/Word-Library/NET/mail-merge/mail-merge-for-group.md
index eabea6b92..5e1393c59 100644
--- a/Document-Processing/Word/Word-Library/NET/mail-merge/mail-merge-for-group.md
+++ b/Document-Processing/Word/Word-Library/NET/mail-merge/mail-merge-for-group.md
@@ -533,4 +533,4 @@ You can download a complete working sample from [GitHub](https://github.com/Sync
 
 ## Online Demo
 
-* Explore how to do a mail merge for a group in a Word document using the .NET Word Library (DocIO) in a live demo [here](https://document.syncfusion.com/demos/word/employeereport#/tailwind). 
\ No newline at end of file
+* Explore how to do a mail merge for a group in a Word document using the .NET Word Library (DocIO) in a live demo [here](https://ej2.syncfusion.com/aspnetcore/word/employeereport#/bootstrap5). 
\ No newline at end of file
diff --git a/Document-Processing/Word/Word-Library/NET/mail-merge/mail-merge-for-nested-groups.md b/Document-Processing/Word/Word-Library/NET/mail-merge/mail-merge-for-nested-groups.md
index 09c23abad..11aa5774d 100644
--- a/Document-Processing/Word/Word-Library/NET/mail-merge/mail-merge-for-nested-groups.md
+++ b/Document-Processing/Word/Word-Library/NET/mail-merge/mail-merge-for-nested-groups.md
@@ -748,4 +748,4 @@ By executing the above code example, it generates the resultant Word document as
 
 ## Online Demo
 
-* Explore how to do a mail merge for a nested group in a Word document using the .NET Word Library (DocIO) in a live demo [here](https://document.syncfusion.com/demos/word/nestedmailmerge#/tailwind).
\ No newline at end of file
+* Explore how to do a mail merge for a nested group in a Word document using the .NET Word Library (DocIO) in a live demo [here](https://ej2.syncfusion.com/aspnetcore/word/nestedmailmerge#/bootstrap5).
\ No newline at end of file
diff --git a/Document-Processing/Word/Word-Library/NET/rtf.md b/Document-Processing/Word/Word-Library/NET/rtf.md
index ea0129134..afacb1a61 100644
--- a/Document-Processing/Word/Word-Library/NET/rtf.md
+++ b/Document-Processing/Word/Word-Library/NET/rtf.md
@@ -105,8 +105,8 @@ The supported and unsupported features of DocIO based on file formats can be ref
 
 ## Online Demo
 
-* Explore how to convert the RTF file to Word document using the .NET Word Library (DocIO) in a live demo [here](https://document.syncfusion.com/demos/word/rtftodoc#/tailwind).
-* See how to convert a Word document to an RTF file using the .NET Word Library (DocIO) in a live demo [here](https://document.syncfusion.com/demos/word/wordtortf#/tailwind).
+* Explore how to convert the RTF file to Word document using the .NET Word Library (DocIO) in a live demo [here](https://ej2.syncfusion.com/aspnetcore/word/rtftodoc#/bootstrap5).
+* See how to convert a Word document to an RTF file using the .NET Word Library (DocIO) in a live demo [here](https://ej2.syncfusion.com/aspnetcore/word/wordtortf#/bootstrap5).
 
 ## See Also
 
diff --git a/Document-Processing/Word/Word-Library/NET/word-file-formats.md b/Document-Processing/Word/Word-Library/NET/word-file-formats.md
index 64eca4bef..c11d82060 100644
--- a/Document-Processing/Word/Word-Library/NET/word-file-formats.md
+++ b/Document-Processing/Word/Word-Library/NET/word-file-formats.md
@@ -1036,5 +1036,5 @@ You can download a complete working sample from [GitHub](https://github.com/Sync
 
 ## Online Demo
 
-* Explore how to convert the Word document to Word processing XML using the .NET Word Library (DocIO) in a live demo [here](https://document.syncfusion.com/demos/word/wordtowordml#/tailwind).
-* See how to convert the Word processing XML to Word document using the .NET Word Library (DocIO) in a live demo [here](https://document.syncfusion.com/demos/word/wordmltoword#/tailwind).
+* Explore how to convert the Word document to Word processing XML using the .NET Word Library (DocIO) in a live demo [here](https://ej2.syncfusion.com/aspnetcore/word/wordtowordml#/bootstrap5).
+* See how to convert the Word processing XML to Word document using the .NET Word Library (DocIO) in a live demo [here](https://ej2.syncfusion.com/aspnetcore/word/wordmltoword#/bootstrap5).
diff --git a/Document-Processing/Word/Word-Library/NET/word-to-odt.md b/Document-Processing/Word/Word-Library/NET/word-to-odt.md
index 44d2a07dc..d4b7e197c 100644
--- a/Document-Processing/Word/Word-Library/NET/word-to-odt.md
+++ b/Document-Processing/Word/Word-Library/NET/word-to-odt.md
@@ -758,4 +758,4 @@ Yes<br/><br/></td>
 
 ## Online Demo
 
-* Explore how to convert the Word document to ODT using the .NET Word Library (DocIO) in a live demo [here](https://document.syncfusion.com/demos/word/doctoodt#/tailwind).
+* Explore how to convert the Word document to ODT using the .NET Word Library (DocIO) in a live demo [here](https://ej2.syncfusion.com/aspnetcore/word/doctoodt#/bootstrap5).
diff --git a/Document-Processing/Word/Word-Library/NET/working-with-mail-merge.md b/Document-Processing/Word/Word-Library/NET/working-with-mail-merge.md
index 4b7a203e7..d5c329ea5 100644
--- a/Document-Processing/Word/Word-Library/NET/working-with-mail-merge.md
+++ b/Document-Processing/Word/Word-Library/NET/working-with-mail-merge.md
@@ -292,7 +292,7 @@ You can restart the list numbering in a Word document during Mail merge. For fur
 
 ## Online Demo
 
-* Explore how to generate a letter using mail merge functionality using the .NET Word Library (DocIO) in a live demo [here](https://document.syncfusion.com/demos/word/letterformat#/tailwind).
+* Explore how to generate a letter using mail merge functionality using the .NET Word Library (DocIO) in a live demo [here](https://ej2.syncfusion.com/aspnetcore/word/letterformat#/bootstrap5).
 
 ## See Also
 
diff --git a/Document-Processing/Word/Word-Processor/angular/paragraph-format.md b/Document-Processing/Word/Word-Processor/angular/paragraph-format.md
index 72fdbb48b..bc03aeb24 100644
--- a/Document-Processing/Word/Word-Processor/angular/paragraph-format.md
+++ b/Document-Processing/Word/Word-Processor/angular/paragraph-format.md
@@ -64,8 +64,11 @@ this.documentEditor.editor.toggleTextAlignment('Center' | 'Left' | 'Right' | 'Ju
 You can define the line spacing and its type for selected paragraphs using the following sample code.
 
 ```typescript
+// Set line spacing type
 this.documentEditor.selection.paragraphFormat.lineSpacingType='AtLeast';
-this.documentEditor.selection.paragraphFormat.lineSpacing= 6;
+// Set line spacing value (supports both integer and float)
+this.documentEditor.selection.paragraphFormat.lineSpacing= 6; // Integer value
+this.documentEditor.selection.paragraphFormat.lineSpacing= 6.5; // Float value
 ```
 
 ## Paragraph spacing
@@ -73,11 +76,8 @@ this.documentEditor.selection.paragraphFormat.lineSpacing= 6;
 You can define the spacing before or after the paragraph by using the following sample code.
 
 ```typescript
-// Set line spacing type
 this.documentEditor.selection.paragraphFormat.beforeSpacing= 24;
-// Set line spacing value (supports both integer and float)
-this.documentEditor.selection.paragraphFormat.lineSpacing= 6; // Integer value
-this.documentEditor.selection.paragraphFormat.lineSpacing= 6.5; // Float value
+this.documentEditor.selection.paragraphFormat.afterSpacing= 24;
 ```
 
 You can also set automatic spacing before and after the paragraph by using the following sample code.
diff --git a/Document-Processing/Word/Word-Processor/angular/spell-check.md b/Document-Processing/Word/Word-Processor/angular/spell-check.md
index 5d436fbf2..8cd8f7e2b 100644
--- a/Document-Processing/Word/Word-Processor/angular/spell-check.md
+++ b/Document-Processing/Word/Word-Processor/angular/spell-check.md
@@ -41,11 +41,11 @@ export class AppComponent {
 
 ## Enable SpellCheck
 
-To enable spell check in DocumentEditor, set [`enableSpellCheck`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/#enablespellcheck) property as `true` and then configure SpellCheckSettings.
+To enable spell check in DocumentEditor, set [`enableSpellCheck`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/index-default#enablespellcheck) property as `true` and then configure SpellCheckSettings.
 
 ## Disable SpellCheck
 
-To disable spell check in DocumentEditor, set [`enableSpellCheck`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/#enablespellcheck) property as `false` or remove [`enableSpellCheck`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/#enablespellcheck) property initialization code. The default value of this property is false.
+To disable spell check in DocumentEditor, set [`enableSpellCheck`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/index-default#enablespellcheck) property as `false` or remove [`enableSpellCheck`](https://ej2.syncfusion.com/angular/documentation/api/document-editor/index-default#enablespellcheck) property initialization code. The default value of this property is false.
 
 ## Spell check settings
 
@@ -73,8 +73,6 @@ Document Editor provides multi-language spell check support. You can add as many
 this.container.documentEditor.spellChecker.languageID = 1033; //LCID of "en-us";
 ```
 
-* Refer to the [Spell checker](https://gitea.syncfusion.com/essential-studio/ej2-documenteditor-server/) link for configuring spell checker in server-side.
-
 ### EnableOptimizedSpellCheck
 
 Document Editor provides option to spellcheck page by page when loading the documents. The default value of this property is false, so when opening the document spellcheck web API will be called for each word in the document. To optimize the frequency of spellcheck web API calls, you can enable this property.
@@ -162,4 +160,6 @@ Ignore All: ignore all occurrence of a word from error in the entire document.
 
 Using this option, you can open spell check dialog. Please see below screenshot for your reference.
 
-![Spell check dialog](images/spell-check-dialog.png)
\ No newline at end of file
+![Spell check dialog](images/spell-check-dialog.png)
+
+* Refer to the [Spell checker](https://help.syncfusion.com/document-processing/word/word-processor/angular/web-services/core#spell-check) link for configuring spell checker in server-side.
\ No newline at end of file
diff --git a/Document-Processing/Word/Word-Processor/asp-net-core/spell-check.md b/Document-Processing/Word/Word-Processor/asp-net-core/spell-check.md
index d7ab2ddda..9b7278ee1 100644
--- a/Document-Processing/Word/Word-Processor/asp-net-core/spell-check.md
+++ b/Document-Processing/Word/Word-Processor/asp-net-core/spell-check.md
@@ -1,6 +1,6 @@
 ---
 layout: post
-title: Spell Check in Document Editor Component
+title: Spell Check in ASP.NET Core Document Editor Component | Syncfusion
 description: Learn here all about spell check in Syncfusion Document Editor component of Syncfusion Essential JS 2 and more.
 platform: document-processing
 control: Spell Check
@@ -17,9 +17,7 @@ Document editor supports performing spell checking for any input text. You can p
 {% highlight cshtml tabtitle="CSHTML" %}
 {% include code-snippet/document-editor/asp-net-core/spell-checker/tagHelper %}
 {% endhighlight %}
-{% highlight c# tabtitle="Spell-checker.cs" %}
-{% endhighlight %}{% endtabs %}
-
+{% endtabs %}
 
 
 ## Features
@@ -147,4 +145,4 @@ Using this option, you can open spell check dialog.
 
 ![Spell check dialog](images/spell-check-dialog.png)
 
-* Refer to the [Spell checker](https://gitea.syncfusion.com/essential-studio/ej2-documenteditor-server/) link for configuring spell checker in server-side.
\ No newline at end of file
+* Refer to the [Spell checker](https://github.com/SyncfusionExamples/EJ2-Document-Editor-Web-Services/tree/master/ASP.NET%20Core#steps-to-configure-spell-checker) link for configuring spell checker in server-side.
\ No newline at end of file
diff --git a/Document-Processing/Word/Word-Processor/asp-net-mvc/paragraph-format.md b/Document-Processing/Word/Word-Processor/asp-net-mvc/paragraph-format.md
index a5ae4ec07..f44fcdc05 100644
--- a/Document-Processing/Word/Word-Processor/asp-net-mvc/paragraph-format.md
+++ b/Document-Processing/Word/Word-Processor/asp-net-mvc/paragraph-format.md
@@ -151,6 +151,9 @@ documenteditor.documentEditorSettings.showHiddenMarks = true;
 {% highlight razor tabtitle="CSHTML" %}
 {% include code-snippet/document-editor/asp-net-mvc/paragraph-format/razor %}
 {% endhighlight %}
+{% highlight c# tabtitle="Paragraph-format.cs" %}
+{% include code-snippet/document-editor/asp-net-mvc/paragraph-format/document-editor.cs %}
+{% endhighlight %}
 {% endtabs %}
 
 
diff --git a/Document-Processing/Word/Word-Processor/asp-net-mvc/spell-check.md b/Document-Processing/Word/Word-Processor/asp-net-mvc/spell-check.md
index 14926c5da..62f5b81cd 100644
--- a/Document-Processing/Word/Word-Processor/asp-net-mvc/spell-check.md
+++ b/Document-Processing/Word/Word-Processor/asp-net-mvc/spell-check.md
@@ -1,6 +1,6 @@
 ---
 layout: post
-title: Spell Check in ASP.NET MVC Document Editor Component
+title: Spell Check in ASP.NET MVC Document Editor Component | Syncfusion
 description: Learn here all about spell check in Syncfusion ASP.NET MVC Document Editor component of Syncfusion Essential JS 2 and more.
 platform: document-processing
 control: Spell Check
@@ -17,8 +17,7 @@ Document editor supports performing spell checking for any input text. You can p
 {% highlight razor tabtitle="CSHTML" %}
 {% include code-snippet/document-editor/asp-net-mvc/spell-checker/razor %}
 {% endhighlight %}
-{% highlight c# tabtitle="Spell-checker.cs" %}
-{% endhighlight %}{% endtabs %}
+{% endtabs %}
 
 
 
@@ -147,4 +146,4 @@ Using this option, you can open spell check dialog.
 
 ![Spell check dialog](images/spell-check-dialog.png)
 
-* Refer to the [Spell checker](https://gitea.syncfusion.com/essential-studio/ej2-documenteditor-server/) link for configuring spell checker in server-side.
\ No newline at end of file
+* Refer to the [Spell checker](https://github.com/SyncfusionExamples/EJ2-Document-Editor-Web-Services/tree/master/ASP.NET%20MVC#spell-check) link for configuring spell checker in server-side.
\ No newline at end of file
diff --git a/Document-Processing/Word/Word-Processor/javascript-es5/paragraph-format.md b/Document-Processing/Word/Word-Processor/javascript-es5/paragraph-format.md
index 295dbf54e..87fb2b2f2 100644
--- a/Document-Processing/Word/Word-Processor/javascript-es5/paragraph-format.md
+++ b/Document-Processing/Word/Word-Processor/javascript-es5/paragraph-format.md
@@ -79,6 +79,7 @@ documenteditor.selection.paragraphFormat.lineSpacingType = 'AtLeast';
 // Set line spacing value (supports both integer and float)
 documenteditor.selection.paragraphFormat.lineSpacing = 6; // Integer value
 documenteditor.selection.paragraphFormat.lineSpacing = 6.5; // Float value
+
 ```
 
 ## Paragraph spacing
diff --git a/Document-Processing/Word/Word-Processor/javascript-es5/spell-check.md b/Document-Processing/Word/Word-Processor/javascript-es5/spell-check.md
index 759cba927..4ee986a79 100644
--- a/Document-Processing/Word/Word-Processor/javascript-es5/spell-check.md
+++ b/Document-Processing/Word/Word-Processor/javascript-es5/spell-check.md
@@ -30,7 +30,7 @@ spellChecker.allowSpellCheckAndSuggestion = true;
 ```
 
 >Note: Document Editor requires server-side dependencies for spell check configuration.
-Refer to the [Document Editor Web API service projects from GitHub](https://gitea.syncfusion.com/essential-studio/ej2-documenteditor-server/) link for configuring spell checker in server-side.To know about server-side dependencies, please refer this [page](./web-services-overview).
+Refer to the [Document Editor Web API service projects](https://help.syncfusion.com/document-processing/word/word-processor/javascript-es5/web-services/core) link for configuring spell checker in server-side.To know about server-side dependencies, please refer this [page](./web-services-overview).
 
 ## Features
 
@@ -159,3 +159,5 @@ Ignore All: ignore all occurrence of a word from error in the entire document.
 Using this option, you can open spell check dialog. Please see below screenshot for your reference.
 
 ![Spell check dialog in JavaScript document editor](images/spell-check-dialog.png)
+
+* Refer to the [Spell checker](https://help.syncfusion.com/document-processing/word/word-processor/javascript-es5/web-services/core#spell-check) link for configuring spell checker in server-side.
diff --git a/Document-Processing/Word/Word-Processor/javascript-es6/spell-check.md b/Document-Processing/Word/Word-Processor/javascript-es6/spell-check.md
index dad69c3ec..59d8262a6 100644
--- a/Document-Processing/Word/Word-Processor/javascript-es6/spell-check.md
+++ b/Document-Processing/Word/Word-Processor/javascript-es6/spell-check.md
@@ -30,7 +30,7 @@ spellChecker.allowSpellCheckAndSuggestion = true;
 ```
 
 >Note: Document Editor requires server-side dependencies for spell check configuration.
-Refer to the [Document Editor Web API service projects from GitHub](https://gitea.syncfusion.com/essential-studio/ej2-documenteditor-server/) link for configuring spell checker in server-side.To know about server-side dependencies, please refer this [page](./web-services-overview).
+Refer to the [Document Editor Web API service projects](https://help.syncfusion.com/document-processing/word/word-processor/javascript-es6/web-services/core#spell-check) link for configuring spell checker in server-side.To know about server-side dependencies, please refer this [page](./web-services-overview).
 
 ## Features
 
@@ -159,3 +159,5 @@ Ignore All: ignore all occurrence of a word from error in the entire document.
 Using this option, you can open spell check dialog. Please see below screenshot for your reference.
 
 ![Spell check dialog in JavaScript document editor](images/spell-check-dialog.png)
+
+* Refer to the [Spell checker](https://help.syncfusion.com/document-processing/word/word-processor/javascript-es6/web-services/core#spell-check) link for configuring spell checker in server-side.
diff --git a/Document-Processing/Word/Word-Processor/react/how-to/export-document-as-pdf.md b/Document-Processing/Word/Word-Processor/react/how-to/export-document-as-pdf.md
index b78aa0be8..acacdf8bf 100644
--- a/Document-Processing/Word/Word-Processor/react/how-to/export-document-as-pdf.md
+++ b/Document-Processing/Word/Word-Processor/react/how-to/export-document-as-pdf.md
@@ -185,4 +185,4 @@ public void ExportPdf([FromBody]SaveParameter data)
 }
 ```
 
-Get the complete working sample in this [`link`](https://github.com/SyncfusionExamples/Export-document-as-PDF-in-Document-Editor/).
\ No newline at end of file
+Get the complete working sample in this [`link`](https://github.com/SyncfusionExamples/Export-document-as-PDF-in-Document-Editor/).
diff --git a/Document-Processing/Word/Word-Processor/react/spell-check.md b/Document-Processing/Word/Word-Processor/react/spell-check.md
index 44845c995..dd30e68f7 100644
--- a/Document-Processing/Word/Word-Processor/react/spell-check.md
+++ b/Document-Processing/Word/Word-Processor/react/spell-check.md
@@ -97,11 +97,9 @@ documentEditor.spellChecker.allowSpellCheckAndSuggestion = false;
 
 Document Editor provides multi-language spell check support. You can add as many languages (dictionaries) in the server-side and to use that language for spell checking in Document Editor, it must be matched with [`languageID`](https://ej2.syncfusion.com/react/documentation/api/document-editor/spellChecker#languageid) you pass in the Document Editor.
 
-     ```ts
-      documentEditor.spellChecker.languageID = 1033; //LCID of "en-us";
-     ```
-
-* Refer to the [Spell checker](https://gitea.syncfusion.com/essential-studio/ej2-documenteditor-server/) link for configuring spell checker in server-side.
+```ts
+documentEditor.spellChecker.languageID = 1033; //LCID of "en-us";
+```
 
 ### EnableOptimizedSpellCheck
 
@@ -190,4 +188,6 @@ Ignore All: ignore all occurrence of a word from error in the entire document.
 
 Using this option, you can open spell check dialog. Please see below screenshot for your reference.
 
-![Spell check dialog](images/spell-check-dialog.png)
\ No newline at end of file
+![Spell check dialog](images/spell-check-dialog.png)
+
+* Refer to the [Spell checker](https://help.syncfusion.com/document-processing/word/word-processor/react/web-services/core#spell-check) link for configuring spell checker in server-side.
\ No newline at end of file
diff --git a/Document-Processing/Word/Word-Processor/vue/spell-check.md b/Document-Processing/Word/Word-Processor/vue/spell-check.md
index 2366b4b46..7597666c5 100644
--- a/Document-Processing/Word/Word-Processor/vue/spell-check.md
+++ b/Document-Processing/Word/Word-Processor/vue/spell-check.md
@@ -200,4 +200,4 @@ Using this option, you can open spell check dialog. Please see below screenshot
 
 ![Spell check dialog](images/spell-check-dialog.png)
 
-* Refer to the [Spell checker](https://gitea.syncfusion.com/essential-studio/ej2-documenteditor-server/) link for configuring spell checker in server-side.
\ No newline at end of file
+* Refer to the [Spell checker](https://help.syncfusion.com/document-processing/word/word-processor/vue/web-services/core#spell-check) link for configuring spell checker in server-side.
\ No newline at end of file