Merge pull request #2092 from syncfusion-content/1001842-HfFormsgifUpdate

1001842: HotfixF Forms GIF Update

Author: AnanthaGokulaRaman

Document-Processing/PDF/PDF-Viewer/javascript-es6/form-designer/Create-edit-Style-del-formFields/create-formfields.md

@@ -13,14 +13,14 @@ The PDF Viewer component supports interactive form field design, including drawi
 
 The PDF Viewer supports the following form field types:
 
-- Textbox
-- Password
-- CheckBox
-- RadioButton
-- ListBox
-- DropDown
-- Signature field
-- Initial field
+- [Textbox](#add-textbox)
+- [Password](#add-password)
+- [CheckBox](#add-checkbox)
+- [RadioButton](#add-radiobutton)
+- [ListBox](#add-listbox)
+- [DropDown](#add-dropdown)
+- [Signature field](#signature-field)
+- [Initial field](#add-initial-field)
 
 ## Add the form field dynamically
 

Document-Processing/PDF/PDF-Viewer/javascript-es6/form-designer/Create-edit-Style-del-formFields/edit-formfields.md

@@ -13,14 +13,14 @@ The PDF Viewer component allows user to edit PDF form fields using the Form Desi
 
 The PDF Viewer supports editing these field types:
 
-- Textbox
-- Password
-- CheckBox
-- RadioButton
-- ListBox
-- DropDown
-- Signature field
-- Initial field
+- [Textbox](#textbox)
+- [Password](#password)
+- [CheckBox](#checkbox)
+- [RadioButton](#radiobutton)
+- [ListBox](#listbox)
+- [DropDown](#dropdown)
+- [Signature field](#signature-field)
+- [Initial field](#initial-field)
 
 ## Edit with the UI
 

Document-Processing/PDF/PDF-Viewer/javascript-es6/form-designer/Create-edit-Style-del-formFields/style-formfields.md

@@ -13,14 +13,14 @@ The PDF Viewer component allows users to style and customize the appearance of P
 
 Supported field types:
 
-- Textbox
-- Password
-- CheckBox
-- RadioButton
-- ListBox
-- DropDown
-- Signature field
-- Initial field
+- [Textbox](#textbox)
+- [Password](#password)
+- [CheckBox](#checkbox)
+- [RadioButton](#radiobutton)
+- [ListBox](#listbox)
+- [DropDown](#dropdown)
+- [Signature field](#signature-field)
+- [Initial field](#initial-field)
 
 ## Textbox
 
@@ -73,7 +73,7 @@ pdfviewer.appendTo('#PdfViewer');
 
 ### 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.
+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 pre configure TextBox properties applied when adding fields from the Form Designer toolbar.
 
 ```ts
 // Apply as defaults for Textbox added from toolbar
@@ -138,7 +138,7 @@ if (pw) {
 
 ### 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.
+The PDF Viewer exposes default settings APIs for form fields. Use the [PasswordFieldSettings](https://ej2.syncfusion.com/documentation/api/pdfviewer/index-default#passwordfieldsettings) to pre configure Password properties applied when adding fields from the Form Designer toolbar.
 
 ```ts
 pdfviewer.passwordFieldSettings = {
@@ -197,7 +197,7 @@ if (cb) {
 
 ### 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.
+The PDF Viewer exposes default settings APIs for form fields. Use the [CheckBoxFieldSettings](https://ej2.syncfusion.com/documentation/api/pdfviewer/index-default#checkboxfieldsettings) to pre configure CheckBox properties applied when adding fields from the Form Designer toolbar.
 
 ```ts
 pdfviewer.checkBoxFieldSettings = {
@@ -246,7 +246,7 @@ if (radios.length > 1) {
 
 ### 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.
+The PDF Viewer exposes default settings APIs for form fields. Use the [RadioButtonFieldSettings](https://ej2.syncfusion.com/documentation/api/pdfviewer/index-default#radiobuttonfieldsettings) to pre configure RadioButton properties applied when adding fields from the Form Designer toolbar.
 
 ```ts
 pdfviewer.radioButtonFieldSettings = {
@@ -306,7 +306,7 @@ if (lb) {
 
 ### 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.
+The PDF Viewer exposes default settings APIs for form fields. Use the [listBoxFieldSettings](https://ej2.syncfusion.com/documentation/api/pdfviewer/index-default#listboxfieldsettings) to pre configure ListBox properties applied when adding fields from the Form Designer toolbar.
 
 ```ts
 const customOptions = [
@@ -377,7 +377,7 @@ if (dd) {
 
 ### 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.
+The PDF Viewer exposes default settings APIs for form fields. DropDown uses [DropDownFieldSettings](https://ej2.syncfusion.com/documentation/api/pdfviewer/index-default#DropDownfieldsettings) to pre configure properties applied when adding fields from the Form Designer toolbar.
 
 ```ts
 const ddOptions = [
@@ -444,7 +444,7 @@ if (sig) {
 
 ### 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.
+The PDF Viewer exposes default settings APIs for form fields. Use the [SignatureFieldSettings](https://ej2.syncfusion.com/documentation/api/pdfviewer/index-default#signaturefieldsettings) to pre configure Signature properties applied when adding fields from the Form Designer toolbar.
 
 ```ts
 pdfviewer.signatureFieldSettings = {
@@ -507,7 +507,7 @@ if (init) {
 
 ### 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.
+The PDF Viewer exposes default settings APIs for form fields. Use the [InitialFieldSettings](https://ej2.syncfusion.com/documentation/api/pdfviewer/index-default#initialfieldsettings) to pre configure Initial properties applied when adding fields from the Form Designer toolbar.
 
 ```ts
 pdfviewer.initialFieldSettings = {

Document-Processing/PDF/PDF-Viewer/javascript-es6/form-designer/form-constrain.md

@@ -11,9 +11,9 @@ documentation: ug
 
 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.
+- [isReadOnly](#make-form-fields-readonly): Prevents users from editing a field.
+- [isRequired](#mark-fields-as-required): Marks a field as mandatory and participates in validation.
+- [isPrint](#control-field-print-behavior): 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.
 

Document-Processing/PDF/PDF-Viewer/javascript-es6/form-designer/form-designer.md

@@ -13,13 +13,13 @@ domainurl: ##DomainURL##
 ## 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
-- Control interaction: toggle read-only, show/hide, and manage printing behavior
-- 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; handle events for add/edit/select/move/resize
+- **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
+- **Control interaction**: toggle read-only, show/hide, and manage printing behavior
+- **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; handle events for add/edit/select/move/resize
 - The form designer toolbar can be customized by showing or hiding default items and by controlling the order in which the items appear.
 
 Use the following Code-snippet to enable Form Designer by injecting `FormDesigner` Module.

Document-Processing/PDF/PDF-Viewer/javascript-es6/form-designer/form-filling.md

@@ -35,18 +35,18 @@ pdfviewer.appendTo('#PdfViewer');
 
 The PDF Viewer supports the following form field types:
 
-* Text box
-* Password
-* Check box
-* Radio button
-* List box
-* Dropdown
-* Signature field
-* Initial field
+* [Text box](../form-designer/Create-edit-Style-del-formFields/create-formfields#add-listbox)
+* [Password](../form-designer/Create-edit-Style-del-formFields/create-formfields#add-password)
+* [Check box](../form-designer/Create-edit-Style-del-formFields/create-formfields#add-checkbox)
+* [Radio button](../form-designer/Create-edit-Style-del-formFields/create-formfields#add-radiobutton)
+* [List box](../form-designer/Create-edit-Style-del-formFields/create-formfields#add-listbox)
+* [Dropdown](../form-designer/Create-edit-Style-del-formFields/create-formfields#add-dropdown)
+* [Signature field](../form-designer/Create-edit-Style-del-formFields/create-formfields#add-signature-field)
+* [Initial field](../form-designer/Create-edit-Style-del-formFields/create-formfields#add-initial-field)
 
 ![Form filling in TypeScript PDF Viewer](../images/FormFields.gif)
 
-## Disabling form fields
+## Disabling form filling
 
 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.
 

Document-Processing/PDF/PDF-Viewer/javascript-es6/form-designer/group-formfields.md

@@ -13,11 +13,11 @@ In PDF forms, multiple widgets can represent the same logical form field. The Sy
 
 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.
+- **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.
 

Document-Processing/PDF/PDF-Viewer/javascript-es6/form-designer/import-export-formfields/export-formfields.md

@@ -11,9 +11,9 @@ documentation: ug
 
 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
+- [FDF](#export-as-fdf)
+- [XFDF](#export-as-xfdf)
+- [JSON](#export-as-json)
 
 ## Export as FDF
 

Document-Processing/PDF/PDF-Viewer/javascript-es6/form-designer/import-export-formfields/import-formfields.md

@@ -11,9 +11,9 @@ documentation: ug
 
 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
+- [FDF](#import-as-fdf)
+- [XFDF](#import-as-xfdf)
+- [JSON](#import-as-json)
 
 Supported API:
 - importFormFields(sourceOrObject, format)

Document-Processing/PDF/PDF-Viewer/javascript-es6/form-designer/overview.md

@@ -17,9 +17,9 @@ The viewer supports both runtime form filling and an interactive Form Designer t
 
 Work with the runtime form fields present in a PDF Form.
 - Render existing fields
-- Fill fields.
-- Import/Export form data as JSON, XFDF, FDF, or as a plain object
-- Inject FormFields to enable form-filling features.
+- [Fill fields](./form-filling).
+- [Import/Export](./import-export-formfields/export-formfields) form data as JSON, XFDF, FDF, or as a plain object
+- Inject [FormFields](./form-designer) to enable form-filling features.
 
 Use the following code-snippet to enable form-filling by injecting `FormFields` Module.
 
@@ -37,13 +37,13 @@ pdfviewer.appendTo('#PdfViewer');
 ## 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
-- Control interaction: toggle read-only, show/hide, and manage printing behavior
-- 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; handle events for add/edit/select/move/resize
+- [Add fields](../form-designer/Create-edit-Style-del-formFields/create-formfields): textbox, checkbox, radio button, dropdown, list box, signature, and initials
+- [Edit quickly](../form-designer/Create-edit-Style-del-formFields/edit-formfields): move, resize, align, distribute, copy/paste, undo/redo
+- [Configure properties](../form-designer/Create-edit-Style-del-formFields/style-formfields): name, value, font, color, border, alignment, required/read-only/visibility, tab order
+- [Control interaction](../form-designer/form-constrain): toggle read-only, show/hide, and manage printing behavior
+- [Manage fields](../form-designer/group-formfields): select, group/ungroup, reorder, or delete
+- [Save and print](../download): persist designed fields in the PDF and print with appearances
+- [Tailor the UI](./form-designer#how-to-customize-the-form-designer-toolbar): show/hide or customize the Form Designer toolbar; handle events for add/edit/select/move/resize
 
 Use the following Code-snippet to enable Form Designer by injecting `FormDesigner` Module.
 
@@ -60,20 +60,20 @@ pdfviewer.appendTo('#PdfViewer');
 
 ## Supported form field types
 
-- Textbox
-- Password
-- CheckBox
-- RadioButton
-- ListBox
-- DropDown
-- Signature field
-- Initial field
+- [Textbox](../form-designer/Create-edit-Style-del-formFields/create-formfields#add-textbox)
+- [Password](../form-designer/Create-edit-Style-del-formFields/create-formfields#add-password)
+- [CheckBox](../form-designer/Create-edit-Style-del-formFields/create-formfields#add-checkbox)
+- [RadioButton](../form-designer/Create-edit-Style-del-formFields/create-formfields#add-radiobutton)
+- [ListBox](../form-designer/Create-edit-Style-del-formFields/create-formfields#add-listbox)
+- [DropDown](../form-designer/Create-edit-Style-del-formFields/create-formfields#add-dropdown)
+- [Signature field](../form-designer/Create-edit-Style-del-formFields/create-formfields#add-signature-field)
+- [Initial field](../form-designer/Create-edit-Style-del-formFields/create-formfields#add-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 fill
-- Customize → Integrate: wire up events and business rules; tailor the designer toolbar for your app
+- **Design** → Save → Fill: [create or modify fields](./Create-edit-Style-del-formFields/create-formfields), save them into the PDF, then fill and validate
+- **Fill** → [Export/Import](./import-export-formfields/export-formfields): complete forms and export data to JSON/XFDF/FDF, or import data to fill
+- **Customize** → Integrate: wire up events and business rules; tailor the designer [toolbar](./form-designer#how-to-customize-the-form-designer-toolbar) for your app
 
 ## See also