1043806- Revamp UG documentation for forms, Organize pages, redaction samples in Core platform

Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/mobile-view.md

@@ -13,7 +13,9 @@ The Redaction Tool enables users to permanently mark and remove sensitive conten
 
 ![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 thumb access. The mobile layout activates automatically on small screens.
+N> In mobile view, the redaction toolbar appears at the bottom of the viewer for thumb-friendly access.
+
+N> The mobile layout activates automatically on small screens.
 
 ## Adding Redaction in Mobile View
 

Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/programmatic-support.md

@@ -104,7 +104,7 @@ You can add redaction annotations to a PDF document using the `addAnnotation` me
 
 ## Delete redaction annotations programmatically
 
-Redaction annotations can be removed using the `deleteAnnotationById` event or by selecting and deleting them through code.
+Redaction annotations can be removed using the `deleteAnnotationById` method or by selecting and deleting them through code.
 
 {% tabs %}
 {% highlight cshtml tabtitle="Standalone" %}
@@ -317,7 +317,7 @@ You can configure default properties for redaction annotations (such as fill col
 
 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)
+![Redaction Property Panel](./redaction-annotations-images/redaction-property-panel-icon.png)
 
 ## See also
 

Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/search-redact.md

@@ -10,7 +10,7 @@ domainurl: ##DomainURL##
 
 # Search text and redact in ASP.NET Core PdfViewer
 
-Search for a keyword in the loaded PDF and automatically add redaction annotations for each match. The example below wires the `extractTextCompleted` event, triggers text extraction, performs a search, and adds redaction annotations for every result.
+Search for a keyword in the loaded PDF and automatically add redaction annotations for each match. The example below calls `findTextAsync` to perform the search and then adds a redaction annotation for every returned text bound.
 
 N> Prerequisites: Add the PdfViewer control to the ASP.NET Core application and ensure a document is loaded. Confirm the redaction feature is available in the used product version. Applying redaction permanently removes the selected content.
 

Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/toolbar.md

@@ -56,7 +56,7 @@ window.onload = function () {
 
 Refer to the following image for the toolbar view:
 
-![Enable redaction toolbar](../redaction/redaction-annotations-images/redaction-icon-toolbar.png)
+![Enable redaction toolbar](./redaction-annotations-images/redaction-icon-toolbar.png)
 
 ## Show or hide the redaction toolbar
 
@@ -66,7 +66,7 @@ Toggle the redaction toolbar using the built‑in toolbar icon or programmatical
 
 When `RedactionEditTool` is included in the toolbar settings, clicking the redaction icon in the primary toolbar shows or hides the redaction toolbar.
 
-![Show redaction toolbar from the primary toolbar](../redaction/redaction-annotations-images/redaction-icon-toolbar.png)
+![Show redaction toolbar from the primary toolbar](./redaction-annotations-images/redaction-icon-toolbar.png)
 
 ### Display the redaction toolbar programmatically
 
@@ -118,11 +118,11 @@ The following example demonstrates toggling the redaction toolbar programmatical
 
 Refer to the following image for details:
 
-![Programmatically show the Redaction toolbar](../redaction/redaction-annotations-images/show-redaction-toolbar.png)
+![Programmatically show the Redaction toolbar](./redaction-annotations-images/show-redaction-toolbar.png)
 
 ## See also
 
-* [Adding the redaction annotation in PDF viewer](../redaction/overview)
+* [Adding the redaction annotation in PDF viewer](./overview)
 * [UI interactions](./ui-interaction)
 * [Programmatic support](./programmatic-support)
 * [Mobile view](./mobile-view)

Document-Processing/PDF/PDF-Viewer/asp-net-core/Redaction/ui-interaction.md

@@ -23,7 +23,7 @@ Use the redaction tool to draw over content to be hidden. After marking, an anno
 * **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).
+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
 

Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/form-constrain.md

@@ -35,10 +35,14 @@ The following flags are supported in the PDF Viewer:
 
 ### Make Fields Read Only
 
-The **isReadOnly** property prevents users from modifying a form field through the UI. This is useful for displaying prefilled or calculated values that should not be changed.
+The **isReadOnly** property prevents users from modifying a form field through the UI. This is useful for displaying filled or calculated values that should not be changed.
 
 {% tabs %}
 {% highlight cshtml tabtitle="Standalone" %}
+<div class="text-center">
+    <ejs-pdfviewer id="pdfviewer" style="height:600px" resourceUrl="https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib" documentPath="https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf">
+    </ejs-pdfviewer>
+</div>
 <script type="text/javascript">
 document.addEventListener('DOMContentLoaded', function () {
   var pdfviewer = document.getElementById('pdfviewer').ej2_instances[0];
@@ -75,6 +79,10 @@ When required fields are empty, validation can prevent further actions.
 
 {% tabs %}
 {% highlight cshtml tabtitle="Standalone" %}
+<div class="text-center">
+    <ejs-pdfviewer id="pdfviewer" style="height:600px" resourceUrl="https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib" documentPath="https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf">
+    </ejs-pdfviewer>
+</div>
 <script type="text/javascript">
 document.addEventListener('DOMContentLoaded', function () {
   var pdfviewer = document.getElementById('pdfviewer').ej2_instances[0];
@@ -110,6 +118,10 @@ The **isPrint** property controls whether a form field appears in the printed ou
 
 {% tabs %}
 {% highlight cshtml tabtitle="Standalone" %}
+<div class="text-center">
+    <ejs-pdfviewer id="pdfviewer" style="height:600px" resourceUrl="https://cdn.syncfusion.com/ej2/31.1.23/dist/ej2-pdfviewer-lib" documentPath="https://cdn.syncfusion.com/content/pdf/form-filling-document.pdf">
+    </ejs-pdfviewer>
+</div>
 <script type="text/javascript">
 document.addEventListener('DOMContentLoaded', function () {
   var pdfviewer = document.getElementById('pdfviewer').ej2_instances[0];
@@ -196,7 +208,7 @@ document.addEventListener('DOMContentLoaded', function () {
 
 ### Update Flags on Existing Fields Programmatically
 
-The [updateFormField()](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.pdfviewer.pdfviewer.html) method modifies constraint values on existing form fields.
+The [updateFormField()](https://ej2.syncfusion.com/documentation/api/pdfviewer/index-default#updateformfields) method modifies constraint values on existing form fields.
 
 {% tabs %}
 {% highlight cshtml tabtitle="Standalone" %}

Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/form-designer.md

@@ -10,7 +10,7 @@ domainurl: ##DomainURL##
 
 # Form Designer in ASP.NET Core PDF Viewer
 
-When **Form Designer mode** is enabled in the Syncfusion ASP.NET Core PDF Viewer, a default [Form Designer user interface (UI)](https://document.syncfusion.com/demos/pdf-viewer/asp-net-core/pdfviewer/formdesigner#/tailwind3) is displayed. This UI includes a built in toolbar for adding form fields such as text boxes, password fields, check boxes, radio buttons, drop down lists, list boxes, and signature and initial fields.
+When **Form Designer mode** is enabled in the Syncfusion ASP.NET Core PDF Viewer, a default [Form Designer user interface (UI)](https://document.syncfusion.com/demos/pdf-viewer/asp-net-core/pdfviewer/formdesigner#/tailwind3) is displayed. This UI includes a built-in toolbar for adding form fields such as text boxes, password fields, check boxes, radio buttons, drop down lists, list boxes, and signature and initial fields.
 
 Form fields can be placed on the PDF, moved and resized, configured with field and widget properties, previewed, and removed as needed. The Form Designer toolbar can be shown, hidden, and customized to control available tools based on application requirements, enabling flexible and interactive form design directly within the viewer.
 
@@ -103,7 +103,7 @@ Each toolbar item allows placing the corresponding form field by selecting the t
 
 ![Adding Text Box](../../javascript-es6/images/AddTextBox.gif)
 
-The following code snippet enables Form Designer using the ASP.NET Core TagHelper:
+The following code snippet shows the Form Designer rendered using the ASP.NET Core TagHelper and demonstrates disabling Form Designer at runtime:
 
 {% tabs %}
 {% highlight cshtml tabtitle="Standalone" %}

Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/form-filling.md

@@ -1,7 +1,7 @@
 ---
 layout: post
 title: Form filling in ASP.NET Core PDF Viewer Control | Syncfusion
-description: Learn to view, fill, export, and import PDF form fields in Syncfusion ASP.NET Core PDF Viewer, including disabling interaction and handling signatures.
+description: Learn how to view, fill, export, and import PDF form fields seamlessly using the Syncfusion ASP.NET Core PDF Viewer for efficient form management.
 platform: document-processing
 control: PDF Viewer
 documentation: ug
@@ -20,9 +20,10 @@ The Syncfusion PDF Viewer supports three form-filling methods:
 
   Users can fill PDF form fields directly through the UI by typing, selecting, or interacting with supported form elements.
 
-3. [Importing form field data](#fill-pdf-forms-through-import-data)
+3. [Importing form field data](#import-pdf-form-data)
 
-  The PDF Viewer supports importing form field data into an existing document to prefill forms from external data sources.
+
+  The PDF Viewer supports importing form field data into an existing document to fill forms from external data sources.
 
 ## Fill PDF forms programmatically 
 
@@ -70,7 +71,7 @@ The PDF Viewer supports common form fields such as text boxes, check boxes, radi
 
 {% previewsample "/document-processing/code-snippet/pdfviewer/javascript-es6/prefilledforms-cs1" %}
 
-## Fill PDF forms through Import Data 
+## Import PDF Form Data
 
 The PDF Viewer supports importing form field data into an existing document using the [importFormFields](https://ej2.syncfusion.com/documentation/api/pdfviewer/index-default#importformfields) API. Imported data is mapped to corresponding form fields by name and displayed in the viewer; values can be edited through the UI if required.
 

Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/form-validation.md

@@ -1,7 +1,7 @@
 ---
 layout: post
 title: Form validation in the ASP.NET Core PDF Viewer component | Syncfusion
-description: Learn how to enable built in form field validation and validate missing required fields in the Syncfusion ASP.NET Core PDF Viewer.
+description: Learn how to enable built-in form field validation and validate missing required fields in the Syncfusion ASP.NET Core PDF Viewer.
 platform: document-processing
 control: PDF Viewer
 documentation: ug

Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/group-form-fields.md

@@ -16,7 +16,7 @@ This page covers:
 - [Field behavior based on type](#field-behavior-by-type)
 - [How to group form fields using the UI](#group-using-the-form-designer-ui)
 - [How to group form fields programmatically](#group-pdf-form-fields-programmatically)
-- [Example scenarios](#example-scenarios)
+  - [Example scenarios](#example-scenarios)
 
 ## How Grouping Works
 
@@ -30,7 +30,7 @@ In a PDF form, multiple PDF Form Fields can represent the same logical form fiel
 - **ListBox and DropDown** — The selected value is shared across widgets with the same Name.
 - **Signature and Initial fields** — Applied signatures or initials are mirrored across grouped widgets.
 
-N> Form field grouping is controlled by the Name property. Widget position is determined only by bounds; grouping is unaffected by location.
+N> Form field grouping is controlled by the Name property. Widget position is determined only by bounds; grouping is unaffected by location. Grouping is meaningful only for fields of the same type family — the Name is the only grouping key, and other properties (bounds, options, style) are not used to derive a group.
 
 ## Group Using the Form Designer UI
 
@@ -47,7 +47,7 @@ N> Form field grouping is controlled by the Name property. Widget position is de
 
 ## Group PDF Form Fields Programmatically
 
-Form fields can be grouped during creation by assigning the same Name through code.
+Form fields can be grouped during creation by assigning the same Name through code. To re-group an existing field, set its Name using `pdfviewer.formDesignerModule.updateFormField(...)`; all widgets with that Name are then treated as a group.
 
 ### Example Scenarios
 - Two textboxes named EmployeeId share the same value.

Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/import-export-form-fields/export-form-fields.md

@@ -100,7 +100,7 @@ document.addEventListener('DOMContentLoaded', function () {
 
 ### Export as Object
 
-Use [exportFormFieldsAsObject()](https://ej2.syncfusion.com/documentation/api/pdfviewer/index-default#exportformfieldsasobject) to obtain form data as a JavaScript object for database or API integration.
+Use [exportFormFieldsAsObject()](https://ej2.syncfusion.com/documentation/api/pdfviewer/index-default#exportformfieldsasobject) to obtain form data as a JavaScript object for database or API integration. The `format` parameter is required and accepts `Fdf`, `Xfdf`, or `Json`.
 
 {% tabs %}
 {% highlight cshtml tabtitle="Standalone" %}

Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/import-export-form-fields/import-export-events.md

@@ -89,8 +89,7 @@ document.addEventListener('DOMContentLoaded', function () {
 {% endtabs %}
 
 ## Key Notes
-- importStart, importSuccess, importFailed cover the full import life cycle.
-- exportStart, exportSuccess, exportFailed cover the full export life cycle.
+- For each import or export operation, the Start event fires first, followed by either Success or Failed (mutually exclusive).
 
 ## See also
 
@@ -103,5 +102,4 @@ document.addEventListener('DOMContentLoaded', function () {
 - [Import form fields](./import-form-fields)
 - [Export form fields](./export-form-fields)
 - [Form validation](../form-validation)
-- [Form fields API](../form-fields-api)
 - [Form fields API](../form-fields-api)

Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/import-export-form-fields/import-form-fields.md

@@ -11,11 +11,11 @@ documentation: ug
 
 The **PDF Viewer** lets you import values into interactive form fields in the currently loaded PDF. You can import data from these formats:
 
-- [FDF](#import-as-fdf)
+- [FDF](#import-fdf)
 - [XFDF](#import-xfdf)
 - [JSON](#import-json)
 
-## API to use
+## Available methods
 - [importFormFields](https://ej2.syncfusion.com/documentation/api/pdfviewer/index-default#importformfields)(sourceOrObject, format)
 
 N>If you’re using a **server-backed viewer**, set serviceUrl before importing.
@@ -103,7 +103,7 @@ document.addEventListener('DOMContentLoaded', function () {
 - [Form Designer Toolbar](../../toolbar-customization/form-designer-toolbar)
 - [Export form fields](./export-form-fields)
 - [Import Export Events](./import-export-events)
-- [Create Edit form fields](../overview-create-forms)
+- [Create and edit form fields](../overview-create-forms)
 - [Group form fields](../group-form-fields)
 - [Form validation](../form-validation)
 - [Add custom data to form fields](../custom-data)

Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/manage-form-fields/customize-form-fields.md

@@ -18,7 +18,7 @@ Use the **Properties** panel to adjust:
 - Background color
 ![Textbox style from UI](../../../javascript-es6/images/ui-textbox-style.png)
 
-## Customize appearance Form Fields Programmatically
+## Customize Form Field Appearance Programmatically
 Use [updateFormField()](https://ej2.syncfusion.com/documentation/api/pdfviewer/index-default#updateformfields) to apply styles.
 
 {% tabs %}

Document-Processing/PDF/PDF-Viewer/asp-net-core/forms/manage-form-fields/modify-form-fields.md

@@ -100,7 +100,6 @@ document.addEventListener('DOMContentLoaded', function () {
 - UI: Tooltip, required, max length, font, appearance.
 ![Password edited from UI](../../../javascript-es6/images/ui-password-edit.png)
 - API: [updateFormField()](https://ej2.syncfusion.com/documentation/api/pdfviewer/index-default#updateformfields) for tooltip, validation flags, typography, colors, alignment, borders.
-![Password edited from UI](../../../javascript-es6/images/ui-password-edit.png)
 
 {% tabs %}
 {% highlight cshtml tabtitle="Standalone" %}
@@ -172,9 +171,9 @@ document.addEventListener('DOMContentLoaded', function () {
 {% endtabs %}
 
 ### RadioButton
-•	UI: Set selected item in a group (same Name).
+- UI: Set selected item in a group (same Name).
 ![RadioButton edited from UI](../../../javascript-es6/images/ui-radiobutton-edit.png)
-•	API: [updateFormField()](https://ej2.syncfusion.com/documentation/api/pdfviewer/index-default#updateformfields) to set selected value and border appearance.
+- API: [updateFormField()](https://ej2.syncfusion.com/documentation/api/pdfviewer/index-default#updateformfields) to set selected value and border appearance.
 {% tabs %}
 {% highlight cshtml tabtitle="Standalone" %}
 <button id="editRadio">Modify RadioButton</button>
@@ -200,9 +199,9 @@ document.addEventListener('DOMContentLoaded', function () {
 {% endtabs %}
 
 ### ListBox
-•	UI: Add/remove items, set selection, adjust fonts/colors.
+- UI: Add/remove items, set selection, adjust fonts/colors.
 ![ListBox edited from UI](../../../javascript-es6/images/ui-listbox-edit.png)
-•	API: [updateFormField()](https://ej2.syncfusion.com/documentation/api/pdfviewer/index-default#updateformfields) for items, selection, borders.
+- API: [updateFormField()](https://ej2.syncfusion.com/documentation/api/pdfviewer/index-default#updateformfields) for items, selection, borders.
 {% tabs %}
 {% highlight cshtml tabtitle="Standalone" %}
 <button id="editListBox">Edit ListBox</button>
@@ -239,9 +238,9 @@ document.addEventListener('DOMContentLoaded', function () {
 {% endtabs %}
 
 ### DropDown
-•	UI: Add/remove items, default value, appearance.
+- UI: Add/remove items, default value, appearance.
 ![DropDown edited from UI](../../../javascript-es6/images/ui-dropdown-edit.png)
-•	API: [updateFormField()](https://ej2.syncfusion.com/documentation/api/pdfviewer/index-default#updateformfields) for items, value, borders.
+- API: [updateFormField()](https://ej2.syncfusion.com/documentation/api/pdfviewer/index-default#updateformfields) for items, value, borders.
 {% tabs %}
 {% highlight cshtml tabtitle="Standalone" %}
 <button id="editDropDown">Edit DropDown</button>
@@ -278,9 +277,9 @@ document.addEventListener('DOMContentLoaded', function () {
 {% endtabs %}
 
 ### Signature Field
-•	UI: Tooltip, thickness, indicator text, required/visibility.
+- UI: Tooltip, thickness, indicator text, required/visibility.
 ![Signature field edited from UI](../../../javascript-es6/images/ui-signature-edit.png)
-•	API: [updateFormField()](https://ej2.syncfusion.com/documentation/api/pdfviewer/index-default#updateformfields) for tooltip, required, colors, borders.
+- API: [updateFormField()](https://ej2.syncfusion.com/documentation/api/pdfviewer/index-default#updateformfields) for tooltip, required, colors, borders.
 {% tabs %}
 {% highlight cshtml tabtitle="Standalone" %}
 <div class="text-center">
@@ -314,9 +313,9 @@ document.addEventListener('DOMContentLoaded', function () {
 {% endtabs %}
 
 ### Initial Field
-•	UI: Tooltip, indicator text, thickness, required/visibility.
+- UI: Tooltip, indicator text, thickness, required/visibility.
 ![Initial field edited from UI](../../../javascript-es6/images/ui-initial-edit.png)
-•	API: [updateFormField()](https://ej2.syncfusion.com/documentation/api/pdfviewer/index-default#updateformfields) for tooltip, required, colors, borders.
+- API: [updateFormField()](https://ej2.syncfusion.com/documentation/api/pdfviewer/index-default#updateformfields) for tooltip, required, colors, borders.
 {% tabs %}
 {% highlight cshtml tabtitle="Standalone" %}
 <button id="editInitial">Edit Initial</button>
@@ -354,7 +353,7 @@ document.addEventListener('DOMContentLoaded', function () {
 - [Form Designer overview](../overview)
 - [Form Designer Toolbar](../../toolbar-customization/form-designer-toolbar)
 - [Create form fields](./create-form-fields)
-- [Remove form Fields](./remove-form-fields)
+- [Remove form fields](./remove-form-fields)
 - [Style form fields](./customize-form-fields)
 - [Group form fields](../group-form-fields)
 - [Form validation](../form-validation)