983918: Form Filling UG updates

Document-Processing/PDF/PDF-Viewer/angular/form-filling.md

@@ -0,0 +1,125 @@
+---
+layout: post
+title: Form filling in Angular PDF Viewer control | Syncfusion
+description:  Learn how to view, fill, export, and import PDF form fields with Angular PDF Viewer control of Syncfusion Essential JS 2 and more details.
+platform: document-processing
+control: PDF Viewer
+documentation: ug
+domainurl: ##DomainURL##
+---
+
+# Form filling in Angular PDF Viewer Component
+
+The PDF Viewer component displays existing form fields in a PDF document and enables filling and downloading filled data.
+
+The form fields displayed in the Pdf Viewer are:
+
+* Textbox
+* Password
+* CheckBox
+* RadioButton
+* ListBox
+* DropDown
+* SignatureField
+* InitialField
+
+![Form filling in Angular](./images/form-filling.png)
+
+## Disabling form fields
+
+The PDF Viewer control provides an option to disable interaction with form fields. Use the following configuration to disable form fields in the viewer.
+
+{% tabs %}
+{% highlight html tabtitle="Standalone" %}
+
+import { Component, OnInit } from '@angular/core';
+import {
+  LinkAnnotationService,
+  BookmarkViewService,
+  MagnificationService,
+  ThumbnailViewService,
+  ToolbarService,
+  NavigationService,
+  AnnotationService,
+  TextSearchService,
+  TextSelectionService,
+  FormFieldsService,
+  FormDesignerService,
+  PrintService
+} from '@syncfusion/ej2-angular-pdfviewer';
+
+@Component({
+  selector: 'app-root',
+  template: `
+    <div class="content-wrapper">
+      <ejs-pdfviewer
+        id="pdfViewer"
+        [resourceUrl]="resource"
+        [documentPath]="document"
+        [enableFormDesigner]="false"
+        style="height: 640px; display: block;">
+      </ejs-pdfviewer>
+    </div>
+  `,
+  providers: [
+    LinkAnnotationService,
+    BookmarkViewService,
+    MagnificationService,
+    ThumbnailViewService,
+    ToolbarService,
+    NavigationService,
+    AnnotationService,
+    TextSearchService,
+    TextSelectionService,
+    FormFieldsService,
+    FormDesignerService,
+    PrintService
+  ]
+})
+export class AppComponent implements OnInit {
+  public document: string = 'PDF_Succinctly.pdf';
+  public resource: string = "https://cdn.syncfusion.com/ej2/31.1.17/dist/ej2-pdfviewer-lib";
+
+  ngOnInit(): void { }
+
+}
+
+{% endhighlight %}
+{% endtabs %}
+
+## How to draw handwritten signature in the signature field
+
+Add a handwritten signature to a Signature field by following these steps:
+
+* Click the signature field in the PDF document to open the signature panel.
+
+![Signature field in Angular PdfViewer](./images/form-filling-signature.png)
+
+* Draw the signature in the signature panel.
+
+![Displaying signature panel in Angular PdfViewer](./images/form-filling-signature-dialog.png)
+
+* Click the **CREATE** button. The drawn signature is added to the signature field.
+
+![Displaying signature in Angular PdfViewer](./images/form-filling-signature-signed.png)
+
+## Delete the signature inside the signature field
+
+Delete a signature placed in a signature field by using the Delete option in the annotation toolbar.
+
+![Deleting signature in Angular PdfViewer](./images/form-filling-signature-del.png)
+
+## Export and import form fields
+
+The PDF Viewer control provides the support to export and import the form field data in the following formats using the `importFormFields`, `exportFormFields`, and `exportFormFieldsAsObject` methods.
+
+* FDF
+* XFDF
+* JSON
+
+For detailed information about exporting and importing form fields, please refer to the [Form Fields documentation](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/javascript-es6/form-designer/create-programmatically#export-and-import-form-fields).
+
+## See also
+
+* [Handwritten Signature in Angular PDF Viewer Component](./annotations/signature-annotation)
+* [Form Designer](./form-designer/form-field-events)

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

@@ -0,0 +1,82 @@
+---
+layout: post
+title: Form filling in ASP.NET Core PDF Viewer control | Syncfusion
+description:  Learn how to view, fill, export, and import PDF form fields with ASP.NET Core PDF Viewer control of Syncfusion Essential JS 2 and more details.
+platform: document-processing
+control: PDF Viewer
+publishingplatform: ASP.NET Core
+documentation: ug
+domainurl: ##DomainURL##
+---
+
+# Form filling in ASP.NET Core PDF Viewer Component
+
+The PDF Viewer component displays existing form fields in a PDF document and enables filling and downloading filled data.
+
+The form fields displayed in the Pdf Viewer are:
+
+* Textbox
+* Password
+* CheckBox
+* RadioButton
+* ListBox
+* DropDown
+* SignatureField
+* InitialField
+
+![Form filling in ASP.NET Core](./images/form-filling.png)
+
+## Disabling form fields
+
+The PDF Viewer control provides an option to disable interaction with form fields. Use the following configuration to disable form fields in the viewer.
+
+{% tabs %}
+{% highlight cshtml tabtitle="Standalone" %}
+
+<div style="width:100%;height:600px">
+    <ejs-pdfviewer id="pdfviewer"
+                   style="height:600px"
+                   documentPath="https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf"
+                   enableFormDesigner="false">
+    </ejs-pdfviewer>
+</div>
+
+{% endhighlight %}
+{% endtabs %}
+
+## How to draw handwritten signature in the signature field
+
+Add a handwritten signature to a Signature field by following these steps:
+
+* Click the signature field in the PDF document to open the signature panel.
+
+![Signature field in ASP.NET Core PdfViewer](./images/form-filling-signature.png)
+
+* Draw the signature in the signature panel.
+
+![Displaying signature panel in ASP.NET Core PdfViewer](./images/form-filling-signature-dialog.png)
+
+* Click the **CREATE** button. The drawn signature is added to the signature field.
+
+![Displaying signature in ASP.NET Core PdfViewer](./images/form-filling-signature-signed.png)
+
+## Delete the signature inside the signature field
+
+Delete a signature placed in a signature field by using the Delete option in the annotation toolbar.
+
+![Deleting signature in ASP.NET Core PdfViewer](./images/form-filling-signature-del.png)
+
+## Export and import form fields
+
+The PDF Viewer control provides the support to export and import the form field data in the following formats using the `importFormFields`, `exportFormFields`, and `exportFormFieldsAsObject` methods.
+
+* FDF
+* XFDF
+* JSON
+
+For detailed information about exporting and importing form fields, please refer to the [Form Fields documentation](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/asp-net-core/form-designer/create-programmatically#export-and-import-form-fields).
+
+## See also
+
+* [Handwritten Signature in ASP.NET Core PDF Viewer Component](./annotations/signature-annotation)
+* [Form Designer](./form-designer/form-field-events)

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

@@ -23,7 +23,7 @@ The form fields displayed in the PDF Viewer are:
 * Signature Field
 * List box
 
-![FormFilling](.../images/formfilling.png)
+![FormFilling](./images/formfilling.png)
 
 ## Disabling form fields
 
@@ -52,21 +52,21 @@ Signature can be added to the Signature field by using the following steps:
 
 * Click the Signature Field in the PDF document. The signature panel will appear.
 
-![SignatureField](../images/signaturefield.png)
+![SignatureField](./images/signaturefield.png)
 
 * Draw the signature in the signature panel.
 
-![SignaturePanel](../images/signature.png)
+![SignaturePanel](./images/signature.png)
 
 * Click the **CREATE** button, the drawn signature will be added in the signature field.
 
-![Signature](../images/sign.png)
+![Signature](./images/sign.png)
 
 ## Delete the signature inside the signature field
 
 You can also delete the signature in the signature field by using Delete Option in the annotation toolbar.
 
-![DeleteSign](../images/deletesign.png)
+![DeleteSign](./images/deletesign.png)
 
 ## Import and export form fields
 

Document-Processing/PDF/PDF-Viewer/javascript-es5/form-filling.md

@@ -0,0 +1,83 @@
+---
+layout: post
+title: Form filling in JavaScript PDF Viewer control | Syncfusion
+description:  Learn how to view, fill, export, and import PDF form fields with Javascript PDF Viewer control of Syncfusion Essential JS 2 and more details.
+platform: document-processing
+control: PDF Viewer
+publishingplatform: Javascript
+documentation: ug
+domainurl: ##DomainURL##
+---
+
+# Form filling in Javascript PDF Viewer Component
+
+The PDF Viewer component displays existing form fields in a PDF document and enables filling and downloading filled data.
+
+The form fields displayed in the Pdf Viewer are:
+
+* Textbox
+* Password
+* CheckBox
+* RadioButton
+* ListBox
+* DropDown
+* SignatureField
+* InitialField
+
+![Form filling in Javascript](./images/form-filling.png)
+
+## Disabling form fields
+
+The PDF Viewer control provides an option to disable interaction with form fields. Use the following configuration to disable form fields in the viewer.
+
+{% tabs %}
+{% highlight ts tabtitle="index.js" %}
+
+var pdfviewer = new ej.pdfviewer.PdfViewer({
+                    documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf",
+                    resourceUrl : "https://cdn.syncfusion.com/ej2/31.1.17/dist/ej2-pdfviewer-lib",
+                    enableDesktopMode : true
+                });
+ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar,
+                              ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer);
+pdfviewer.appendTo('#PdfViewer');
+
+{% endhighlight %}
+{% endtabs %}
+
+## How to draw handwritten signature in the signature field
+
+Add a handwritten signature to a Signature field by following these steps:
+
+* Click the signature field in the PDF document to open the signature panel.
+
+![Signature field in Javascript PdfViewer](./images/form-filling-signature.png)
+
+* Draw the signature in the signature panel.
+
+![Displaying signature panel in Javascript PdfViewer](./images/form-filling-signature-dialog.png)
+
+* Click the **CREATE** button. The drawn signature is added to the signature field.
+
+![Displaying signature in Javascript PdfViewer](./images/form-filling-signature-signed.png)
+
+## Delete the signature inside the signature field
+
+Delete a signature placed in a signature field by using the Delete option in the annotation toolbar.
+
+![Deleting signature in Javascript PdfViewer](./images/form-filling-signature-del.png)
+
+## Export and import form fields
+
+The PDF Viewer control provides the support to export and import the form field data in the following formats using the `importFormFields`, `exportFormFields`, and `exportFormFieldsAsObject` methods.
+
+* FDF
+* XFDF
+* JSON
+
+For detailed information about exporting and importing form fields, please refer to the [Form Fields documentation](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/javascript-es5/form-designer/create-programmatically#export-and-import-form-fields).
+
+## See also
+
+* [Handwritten Signature in Javascript PDF Viewer Component](./annotations/signature-annotation)
+* [Form Designer](./form-designer/form-field-events)