From 803ef433b982ec55b11f64848ba274bb66da3f6a Mon Sep 17 00:00:00 2001 From: SivaSelvan-SF Date: Mon, 27 Oct 2025 19:13:55 +0530 Subject: [PATCH 1/8] 984044: UG updated --- Document-Processing-toc.html | 43 +- .../PDF/PDF-Viewer/react/accessibility.md | 4 +- .../react/annotation/annotation-event.md | 1391 ++++++++++++ .../annotation/annotations-in-mobile-view.md | 122 ++ .../PDF-Viewer/react/annotation/comments.md | 144 +- .../react/annotation/free-text-annotation.md | 114 +- .../react/annotation/ink-annotation.md | 74 +- .../annotation/line-angle-constraints.md | 47 +- .../annotation/measurement-annotation.md | 66 +- .../react/annotation/shape-annotation.md | 60 +- .../react/annotation/signature-annotation.md | 58 +- .../react/annotation/stamp-annotation.md | 53 +- .../annotation/sticky-notes-annotation.md | 60 +- .../annotation/text-markup-annotation.md | 186 +- .../PDF/PDF-Viewer/react/download.md | 6 +- .../PDF/PDF-Viewer/react/events.md | 1869 +++++++++++++++++ .../PDF/PDF-Viewer/react/feature-module.md | 32 +- .../form-designer/create-programmatically.md | 183 +- .../create-with-user-interface-interaction.md | 59 +- .../react/form-designer/form-field-events.md | 56 +- .../PDF/PDF-Viewer/react/form-filling.md | 99 + .../PDF/PDF-Viewer/react/getting-started.md | 10 +- .../PDF/PDF-Viewer/react/globalization.md | 4 +- .../PDF/PDF-Viewer/react/how-to-overview.md | 65 + .../how-to/add-annotation-in-text-search.md | 19 +- .../react/how-to/add-header-value.md | 32 + .../react/how-to/add-save-button.md | 48 +- .../PDF-Viewer/react/how-to/add-signature.md | 2 +- .../react/how-to/annotation-selectors.md | 31 + ...e-author-name-using-annotation-settings.md | 58 + .../react/how-to/clear-annotation.md | 23 +- .../configure-annotation-selector-setting.md | 50 +- .../PDF-Viewer/react/how-to/conformance.md | 35 +- .../how-to/control-annotation-visibility.md | 18 +- ...pdf-library-bounds-to-pdf-viewer-bounds.md | 26 +- .../react/how-to/custom-context-menu.md | 26 +- .../how-to/custom-font-signature-field.md | 21 +- .../PDF-Viewer/react/how-to/custom-fonts.md | 25 +- .../react/how-to/delete-annotation.md | 19 +- .../react/how-to/download-start-event.md | 22 +- .../react/how-to/enable-local-storage.md | 24 +- .../react/how-to/enable-text-selection.md | 34 +- .../react/how-to/export-as-image.md | 20 +- .../react/how-to/extract-text-completed.md | 15 +- .../react/how-to/extract-text-option.md | 15 +- .../PDF-Viewer/react/how-to/extract-text.md | 37 +- .../react/how-to/find-text-async.md | 37 +- .../PDF/PDF-Viewer/react/how-to/get-base64.md | 15 +- .../PDF-Viewer/react/how-to/getPageInfo.md | 16 +- .../react/how-to/import-export-annotation.md | 15 +- .../PDF-Viewer/react/how-to/load-document.md | 25 +- .../react/how-to/load-n-number-page.md | 2 +- .../react/how-to/lock-annotation.md | 2 +- .../PDF-Viewer/react/how-to/min-max-zoom.md | 21 +- .../PDF-Viewer/react/how-to/open-bookmark.md | 13 +- .../PDF-Viewer/react/how-to/open-thumbnail.md | 15 +- ...renderstarted-pagerendercompleted-event.md | 19 +- .../perform-form-field-double-click-event.md | 2 +- ...lve-unable-to-find-an-entry-point-error.md | 25 +- .../how-to/restricting-zoom-in-mobile-mode.md | 13 +- .../react/how-to/show-custom-stamp-item.md | 21 +- .../react/how-to/show-hide-annotation.md | 17 +- .../signatureselect-signatureunselect.md | 20 +- .../react/how-to/unload-document.md | 2 +- .../PDF-Viewer/react/images/add-revised.png | Bin 0 -> 28372 bytes .../PDF-Viewer/react/images/add-shapes.png | Bin 0 -> 19221 bytes .../PDF-Viewer/react/images/add-signature.png | Bin 0 -> 22529 bytes .../react/images/add-sticky-notes.png | Bin 0 -> 20021 bytes .../react/images/add-text-markup.png | Bin 0 -> 23517 bytes .../react/images/adding-signature.png | Bin 0 -> 19302 bytes .../after-enabling-annotation-toolbar.png | Bin 0 -> 18960 bytes .../react/images/change-property.png | Bin 0 -> 23044 bytes .../react/images/close-comment-panel.png | Bin 0 -> 6322 bytes .../PDF-Viewer/react/images/comment-panel.png | Bin 0 -> 18581 bytes .../PDF-Viewer/react/images/delete-icon.png | Bin 0 -> 23763 bytes .../react/images/edit-annotation.png | Bin 0 -> 16388 bytes .../images/form-filling-signature-del.png | Bin 0 -> 73116 bytes .../images/form-filling-signature-dialog.png | Bin 0 -> 81767 bytes .../images/form-filling-signature-signed.png | Bin 0 -> 69868 bytes .../react/images/form-filling-signature.png | Bin 0 -> 65093 bytes .../PDF-Viewer/react/images/form-filling.png | Bin 0 -> 69993 bytes .../PDF-Viewer/react/images/open-comment.png | Bin 0 -> 23349 bytes .../react/images/open-fillcolor.png | Bin 0 -> 21372 bytes .../PDF/PDF-Viewer/react/images/open-ink.png | Bin 0 -> 18662 bytes .../PDF-Viewer/react/images/open-radius.png | Bin 0 -> 19925 bytes .../PDF-Viewer/react/images/open-stamp.png | Bin 0 -> 28981 bytes .../react/images/radius-annotation.png | Bin 0 -> 22784 bytes .../PDF-Viewer/react/images/select-text.png | Bin 0 -> 23051 bytes .../react/images/sticky-notes-in-page.png | Bin 0 -> 20085 bytes .../PDF/PDF-Viewer/react/interaction-mode.md | 6 +- .../bookmark-navigation.md | 190 ++ .../page-navigation.md | 328 +++ .../page-thumbnail-navigation.md | 117 ++ .../table-of-content-navigation.md | 331 +++ .../react/keyboard-accessibility.md | 4 +- .../PDF/PDF-Viewer/react/magnification.md | 14 +- .../PDF/PDF-Viewer/react/mobile-toolbar.md | 6 +- .../PDF/PDF-Viewer/react/navigation.md | 22 +- .../react/nextjs-getting-started.md | 2 +- .../react/open-pdf-file/from-amazon-s3.md | 41 +- .../from-azure-active-directory.md | 37 +- .../open-pdf-file/from-azure-blob-storage.md | 25 +- .../from-box-cloud-file-storage.md | 27 +- .../from-dropbox-cloud-file-storage.md | 29 +- .../from-google-cloud-storage.md | 25 +- .../react/open-pdf-file/from-google-drive.md | 23 +- .../react/open-pdf-file/from-one-drive.md | 27 +- .../PDF/PDF-Viewer/react/open-pdf-files.md | 2 +- .../PDF-Viewer/react/organize-pdf-overview.md | 39 + .../organize-pdf/organize-page-mobile-view.md | 37 + .../react/organize-pdf/organize-pdf-events.md | 156 ++ .../programmatic-support-for-organize-page.md | 198 ++ .../organize-pdf/toolbar-organize-page.md | 202 ++ .../ui-interactions-organize-page.md | 97 + .../PDF/PDF-Viewer/react/overview.md | 4 +- .../PDF/PDF-Viewer/react/preact.md | 2 +- .../PDF/PDF-Viewer/react/print.md | 285 ++- .../react/save-pdf-file/to-amazon-s3.md | 42 +- .../to-azure-active-directory.md | 61 +- .../save-pdf-file/to-azure-blob-storage.md | 47 +- .../to-box-cloud-file-storage.md | 31 +- .../to-dropbox-cloud-file-storage.md | 49 +- .../save-pdf-file/to-google-cloud-storage.md | 27 +- .../react/save-pdf-file/to-google-drive.md | 33 +- .../react/save-pdf-file/to-one-drive.md | 41 +- .../PDF/PDF-Viewer/react/save-pdf-files.md | 2 +- .../PDF/PDF-Viewer/react/text-search.md | 203 +- .../PDF/PDF-Viewer/react/text-selection.md | 232 ++ .../annotation-toolbar-customization.md | 199 ++ .../toolbar-customization/custom-toolbar.md | 608 ++++++ .../form-designer-toolbar-customization.md | 170 ++ .../toolbar-customization/mobile-toolbar.md | 185 ++ .../primary-toolbar-customization.md | 154 ++ .../PDF/PDF-Viewer/react/toolbar.md | 22 +- .../cp-command-not-recognized.md | 23 +- .../document-loading-issues.md | 31 +- .../react/troubleshooting/troubleshooting.md | 14 +- 137 files changed, 8779 insertions(+), 1356 deletions(-) create mode 100644 Document-Processing/PDF/PDF-Viewer/react/annotation/annotation-event.md create mode 100644 Document-Processing/PDF/PDF-Viewer/react/annotation/annotations-in-mobile-view.md create mode 100644 Document-Processing/PDF/PDF-Viewer/react/events.md create mode 100644 Document-Processing/PDF/PDF-Viewer/react/form-filling.md create mode 100644 Document-Processing/PDF/PDF-Viewer/react/how-to-overview.md create mode 100644 Document-Processing/PDF/PDF-Viewer/react/how-to/add-header-value.md create mode 100644 Document-Processing/PDF/PDF-Viewer/react/how-to/annotation-selectors.md create mode 100644 Document-Processing/PDF/PDF-Viewer/react/how-to/change-author-name-using-annotation-settings.md create mode 100644 Document-Processing/PDF/PDF-Viewer/react/images/add-revised.png create mode 100644 Document-Processing/PDF/PDF-Viewer/react/images/add-shapes.png create mode 100644 Document-Processing/PDF/PDF-Viewer/react/images/add-signature.png create mode 100644 Document-Processing/PDF/PDF-Viewer/react/images/add-sticky-notes.png create mode 100644 Document-Processing/PDF/PDF-Viewer/react/images/add-text-markup.png create mode 100644 Document-Processing/PDF/PDF-Viewer/react/images/adding-signature.png create mode 100644 Document-Processing/PDF/PDF-Viewer/react/images/after-enabling-annotation-toolbar.png create mode 100644 Document-Processing/PDF/PDF-Viewer/react/images/change-property.png create mode 100644 Document-Processing/PDF/PDF-Viewer/react/images/close-comment-panel.png create mode 100644 Document-Processing/PDF/PDF-Viewer/react/images/comment-panel.png create mode 100644 Document-Processing/PDF/PDF-Viewer/react/images/delete-icon.png create mode 100644 Document-Processing/PDF/PDF-Viewer/react/images/edit-annotation.png create mode 100644 Document-Processing/PDF/PDF-Viewer/react/images/form-filling-signature-del.png create mode 100644 Document-Processing/PDF/PDF-Viewer/react/images/form-filling-signature-dialog.png create mode 100644 Document-Processing/PDF/PDF-Viewer/react/images/form-filling-signature-signed.png create mode 100644 Document-Processing/PDF/PDF-Viewer/react/images/form-filling-signature.png create mode 100644 Document-Processing/PDF/PDF-Viewer/react/images/form-filling.png create mode 100644 Document-Processing/PDF/PDF-Viewer/react/images/open-comment.png create mode 100644 Document-Processing/PDF/PDF-Viewer/react/images/open-fillcolor.png create mode 100644 Document-Processing/PDF/PDF-Viewer/react/images/open-ink.png create mode 100644 Document-Processing/PDF/PDF-Viewer/react/images/open-radius.png create mode 100644 Document-Processing/PDF/PDF-Viewer/react/images/open-stamp.png create mode 100644 Document-Processing/PDF/PDF-Viewer/react/images/radius-annotation.png create mode 100644 Document-Processing/PDF/PDF-Viewer/react/images/select-text.png create mode 100644 Document-Processing/PDF/PDF-Viewer/react/images/sticky-notes-in-page.png create mode 100644 Document-Processing/PDF/PDF-Viewer/react/interactive-pdf-navigation/bookmark-navigation.md create mode 100644 Document-Processing/PDF/PDF-Viewer/react/interactive-pdf-navigation/page-navigation.md create mode 100644 Document-Processing/PDF/PDF-Viewer/react/interactive-pdf-navigation/page-thumbnail-navigation.md create mode 100644 Document-Processing/PDF/PDF-Viewer/react/interactive-pdf-navigation/table-of-content-navigation.md create mode 100644 Document-Processing/PDF/PDF-Viewer/react/organize-pdf-overview.md create mode 100644 Document-Processing/PDF/PDF-Viewer/react/organize-pdf/organize-page-mobile-view.md create mode 100644 Document-Processing/PDF/PDF-Viewer/react/organize-pdf/organize-pdf-events.md create mode 100644 Document-Processing/PDF/PDF-Viewer/react/organize-pdf/programmatic-support-for-organize-page.md create mode 100644 Document-Processing/PDF/PDF-Viewer/react/organize-pdf/toolbar-organize-page.md create mode 100644 Document-Processing/PDF/PDF-Viewer/react/organize-pdf/ui-interactions-organize-page.md create mode 100644 Document-Processing/PDF/PDF-Viewer/react/text-selection.md create mode 100644 Document-Processing/PDF/PDF-Viewer/react/toolbar-customization/annotation-toolbar-customization.md create mode 100644 Document-Processing/PDF/PDF-Viewer/react/toolbar-customization/custom-toolbar.md create mode 100644 Document-Processing/PDF/PDF-Viewer/react/toolbar-customization/form-designer-toolbar-customization.md create mode 100644 Document-Processing/PDF/PDF-Viewer/react/toolbar-customization/mobile-toolbar.md create mode 100644 Document-Processing/PDF/PDF-Viewer/react/toolbar-customization/primary-toolbar-customization.md diff --git a/Document-Processing-toc.html b/Document-Processing-toc.html index 6645e8766..9a113dd9e 100644 --- a/Document-Processing-toc.html +++ b/Document-Processing-toc.html @@ -692,8 +692,25 @@
  • Toolbar
  • -
  • Mobile Toolbar Interface
  • Navigation
  • +
  • Toolbar Customization + +
  • +
  • Interactive PDF Navigation + +
  • Magnification
  • Accessibility
  • Text Search
  • @@ -710,6 +727,8 @@
  • Line Angle Constraints
  • Comments
  • Handwritten signature
  • +
  • Annotations Events
  • +
  • Annotations in Mobile view
  • Interaction Mode
  • @@ -718,16 +737,31 @@ + + +
  • Form Filling
  • +
  • Organize Pages +
  • Organize Pages
  • Print
  • Download
  • +
  • Events
  • +
  • Text Selection
  • Globalization
  • Accessibility
  • -
  • - How To +
  • How to
  • Form Filling
  • Organize Pages From 6517fca9e091c98cecf46e7b777f24ad52809e3a Mon Sep 17 00:00:00 2001 From: SivaSelvan-SF Date: Tue, 28 Oct 2025 12:08:11 +0530 Subject: [PATCH 6/8] 984044: naming change --- Document-Processing-toc.html | 7 +- .../programmatically-work-with-form-field.md | 112 ------------- .../user-interaction-with-form-fields.md | 111 ------------- .../programmatically-work-with-form-field.md | 151 ------------------ .../user-interaction-with-form-fields.md | 97 ----------- .../programmatically-work-with-form-field.md | 126 --------------- .../user-interaction-with-form-fields.md | 88 ---------- .../PDF/PDF-Viewer/react/events.md | 2 +- .../PDF/PDF-Viewer/react/feature-module.md | 4 +- .../PDF/PDF-Viewer/react/form-filling.md | 2 +- ...-navigation.md => hyperlink-navigation.md} | 0 .../react/organize-pdf/organize-pdf-events.md | 2 +- 12 files changed, 9 insertions(+), 693 deletions(-) delete mode 100644 Document-Processing/PDF/PDF-Viewer/angular/formdesigner/programmatically-work-with-form-field.md delete mode 100644 Document-Processing/PDF/PDF-Viewer/angular/formdesigner/user-interaction-with-form-fields.md delete mode 100644 Document-Processing/PDF/PDF-Viewer/asp-net-core/formdesigner/programmatically-work-with-form-field.md delete mode 100644 Document-Processing/PDF/PDF-Viewer/asp-net-core/formdesigner/user-interaction-with-form-fields.md delete mode 100644 Document-Processing/PDF/PDF-Viewer/asp-net-mvc/formdesigner/programmatically-work-with-form-field.md delete mode 100644 Document-Processing/PDF/PDF-Viewer/asp-net-mvc/formdesigner/user-interaction-with-form-fields.md rename Document-Processing/PDF/PDF-Viewer/react/interactive-pdf-navigation/{table-of-content-navigation.md => hyperlink-navigation.md} (100%) diff --git a/Document-Processing-toc.html b/Document-Processing-toc.html index 6d01fa328..3cb787b62 100644 --- a/Document-Processing-toc.html +++ b/Document-Processing-toc.html @@ -692,6 +692,7 @@
  • Toolbar
  • +
  • Mobile Toolbar Interface
  • Navigation
  • Toolbar Customization
  • Interaction Mode
  • @@ -757,7 +758,7 @@
  • Print
  • Download
  • Events
  • -
  • Text Selection
  • +
  • Text Selection
  • Globalization
  • Accessibility
  • How to diff --git a/Document-Processing/PDF/PDF-Viewer/angular/formdesigner/programmatically-work-with-form-field.md b/Document-Processing/PDF/PDF-Viewer/angular/formdesigner/programmatically-work-with-form-field.md deleted file mode 100644 index dd6c5e100..000000000 --- a/Document-Processing/PDF/PDF-Viewer/angular/formdesigner/programmatically-work-with-form-field.md +++ /dev/null @@ -1,112 +0,0 @@ ---- -layout: post -title: Programmatically work with form field in Angular Pdfviewer component | Syncfusion -description: Learn here all about Programmatically work with form field in Syncfusion Angular Pdfviewer component of Syncfusion Essential JS 2 and more. -platform: document-processing -control: Programmatically work with form field -documentation: ug -domainurl: ##DomainURL## ---- - -# Programmatically work with form field - -The PDF Viewer control provides the option to add, edit and delete the Form Fields. The Form Fields type supported by the PDF Viewer Control are: - - * Textbox - * Password - * CheckBox - * RadioButton - * ListBox - * DropDown - * SignatureField - * InitialField - -## Add a form field to PDF document programmatically - -Using addFormField method, the form fields can be added to the PDF document programmatically. We need to pass two parameters in this method. They are Form Field Type and Properties of Form Field Type. To add form field programmatically, Use the following code. - -{% tabs %} -{% highlight ts tabtitle="app.component.ts" %} -{% include code-snippet/pdfviewer/angular/addformfield-cs2/src/app.component.ts %} -{% endhighlight %} - -{% highlight ts tabtitle="main.ts" %} -{% include code-snippet/pdfviewer/angular/addformfield-cs2/src/main.ts %} -{% endhighlight %} -{% endtabs %} - -{% previewsample "Document-Processing/samples/pdfviewer/angular/addformfield-cs2/index.html" %} - -## Edit/Update form field programmatically - -Using updateFormField method, Form Field can be updated programmatically. We should get the Form Field object/Id from FormFieldCollections property that you would like to edit and pass it as a parameter to updateFormField method. The second parameter should be the properties that you would like to update for Form Field programmatically. We have updated the value and background Color properties of Textbox Form Field. - -{% tabs %} -{% highlight ts tabtitle="app.component.ts" %} -{% include code-snippet/pdfviewer/angular/updateformfield-cs2/src/app.component.ts %} -{% endhighlight %} - -{% highlight ts tabtitle="main.ts" %} -{% include code-snippet/pdfviewer/angular/updateformfield-cs2/src/main.ts %} -{% endhighlight %} -{% endtabs %} - -{% previewsample "Document-Processing/samples/pdfviewer/angular/updateformfield-cs2/index.html" %} - -## Delete form field programmatically - -Using deleteFormField method, the form field can be deleted programmatically. We should retrieve the Form Field object/Id from FormFieldCollections property that you would like to delete and pass it as a parameter to deleteFormField method. To delete a Form Field programmatically, use the following code. - -{% tabs %} -{% highlight ts tabtitle="app.component.ts" %} -{% include code-snippet/pdfviewer/angular/deleteformfield-cs2/src/app.component.ts %} -{% endhighlight %} - -{% highlight ts tabtitle="main.ts" %} -{% include code-snippet/pdfviewer/angular/deleteformfield-cs2/src/main.ts %} -{% endhighlight %} -{% endtabs %} - -{% previewsample "Document-Processing/samples/pdfviewer/angular/deleteformfield-cs2/index.html" %} - -## Saving the form fields - -When the download icon is selected on the toolbar, the Form Fields will be saved in the PDF document and this action will not affect the original document. Refer the below GIF for further reference. - -![Alt text](../images/saveformfield.gif) - -You can invoke download action using following code snippet. - -```html - - -``` - -## Printing the form fields - -When the print icon is selected on the toolbar, the PDF document will be printed along with the Form Fields added to the pages and this action will not affect the original document. Refer the below GIF for further reference. - -![Alt text](../images/printformfield.gif) - -You can invoke print action using the following code snippet., - -```html - - -``` - -## Open the existing PDF document - -We can open the already saved PDF document contains Form Fields in it by clicking the open icon in the toolbar. Refer the below GIF for further reference. - -![Alt text](../images/openexistingpdf.gif) \ No newline at end of file diff --git a/Document-Processing/PDF/PDF-Viewer/angular/formdesigner/user-interaction-with-form-fields.md b/Document-Processing/PDF/PDF-Viewer/angular/formdesigner/user-interaction-with-form-fields.md deleted file mode 100644 index e3a7a5300..000000000 --- a/Document-Processing/PDF/PDF-Viewer/angular/formdesigner/user-interaction-with-form-fields.md +++ /dev/null @@ -1,111 +0,0 @@ ---- -layout: post -title: User interaction in Angular Pdfviewer component | Syncfusion -description: Learn here all about User interaction with form fields in Syncfusion Angular Pdfviewer component of Syncfusion Essential JS 2 and more. -platform: document-processing -control: User interaction with form fields -documentation: ug -domainurl: ##DomainURL## ---- - -# User interaction with form fields - -The PDF viewer control provides the option for interaction with Form Fields such as Drag and resize. you can draw a Form Field dynamically by clicking the Form Field icon on the toolbar and draw it in the PDF document. The Form Fields type supported by the PDF Viewer Control are: - - * Textbox - * Password - * CheckBox - * RadioButton - * ListBox - * DropDown - * SignatureField - * InitialField - -## Enable or Disable form designer toolbar - -We should inject FormDesigner module and set enableFormDesignerToolbar as true to enable the Form designer icon on the toolbar. By default, enableFormDesignerToolbar is set as true. Use the following code to inject FormDesigner module and to enable the enableFormDesignerToolbar property. - -```html -import { ViewChild } from '@angular/core'; -import { Component, OnInit } from '@angular/core'; -import { PdfViewerComponent, LinkAnnotationService, BookmarkViewService, - MagnificationService, ThumbnailViewService, ToolbarService, - NavigationService, TextSearchService, TextSelectionService, - PrintService, AnnotationService, FormDesignerService, - FormFieldsService - } from '@syncfusion/ej2-angular-pdfviewer'; - -@Component({ - selector: 'app-root', - // Specifies the template string for the PDF Viewer component. - template: `
    - - -
    `, - providers: [ LinkAnnotationService, BookmarkViewService, MagnificationService, - ThumbnailViewService, ToolbarService, NavigationService, - TextSearchService, TextSelectionService, PrintService, - AnnotationService, FormDesignerService, FormFieldsService] -}) -export class AppComponent implements OnInit { - @ViewChild('pdfviewer') - public pdfviewerControl: PdfViewerComponent; - public service: string = 'https://document.syncfusion.com/web-services/pdf-viewer/api/pdfviewer'; - public document: string = 'FormDesigner.pdf'; - ngOnInit(): void { - } -} -``` - -## Add the form field dynamically - -Click the Form Field icon on the toolbar and then click on to the PDF document to draw a Form Field. Refer the below GIF for further reference. - -![Alt text](../images/addformfield.gif) - -## Drag the form field - -We provide options to drag the Form Field which is currently selected in the PDF document. Refer the below GIF for further reference. - -![Alt text](../images/dragformfield.gif) - -## Resize the form field - -We provide options to resize the Form Field which is currently selected in the PDF document. Refer the below GIF for further reference. - -![Alt text](../images/resizeformfield.gif) - -## Edit or Update the form field dynamically - -The properties of the Form Fields can be edited using the Form Field Properties window. It can be opened by selecting the Properties option in the context menu that appears on the right by clicking the Form Field object. Refer the below image for the properties available to customize the appearance of the Form Field. - -![Alt text](../images/generalproperties.png) - -![Alt text](../images/appearanceproperties.png) - -![Alt text](../images/dropdownproperties.png) - -## Clipboard operation with form field - -The PDF Viewer control supports the clipboard operations such as cut, copy and paste for Form Fields. You can right click on the Form Field object to view the context menu and select to the clipboard options that you would like to perform. Refer the below image for the options in the context menu. - -![Alt text](../images/clipboardformfield.png) - -## Undo and Redo - -We provided support to undo/redo the Form Field actions that are performed at runtime. Use the following code example to perform undo/redo actions. - -```html - - -``` \ No newline at end of file diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/formdesigner/programmatically-work-with-form-field.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/formdesigner/programmatically-work-with-form-field.md deleted file mode 100644 index ad3cb3e52..000000000 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/formdesigner/programmatically-work-with-form-field.md +++ /dev/null @@ -1,151 +0,0 @@ ---- -layout: post -title: Programmatically Work With Form Field in ASP.NET Core Pdfviewer Component -description: Learn here all about Programmatically Work With Form Field in Syncfusion ASP.NET Core Pdfviewer component of Syncfusion Essential JS 2 and more. -platform: document-processing -control: Programmatically Work With Form Field -publishingplatform: ASP.NET Core -documentation: ug ---- - - -# Programmatically work with form field - -The PDF Viewer control provides the option to add, edit and delete the Form Fields. The Form Fields type supported by the PDF Viewer Control are: - - * Textbox - * Password - * CheckBox - * RadioButton - * ListBox - * DropDown - * SignatureField - * InitialField - -## Add a form field to PDF document programmatically - -Using addFormField method, the form fields can be added to the PDF document programmatically. We need to pass two parameters in this method. They are Form Field Type and Properties of Form Field Type. To add form field programmatically, Use the following code. - -```html -
    - - -
    - - -``` - -## Edit/Update form field programmatically - -Using updateFormField method, Form Field can be updated programmatically. We should get the Form Field object/Id from FormFieldCollections property that you would like to edit and pass it as a parameter to updateFormField method. The second parameter should be the properties that you would like to update for Form Field programmatically. We have updated the value and background Color properties of Textbox Form Field. - -```html -
    - - -
    - - -``` - -## Delete form field programmatically - -Using deleteFormField method, the form field can be deleted programmatically. We should retrieve the Form Field object/Id from FormFieldCollections property that you would like to delete and pass it as a parameter to deleteFormField method. To delete a Form Field programmatically, use the following code. - -```html -
    - - -
    - - -``` - -## Saving the form fields - -When the download icon is selected on the toolbar, the Form Fields will be saved in the PDF document and this action will not affect the original document. Refer the below GIF for further reference. - -![Alt text](../images/saveformfield.gif) - -You can invoke download action using following code snippet. - -```html -
    - - -
    - - -``` - -## Printing the form fields - -When the print icon is selected on the toolbar, the PDF document will be printed along with the Form Fields added to the pages and this action will not affect the original document. Refer the below GIF for further reference. - -![Alt text](../images/printformfield.gif) - -You can invoke print action using the following code snippet., - -```html -
    - - -
    - - -``` - -## Open the existing PDF document - -We can open the already saved PDF document contains Form Fields in it by clicking the open icon in the toolbar. Refer the below GIF for further reference. - -![Alt text](../images/openexistingpdf.gif) \ No newline at end of file diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-core/formdesigner/user-interaction-with-form-fields.md b/Document-Processing/PDF/PDF-Viewer/asp-net-core/formdesigner/user-interaction-with-form-fields.md deleted file mode 100644 index a6a356ce5..000000000 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-core/formdesigner/user-interaction-with-form-fields.md +++ /dev/null @@ -1,97 +0,0 @@ ---- -layout: post -title: Interact with Form Fields in Syncfusion ASP.NET Core PDF Viewer -description: Learn here all about User Interaction With Form Fields in Syncfusion ASP.NET Core Pdfviewer component of Syncfusion Essential JS 2 and more. -platform: document-processing -documentation: ug ---- - - -# Form Field Interaction in ASP.NET Core PDF Viewer - -The PDF viewer control provides the option for interaction with Form Fields such as Drag and resize. you can draw a Form Field dynamically by clicking the Form Field icon on the toolbar and draw it in the PDF document. The Form Fields type supported by the PDF Viewer Control are: - - * Textbox - * Password - * CheckBox - * RadioButton - * ListBox - * DropDown - * SignatureField - * InitialField - -## Enable or Disable form designer toolbar - -We should inject FormDesigner module and set enableFormDesignerToolbar as true to enable the Form designer icon on the toolbar. By default, enableFormDesignerToolbar is set as true. Use the following code to inject FormDesigner module and to enable the enableFormDesignerToolbar property. - -```html -
    - - -
    -``` - -## Add the form field dynamically - -Click the Form Field icon on the toolbar and then click on to the PDF document to draw a Form Field. Refer the below GIF for further reference. - -![Alt text](../images/addformfield.gif) - -## Drag the form field - -We provide options to drag the Form Field which is currently selected in the PDF document. Refer the below GIF for further reference. - -![Alt text](../images/dragformfield.gif) - -## Resize the form field - -We provide options to resize the Form Field which is currently selected in the PDF document. Refer the below GIF for further reference. - -![Alt text](../images/resizeformfield.gif) - -## Edit or Update the form field dynamically - -The properties of the Form Fields can be edited using the Form Field Properties window. It can be opened by selecting the Properties option in the context menu that appears on the right by clicking the Form Field object. Refer the below image for the properties available to customize the appearance of the Form Field. - -![Alt text](../images/generalproperties.png) - -![Alt text](../images/appearanceproperties.png) - -![Alt text](../images/dropdownproperties.png) - -## Clipboard operation with form field - -The PDF Viewer control supports the clipboard operations such as cut, copy and paste for Form Fields. You can right click on the Form Field object to view the context menu and select to the clipboard options that you would like to perform. Refer the below image for the options in the context menu. - -![Alt text](../images/clipboardformfield.png) - -## Undo and Redo - -We provided support to undo/redo the Form Field actions that are performed at runtime. Use the following code example to perform undo/redo actions. - -```html - - -
    - - -
    - -``` \ No newline at end of file diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/formdesigner/programmatically-work-with-form-field.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/formdesigner/programmatically-work-with-form-field.md deleted file mode 100644 index 0c6d7d883..000000000 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/formdesigner/programmatically-work-with-form-field.md +++ /dev/null @@ -1,126 +0,0 @@ ---- -layout: post -title: Programmatically Work With Form Field in ASP.NET MVC Pdfviewer Component -description: Learn here all about Programmatically Work With Form Field in Syncfusion ASP.NET MVC Pdfviewer component of Syncfusion Essential JS 2 and more. -platform: document-processing -control: Programmatically Work With Form Field -publishingplatform: ASP.NET MVC -documentation: ug ---- - - -# Programmatically work with form field - -The PDF Viewer control provides the option to add, edit and delete the Form Fields. The Form Fields type supported by the PDF Viewer Control are: - - * Textbox - * Password - * CheckBox - * RadioButton - * ListBox - * DropDown - * SignatureField - * InitialField - -## Add a form field to PDF document programmatically - -Using addFormField method, the form fields can be added to the PDF document programmatically. We need to pass two parameters in this method. They are Form Field Type and Properties of Form Field Type. To add form field programmatically, Use the following code. - -```html - -
    - @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/api/PdfViewer/")).DocumentPath("FormDesigner.pdf").DocumentLoad("documentLoad").DownloadEnd("documentLoad").Render() -
    - -``` - -## Edit/Update form field programmatically - -Using updateFormField method, Form Field can be updated programmatically. We should get the Form Field object/Id from FormFieldCollections property that you would like to edit and pass it as a parameter to updateFormField method. The second parameter should be the properties that you would like to update for Form Field programmatically. We have updated the value and background Color properties of Textbox Form Field. - -```html - -
    - @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/api/PdfViewer/")).DocumentPath("FormDesigner.pdf").DocumentLoad("documentLoad").DownloadEnd("documentLoad").Render() -
    - -``` - -## Delete form field programmatically - -Using deleteFormField method, the form field can be deleted programmatically. We should retrieve the Form Field object/Id from FormFieldCollections property that you would like to delete and pass it as a parameter to deleteFormField method. To delete a Form Field programmatically, use the following code. - -```html - -
    - @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/api/PdfViewer/")).DocumentPath("FormDesigner.pdf").DocumentLoad("documentLoad").DownloadEnd("documentLoad").Render() -
    - -``` - -## Saving the form fields - -When the download icon is selected on the toolbar, the Form Fields will be saved in the PDF document and this action will not affect the original document. Refer the below GIF for further reference. - -![Alt text](../images/saveformfield.gif) - -You can invoke download action using following code snippet. - -```html -
    - @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/api/PdfViewer/")).EnableDownload(true).DocumentPath("Hive_Succinctly.pdf").Render() -
    - - -``` - -## Printing the form fields - -When the print icon is selected on the toolbar, the PDF document will be printed along with the Form Fields added to the pages and this action will not affect the original document. Refer the below GIF for further reference. - -![Alt text](../images/printformfield.gif) - -You can invoke print action using the following code snippet., - -```html -
    - @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/api/PdfViewer/")).EnablePrint(true).DocumentPath("Hive_Succinctly.pdf").Render() -
    - - -``` - -## Open the existing PDF document - -We can open the already saved PDF document contains Form Fields in it by clicking the open icon in the toolbar. Refer the below GIF for further reference. - -![Alt text](../images/openexistingpdf.gif) \ No newline at end of file diff --git a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/formdesigner/user-interaction-with-form-fields.md b/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/formdesigner/user-interaction-with-form-fields.md deleted file mode 100644 index fcedf7503..000000000 --- a/Document-Processing/PDF/PDF-Viewer/asp-net-mvc/formdesigner/user-interaction-with-form-fields.md +++ /dev/null @@ -1,88 +0,0 @@ ---- -layout: post -title: Form Field Interaction in Syncfusion ASP.NET MVC PDF Viewer -description: Learn here all about User Interaction With Form Fields in Syncfusion ASP.NET MVC Pdfviewer component of Syncfusion Essential JS 2 and more. -platform: document-processing -documentation: ug ---- - - -# Working with Form Fields in ASP.NET MVC PDF Viewer - -The PDF viewer control provides the option for interaction with Form Fields such as Drag and resize. you can draw a Form Field dynamically by clicking the Form Field icon on the toolbar and draw it in the PDF document. The Form Fields type supported by the PDF Viewer Control are: - - * Textbox - * Password - * CheckBox - * RadioButton - * ListBox - * DropDown - * SignatureField - * InitialField - -## Enable or Disable form designer toolbar - -We should inject FormDesigner module and set enableFormDesignerToolbar as true to enable the Form designer icon on the toolbar. By default, enableFormDesignerToolbar is set as true. Use the following code to inject FormDesigner module and to enable the enableFormDesignerToolbar property. - -```html -
    - @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/api/PdfViewer/")).EnableFormDesignerToolbar(true).DocumentPath("Hive_Succinctly.pdf").Render() -
    - -``` - -## Add the form field dynamically - -Click the Form Field icon on the toolbar and then click on to the PDF document to draw a Form Field. Refer the below GIF for further reference. - -![Alt text](../images/addformfield.gif) - -## Drag the form field - -We provide options to drag the Form Field which is currently selected in the PDF document. Refer the below GIF for further reference. - -![Alt text](../images/dragformfield.gif) - -## Resize the form field - -We provide options to resize the Form Field which is currently selected in the PDF document. Refer the below GIF for further reference. - -![Alt text](../images/resizeformfield.gif) - -## Edit or Update the form field dynamically - -The properties of the Form Fields can be edited using the Form Field Properties window. It can be opened by selecting the Properties option in the context menu that appears on the right by clicking the Form Field object. Refer the below image for the properties available to customize the appearance of the Form Field. - -![Alt text](../images/generalproperties.png) - -![Alt text](../images/appearanceproperties.png) - -![Alt text](../images/dropdownproperties.png) - -## Clipboard operation with form field - -The PDF Viewer control supports the clipboard operations such as cut, copy and paste for Form Fields. You can right click on the Form Field object to view the context menu and select to the clipboard options that you would like to perform. Refer the below image for the options in the context menu. - -![Alt text](../images/clipboardformfield.png) - -## Undo and Redo - -We provided support to undo/redo the Form Field actions that are performed at runtime. Use the following code example to perform undo/redo actions. - -```html - - -
    - @Html.EJS().PdfViewer("pdfviewer").ServiceUrl(VirtualPathUtility.ToAbsolute("~/api/PdfViewer/")).DocumentPath("Hive_Succinctly.pdf").Render() -
    - -``` \ No newline at end of file diff --git a/Document-Processing/PDF/PDF-Viewer/react/events.md b/Document-Processing/PDF/PDF-Viewer/react/events.md index 7024bb78d..d6fece65f 100644 --- a/Document-Processing/PDF/PDF-Viewer/react/events.md +++ b/Document-Processing/PDF/PDF-Viewer/react/events.md @@ -1864,6 +1864,6 @@ root.render(); See also: -- [Annotation events](./annotations/annotation-event) +- [Annotation events](./annotation/annotation-event) - [Form field events](./form-designer/form-field-events) - [Organize PDF events](./organize-pdf/organize-pdf-events) diff --git a/Document-Processing/PDF/PDF-Viewer/react/feature-module.md b/Document-Processing/PDF/PDF-Viewer/react/feature-module.md index 7e636a8bb..e6f2a2406 100644 --- a/Document-Processing/PDF/PDF-Viewer/react/feature-module.md +++ b/Document-Processing/PDF/PDF-Viewer/react/feature-module.md @@ -17,13 +17,13 @@ The available PDF Viewer modules are: * [**Toolbar**](./toolbar-customization/annotation-toolbar-customization): Built-in toolbar for user interaction. * [**Magnification**](./magnification): Perform zoom operations for a better viewing experience. * [**Navigation**](./interactive-pdf-navigation/page-navigation): Navigate across pages. -* [**LinkAnnotation**](./interactive-pdf-navigation/table-of-content-navigation): Navigate within the document or to external destinations via hyperlinks. +* [**LinkAnnotation**](./interactive-pdf-navigation/hyperlink-navigation): Navigate within the document or to external destinations via hyperlinks. * [**ThumbnailView**](./interactive-pdf-navigation/page-thumbnail-navigation): Navigate within the document using page thumbnails. * [**BookmarkView**](./interactive-pdf-navigation/bookmark-navigation): Navigate using document bookmarks (table of contents). * [**TextSelection**](./textselection): Select and copy text from the document. * [**TextSearch**](./text-search): Search for text across the document. * [**Print**](./print): Print the entire document or specific pages directly from the browser. -* [**Annotation**](./annotations/text-markup-annotation): Add and edit annotations. +* [**Annotation**](./annotation/text-markup-annotation): Add and edit annotations. * [**FormFields**](./form-designer/create-programmatically): Work with form fields in the document. * [**FormDesigner**](./form-designer/create-programmatically): Add or edit form fields in the document. diff --git a/Document-Processing/PDF/PDF-Viewer/react/form-filling.md b/Document-Processing/PDF/PDF-Viewer/react/form-filling.md index ea421b2eb..c50071a9d 100644 --- a/Document-Processing/PDF/PDF-Viewer/react/form-filling.md +++ b/Document-Processing/PDF/PDF-Viewer/react/form-filling.md @@ -95,5 +95,5 @@ For more information, see the [Form fields documentation](https://help.syncfusio ## See also -* [Handwritten signature in React PDF Viewer](./annotations/signature-annotation) +* [Handwritten signature in React PDF Viewer](./annotation/signature-annotation) * [Form Designer events](./form-designer/form-field-events) diff --git a/Document-Processing/PDF/PDF-Viewer/react/interactive-pdf-navigation/table-of-content-navigation.md b/Document-Processing/PDF/PDF-Viewer/react/interactive-pdf-navigation/hyperlink-navigation.md similarity index 100% rename from Document-Processing/PDF/PDF-Viewer/react/interactive-pdf-navigation/table-of-content-navigation.md rename to Document-Processing/PDF/PDF-Viewer/react/interactive-pdf-navigation/hyperlink-navigation.md diff --git a/Document-Processing/PDF/PDF-Viewer/react/organize-pdf/organize-pdf-events.md b/Document-Processing/PDF/PDF-Viewer/react/organize-pdf/organize-pdf-events.md index 8318e4912..e0dc71fe0 100644 --- a/Document-Processing/PDF/PDF-Viewer/react/organize-pdf/organize-pdf-events.md +++ b/Document-Processing/PDF/PDF-Viewer/react/organize-pdf/organize-pdf-events.md @@ -152,5 +152,5 @@ root.render(); ## Related event documentation - Overall Viewer events: [Event](../events) -- Annotation events: [Annotation events](../annotations/annotation-event) +- Annotation events: [Annotation events](../annotation/annotation-event) - Form designer events: [Form field events](../form-designer/form-field-events) \ No newline at end of file From 0cfa08548c5a82105dfe3bb6cec2cfd13c53b976 Mon Sep 17 00:00:00 2001 From: SivaSelvan-SF Date: Tue, 28 Oct 2025 12:36:57 +0530 Subject: [PATCH 7/8] 984044: ci failure --- .../PDF-Viewer/react/annotation/annotations-in-mobile-view.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/Document-Processing/PDF/PDF-Viewer/react/annotation/annotations-in-mobile-view.md b/Document-Processing/PDF/PDF-Viewer/react/annotation/annotations-in-mobile-view.md index 6df7ec4d5..deb9a7eb2 100644 --- a/Document-Processing/PDF/PDF-Viewer/react/annotation/annotations-in-mobile-view.md +++ b/Document-Processing/PDF/PDF-Viewer/react/annotation/annotations-in-mobile-view.md @@ -1,7 +1,7 @@ --- layout: post title: Annotations mobileView in React PDF Viewer control | Syncfusion -description: Learn how to use annotations in mobile view with the Syncfusion React PDF Viewer (Essential JS 2). +description: Learn to add rectangle annotations via text search in Syncfusion React PDF Viewer for enhanced mobile usability. platform: document-processing control: PDF Viewer documentation: ug From da1606496415fe043ee27781755a093a34d9dfc9 Mon Sep 17 00:00:00 2001 From: SivaSelvan-SF Date: Tue, 28 Oct 2025 13:44:17 +0530 Subject: [PATCH 8/8] 984044: ci error duplicate tag --- .../PDF-Viewer/react/how-to/add-annotation-in-text-search.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/Document-Processing/PDF/PDF-Viewer/react/how-to/add-annotation-in-text-search.md b/Document-Processing/PDF/PDF-Viewer/react/how-to/add-annotation-in-text-search.md index b5df3d653..27933637d 100644 --- a/Document-Processing/PDF/PDF-Viewer/react/how-to/add-annotation-in-text-search.md +++ b/Document-Processing/PDF/PDF-Viewer/react/how-to/add-annotation-in-text-search.md @@ -1,7 +1,7 @@ --- layout: post title: Add Rectangle Annotation via Text Search in Syncfusion React PDF Viewer -description: Learn to add rectangle annotations via text search in Syncfusion React PDF Viewer for enhanced mobile usability. +description: Discover how to add rectangle annotations via text search in the Syncfusion React PDF Viewer for a seamless mobile experience. control: PDF Viewer platform: document-processing documentation: ug