Skip to content

Commit fd0053b

Browse files
SF4524LogeshKumarSF4524LogeshKumar
committed
1002609: Forms Review and Corrections
1 parent 81cc4f9 commit fd0053b

13 files changed

Lines changed: 477 additions & 227 deletions

File tree

‎Document-Processing-toc.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1291,7 +1291,7 @@
12911291
<ul>
12921292
<li><a href="/document-processing/pdf/pdf-viewer/javascript-es5/form-designer/overview">Overview</a></li>
12931293
<li><a href="/document-processing/pdf/pdf-viewer/javascript-es5/form-designer/form-filling">Fill form fields</a></li>
1294-
<li><a href="/document-processing/pdf/pdf-viewer/javascript-es5/toolbar-customization/form-designer-toolbar">Form Designer Toolbar</a></li>
1294+
<li><a href="/document-processing/pdf/pdf-viewer/javascript-es5/form-designer/form-designer">Form Designer and Toolbar</a></li>
12951295
<li>Create, Edit, Style and Remove Form Fields
12961296
<ul>
12971297
<li><a href="/document-processing/pdf/pdf-viewer/javascript-es5/form-designer/Create-edit-Style-del-formFields/create-formfields">Create form fields</a></li>

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

Lines changed: 32 additions & 32 deletions
Original file line numberDiff line numberDiff line change
@@ -13,14 +13,14 @@ The PDF Viewer component supports interactive form field design, including drawi
1313

1414
The PDF Viewer supports the following form field types:
1515

16-
- Textbox
17-
- Password
18-
- CheckBox
19-
- RadioButton
20-
- ListBox
21-
- DropDown
22-
- Signature field
23-
- Initial field
16+
- [Textbox](#add-textbox)
17+
- [Password](#add-password)
18+
- [CheckBox](#add-checkbox)
19+
- [RadioButton](#add-radiobutton)
20+
- [ListBox](#add-listbox)
21+
- [DropDown](#add-dropdown)
22+
- [Signature field](#signature-field)
23+
- [Initial field](#add-initial-field)
2424

2525
## Add the form field dynamically
2626

@@ -44,9 +44,9 @@ Resize the selected form field using the resize handles on the field boundary. S
4444

4545
### Add Textbox
4646

47-
1) Open the Form Designer toolbar.
48-
2) Select Textbox, then click/tap on the page to place it.
49-
3) Resize/move as needed and set properties in the property panel.
47+
- Open the Form Designer toolbar.
48+
- Select Textbox, then click/tap on the page to place it.
49+
- Resize/move as needed and set properties in the property panel.
5050

5151
![Textbox added from UI](../../../javascript-es6/images/ui-textbox.png)
5252

@@ -78,9 +78,9 @@ pdfviewer.documentLoad = function() {
7878

7979
### Add Password
8080

81-
1) Open the Form Designer toolbar.
82-
2) Select Password, then place it on the page.
83-
3) Configure tooltip, required, max length, etc.
81+
- Open the Form Designer toolbar.
82+
- Select Password, then place it on the page.
83+
- Configure tooltip, required, max length, etc.
8484

8585
![Password added from UI](../../../javascript-es6/images/ui-password.png)
8686

@@ -112,9 +112,9 @@ pdfviewer.documentLoad = function() {
112112

113113
### Add CheckBox
114114

115-
1) Choose CheckBox in the Form Designer toolbar.
116-
2) Click on the page to place, duplicate for multiple options if needed.
117-
3) Use the property panel to set IsChecked, tooltip, and appearance.
115+
- Choose CheckBox in the Form Designer toolbar.
116+
- Click on the page to place, duplicate for multiple options if needed.
117+
- Use the property panel to set IsChecked, tooltip, and appearance.
118118

119119
![CheckBox added from UI](../../../javascript-es6/images/ui-checkbox.png)
120120

@@ -147,9 +147,9 @@ pdfviewer.documentLoad = function() {
147147

148148
### Add RadioButton
149149

150-
1) Select RadioButton in the Form Designer toolbar.
151-
2) Place buttons sharing the same Name to create a group (e.g., Gender).
152-
3) Use the property panel to set selection, colors, and tooltip.
150+
- Select RadioButton in the Form Designer toolbar.
151+
- Place buttons sharing the same Name to create a group (e.g., Gender).
152+
- Use the property panel to set selection, colors, and tooltip.
153153

154154
![Radio buttons added from UI](../../../javascript-es6/images/ui-radiobutton.png)
155155

@@ -189,9 +189,9 @@ pdfviewer.documentLoad = function() {
189189

190190
### Add ListBox
191191

192-
1) Choose ListBox in the Form Designer toolbar.
193-
2) Place the field and add items in the property panel.
194-
3) Configure font, size, and selection behavior.
192+
- Choose ListBox in the Form Designer toolbar.
193+
- Place the field and add items in the property panel.
194+
- Configure font, size, and selection behavior.
195195

196196
![ListBox added from UI](../../../javascript-es6/images/ui-listbox.png)
197197

@@ -230,9 +230,9 @@ pdfviewer.documentLoad = function() {
230230

231231
### Add DropDown
232232

233-
1) Select DropDown in the Form Designer toolbar.
234-
2) Place the field, then add items via the property panel.
235-
3) Adjust appearance and default value.
233+
- Select DropDown in the Form Designer toolbar.
234+
- Place the field, then add items via the property panel.
235+
- Adjust appearance and default value.
236236

237237
![DropDown added from UI](../../../javascript-es6/images/ui-dropdown.png)
238238

@@ -271,9 +271,9 @@ pdfviewer.documentLoad = function() {
271271

272272
### Add Signature field
273273

274-
1) Select Signature field in the Form Designer toolbar.
275-
2) Place the field where the signer should sign.
276-
3) Configure indicator text, thickness, tooltip, and required state.
274+
- Select Signature field in the Form Designer toolbar.
275+
- Place the field where the signer should sign.
276+
- Configure indicator text, thickness, tooltip, and required state.
277277

278278
![Signature field added from UI](../../../javascript-es6/images/ui-signature.png)
279279

@@ -305,9 +305,9 @@ pdfviewer.documentLoad = function() {
305305

306306
### Add Initial field
307307

308-
1) Select Initial field in the Form Designer toolbar.
309-
2) Place the field where initials are required.
310-
3) Configure indicator text, tooltip, and required state.
308+
- Select Initial field in the Form Designer toolbar.
309+
- Place the field where initials are required.
310+
- Configure indicator text, tooltip, and required state.
311311

312312
![Initial field added from UI](../../../javascript-es6/images/ui-initial.png)
313313

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

Lines changed: 24 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -13,14 +13,14 @@ The PDF Viewer component allows user to edit PDF form fields using the Form Desi
1313

1414
The PDF Viewer supports editing these field types:
1515

16-
- Textbox
17-
- Password
18-
- CheckBox
19-
- RadioButton
20-
- ListBox
21-
- DropDown
22-
- Signature field
23-
- Initial field
16+
- [Textbox](#textbox)
17+
- [Password](#password)
18+
- [CheckBox](#checkbox)
19+
- [RadioButton](#radiobutton)
20+
- [ListBox](#listbox)
21+
- [DropDown](#dropdown)
22+
- [Signature field](#signature-field)
23+
- [Initial field](#initial-field)
2424

2525
## Edit with the UI
2626

@@ -35,8 +35,8 @@ The PDF Viewer supports editing these field types:
3535

3636
### Edit Textbox
3737

38-
1) Right-click the textbox Properties.
39-
2) Change value, font, size, colors, border thickness, alignment, max length, multiline.
38+
- Right-click the textbox Properties.
39+
- Change value, font, size, colors, border thickness, alignment, max length, multiline.
4040

4141
![Textbox edited from UI](../../../javascript-es6/images/ui-textbox-edit.png)
4242

@@ -96,8 +96,8 @@ document.getElementById('editTextbox')?.addEventListener('click', function () {
9696
9797
### Edit Password
9898
99-
1) Right-click the password field Properties.
100-
2) Change tooltip, required, max length, font, and appearance.
99+
- Right-click the password field Properties.
100+
- Change tooltip, required, max length, font, and appearance.
101101
102102
![Password edited from UI](../../../javascript-es6/images/ui-password-edit.png)
103103
@@ -158,8 +158,8 @@ document.getElementById('editPasswordBox')?.addEventListener('click', function (
158158
159159
### Edit CheckBox
160160
161-
1) Right-click the checkbox Properties.
162-
2) Toggle checked state, change border/background colors and thickness.
161+
- Right-click the checkbox Properties.
162+
- Toggle checked state, change border/background colors and thickness.
163163
164164
![CheckBox edited from UI](../../../javascript-es6/images/ui-checkbox-edit.png)
165165
@@ -213,8 +213,8 @@ document.getElementById('editCheckbox')?.addEventListener('click', function () {
213213
214214
### Edit RadioButton
215215
216-
1) Right-click a radio button Properties.
217-
2) Set selected state, colors, and thickness. Buttons with the same Name form a group; only one can be selected.
216+
- Right-click a radio button Properties.
217+
- Set selected state, colors, and thickness. Buttons with the same Name form a group; only one can be selected.
218218
219219
![RadioButton edited from UI](../../../javascript-es6/images/ui-radiobutton-edit.png)
220220
@@ -263,8 +263,8 @@ document.getElementById('editRadio')?.addEventListener('click', function () {
263263
264264
### Edit ListBox
265265
266-
1) Right-click the list box Properties.
267-
2) Add/remove items, set selection, and adjust fonts and colors.
266+
- Right-click the list box Properties.
267+
- Add/remove items, set selection, and adjust fonts and colors.
268268
269269
![ListBox edited from UI](../../../javascript-es6/images/ui-listbox-edit.png)
270270
@@ -324,8 +324,8 @@ document.getElementById('editListBox')?.addEventListener('click', function () {
324324
325325
### Edit DropDown
326326
327-
1) Right-click the dropdown Properties.
328-
2) Add/remove items, set default value, and adjust appearance.
327+
- Right-click the dropdown Properties.
328+
- Add/remove items, set default value, and adjust appearance.
329329
330330
![DropDown edited from UI](../../../javascript-es6/images/ui-dropdown-edit.png)
331331
@@ -385,8 +385,8 @@ document.getElementById('editDropDown')?.addEventListener('click', function () {
385385
386386
### Edit Signature field
387387
388-
1) Right-click the signature field Properties.
389-
2) Change tooltip, thickness, indicator text, required/visibility states.
388+
- Right-click the signature field Properties.
389+
- Change tooltip, thickness, indicator text, required/visibility states.
390390
391391
![Signature field edited from UI](../../../javascript-es6/images/ui-signature-edit.png)
392392
@@ -441,8 +441,8 @@ document.getElementById('editSignature')?.addEventListener('click', function ()
441441
442442
### Edit Initial field
443443
444-
1) Right-click the initial field Properties.
445-
2) Change tooltip, indicator text, thickness, and required/visibility states.
444+
- Right-click the initial field Properties.
445+
- Change tooltip, indicator text, thickness, and required/visibility states.
446446
447447
![Initial field edited from UI](../../../javascript-es6/images/ui-initial-edit.png)
448448

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

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -17,9 +17,9 @@ You can remove designed form fields directly from the Form Designer toolbar.
1717

1818
Steps:
1919

20-
1) Select the target form field on the page.
21-
2) Click the Delete Form Field icon on the Form Designer toolbar.
22-
3) Alternatively, press the `Delete key` after selecting one or more fields.
20+
- Select the target form field on the page.
21+
- Click the Delete Form Field icon on the Form Designer toolbar.
22+
- Alternatively, press the `Delete key` after selecting one or more fields.
2323

2424
![Form Designer toolbar with Delete icon](../../../javascript-es6/images/ui-del-formfields.png)
2525

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

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -13,14 +13,14 @@ The PDF Viewer component allows users to style and customize the appearance of P
1313

1414
Supported field types:
1515

16-
- Textbox
17-
- Password
18-
- CheckBox
19-
- RadioButton
20-
- ListBox
21-
- DropDown
22-
- Signature field
23-
- Initial field
16+
- [Textbox](#textbox)
17+
- [Password](#password)
18+
- [CheckBox](#checkbox)
19+
- [RadioButton](#radiobutton)
20+
- [ListBox](#listbox)
21+
- [DropDown](#dropdown)
22+
- [Signature field](#signature-field)
23+
- [Initial field](#initial-field)
2424

2525
## Textbox
2626

0 commit comments

Comments
 (0)