Merge pull request #2085 from syncfusion-content/1001842-FormsReview-TS

1001842: Forms Review and Corrections Ts.

Author: AnanthaGokulaRaman

Document-Processing-toc.html

@@ -1502,7 +1502,7 @@
 								<ul>
 									<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-designer">Form Designer and Toolbar</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>

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

@@ -44,9 +44,9 @@ Resize the selected form field using the resize handles on the field boundary. S
 
 ### 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.
+- Open the Form Designer toolbar.
+- Select Textbox, then click/tap on the page to place it.
+- Resize/move as needed and set properties in the property panel.
 
 ![Textbox added from UI](../../images/ui-textbox.png)
 
@@ -77,9 +77,9 @@ pdfviewer.documentLoad = () => {
 
 ### Add Password
 
-1) Open the Form Designer toolbar.
-2) Select Password, then place it on the page.
-3) Configure tooltip, required, max length, etc.
+- Open the Form Designer toolbar.
+- Select Password, then place it on the page.
+- Configure tooltip, required, max length, etc.
 
 ![Password added from UI](../../images/ui-password.png)
 
@@ -110,9 +110,9 @@ pdfviewer.documentLoad = () => {
 
 ### 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.
+- Choose CheckBox in the Form Designer toolbar.
+- Click on the page to place, duplicate for multiple options if needed.
+- Use property panel to set IsChecked, tooltip, and appearance.
 
 ![CheckBox added from UI](../../images/ui-checkbox.png)
 
@@ -144,9 +144,9 @@ pdfviewer.documentLoad = () => {
 
 ### 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.
+- Select RadioButton in the Form Designer toolbar.
+- Place buttons sharing the same Name to create a group (e.g., Gender).
+- Use property panel to set selection, colors, and tooltip.
 
 ![Radio buttons added from UI](../../images/ui-radiobutton.png)
 
@@ -185,9 +185,9 @@ pdfviewer.documentLoad = () => {
 
 ### 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.
+- Choose ListBox in the Form Designer toolbar.
+- Place the field and add items in the property panel.
+- Configure font, size, and selection behavior.
 
 ![ListBox added from UI](../../images/ui-listbox.png)
 
@@ -225,9 +225,9 @@ pdfviewer.documentLoad = () => {
 
 ### 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.
+- Select DropDown in the Form Designer toolbar.
+- Place the field, then add items via the property panel.
+- Adjust appearance and default value.
 
 ![DropDown added from UI](../../images/ui-dropdown.png)
 
@@ -265,9 +265,9 @@ pdfviewer.documentLoad = () => {
 
 ### 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.
+- Select Signature field in the Form Designer toolbar.
+- Place the field where the signer should sign.
+- Configure indicator text, thickness, tooltip, and required state.
 
 ![Signature field added from UI](../../images/ui-signature.png)
 
@@ -298,9 +298,9 @@ pdfviewer.documentLoad = () => {
 
 ### 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.
+- Select Initial field in the Form Designer toolbar.
+- Place the field where initials are required.
+- Configure indicator text, tooltip, and required state.
 
 ![Initial field added from UI](../../images/ui-initial.png)
 

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

@@ -35,8 +35,8 @@ The PDF Viewer supports editing these field types:
 
 ### Edit Textbox
 
-1) Right-click the textbox → Properties.
-2) Change value, font, size, colors, border thickness, alignment, max length, multiline.
+- Right-click the textbox → Properties.
+- Change value, font, size, colors, border thickness, alignment, max length, multiline.
 
 ![Textbox edited from UI](../../images/ui-textbox-edit.png)
 
@@ -85,8 +85,8 @@ pdfviewer.appendTo('#PdfViewer');
 
 ### Edit Password
 
-1) Right-click the password field → Properties.
-2) Change tooltip, required, max length, font, and appearance.
+- Right-click the password field → Properties.
+- Change tooltip, required, max length, font, and appearance.
 
 ![Password edited from UI](../../images/ui-password-edit.png)
 
@@ -136,8 +136,8 @@ pdfviewer.appendTo('#PdfViewer');
 
 ### Edit CheckBox
 
-1) Right-click the checkbox → Properties.
-2) Toggle checked state, change border/background colors and thickness.
+- Right-click the checkbox → Properties.
+- Enable checked state.
 
 ![CheckBox edited from UI](../../images/ui-checkbox-edit.png)
 
@@ -180,8 +180,8 @@ pdfviewer.appendTo('#PdfViewer');
 
 ### 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.
+- Right-click a radio button → Properties.
+- Set selected state. Buttons with the same Name form a group; only one can be selected.
 
 ![RadioButton edited from UI](../../images/ui-radiobutton-edit.png)
 
@@ -219,8 +219,8 @@ pdfviewer.appendTo('#PdfViewer');
 
 ### Edit ListBox
 
-1) Right-click the list box → Properties.
-2) Add/remove items, set selection, and adjust fonts and colors.
+- Right-click the list box → Properties.
+- Add/remove items, set selection, and adjust fonts and colors.
 
 ![ListBox edited from UI](../../images/ui-listbox-edit.png)
 
@@ -269,8 +269,8 @@ pdfviewer.appendTo('#PdfViewer');
 
 ### Edit DropDown
 
-1) Right-click the dropdown → Properties.
-2) Add/remove items, set default value, and adjust appearance.
+- Right-click the dropdown → Properties.
+- Add/remove items, set default value, and adjust appearance.
 
 ![DropDown edited from UI](../../images/ui-dropdown-edit.png)
 
@@ -319,8 +319,8 @@ pdfviewer.appendTo('#PdfViewer');
 
 ### Edit Signature field
 
-1) Right-click the signature field → Properties.
-2) Change tooltip, thickness, indicator text, required/visibility states.
+- Right-click the signature field → Properties.
+- Change tooltip, thickness, indicator text, required/visibility states.
 
 ![Signature field edited from UI](../../images/ui-signature-edit.png)
 
@@ -364,8 +364,8 @@ pdfviewer.appendTo('#PdfViewer');
 
 ### Edit Initial field
 
-1) Right-click the initial field → Properties.
-2) Change tooltip, indicator text, thickness, and required/visibility states.
+- Right-click the initial field → Properties.
+- Change tooltip, indicator text, thickness, and required/visibility states.
 
 ![Initial field edited from UI](../../images/ui-initial-edit.png)
 

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

@@ -17,9 +17,9 @@ 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.
+- Select the target form field on the page.
+- Click the Delete Form Field icon on the Form Designer toolbar.
+- Alternatively, press the `Delete key` after selecting one or more fields.
 
 ![Form Designer toolbar with Delete icon](../../images/ui-del-formfields.png)