Skip to content

Commit 59d73f7

Browse files
984540: JS documentation restructuring - images and common files
1 parent a6cf403 commit 59d73f7

File tree

11 files changed

+2466
-0
lines changed

11 files changed

+2466
-0
lines changed

Document-Processing/PDF/PDF-Viewer/javascript-es5/annotations/annotation-event.md

Lines changed: 900 additions & 0 deletions
Large diffs are not rendered by default.

Document-Processing/PDF/PDF-Viewer/javascript-es5/event.md

Lines changed: 1292 additions & 0 deletions
Large diffs are not rendered by default.
Lines changed: 86 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,86 @@
1+
---
2+
layout: post
3+
title: Form filling in JavaScript PDF Viewer | Syncfusion
4+
description: Learn how to view, fill, export, and import PDF form fields using the Syncfusion JavaScript PDF Viewer, including disabling interaction and working with signatures.
5+
platform: document-processing
6+
control: PDF Viewer
7+
documentation: ug
8+
domainurl: ##DomainURL##
9+
---
10+
11+
# Form filling in JavaScript PDF Viewer
12+
13+
The PDF Viewer displays existing form fields in a PDF and enables users to fill, validate, and download the filled data.
14+
15+
The PDF Viewer supports the following form field types:
16+
17+
* Text box
18+
* Password
19+
* Check box
20+
* Radio button
21+
* List box
22+
* Dropdown
23+
* Signature field
24+
* Initial field
25+
26+
![Form filling in JavaScript PDF Viewer](./images/form-filling.png)
27+
28+
## Disabling form fields
29+
30+
The PDF Viewer provides an option to disable interaction with form fields. Use the following configuration to disable form fields in the viewer.
31+
32+
{% tabs %}
33+
{% highlight js tabtitle="index.js" %}
34+
35+
ej.pdfviewer.PdfViewer.Inject(
36+
ej.pdfviewer.Toolbar, ej.pdfviewer.Magnification, ej.pdfviewer.Navigation, ej.pdfviewer.Annotation,
37+
ej.pdfviewer.LinkAnnotation, ej.pdfviewer.ThumbnailView, ej.pdfviewer.BookmarkView, ej.pdfviewer.TextSelection,
38+
ej.pdfviewer.TextSearch, ej.pdfviewer.FormFields, ej.pdfviewer.FormDesigner
39+
);
40+
41+
var pdfviewer = new ej.pdfviewer.PdfViewer({
42+
documentPath: 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf',
43+
resourceUrl: 'https://cdn.syncfusion.com/ej2/31.1.17/dist/ej2-pdfviewer-lib',
44+
enableFormDesigner: false
45+
});
46+
pdfviewer.appendTo('#PdfViewer');
47+
48+
{% endhighlight %}
49+
{% endtabs %}
50+
51+
## Add a handwritten signature to a signature field
52+
53+
Add a handwritten signature to a signature field by following these steps:
54+
55+
* Click the signature field in the PDF document to open the signature panel.
56+
57+
![Signature field in JavaScript PDF Viewer](./images/form-filling-signature.png)
58+
59+
* Draw the signature in the signature panel.
60+
61+
![Signature panel in JavaScript PDF Viewer](./images/form-filling-signature-dialog.png)
62+
63+
* Select **CREATE**. The drawn signature is added to the signature field.
64+
65+
![Signature added in JavaScript PDF Viewer](./images/form-filling-signature-signed.png)
66+
67+
## Delete a signature from a signature field
68+
69+
Delete a signature placed in a signature field by using the Delete option in the annotation toolbar.
70+
71+
![Deleting a signature in JavaScript PDF Viewer](./images/form-filling-signature-del.png)
72+
73+
## Export and import form fields
74+
75+
The PDF Viewer supports exporting and importing form field data using the `importFormFields`, `exportFormFields`, and `exportFormFieldsAsObject` methods. The following formats are supported:
76+
77+
* FDF
78+
* XFDF
79+
* JSON
80+
81+
For more information, see the [Form fields documentation](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/javascript-es5/form-designer/create-programmatically#export-and-import-form-fields).
82+
83+
## See also
84+
85+
* [Handwritten signature in JavaScript PDF Viewer](./annotations/signature-annotation)
86+
* [Form Designer events](./form-designer/form-field-events)
Lines changed: 69 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,69 @@
1+
---
2+
layout: post
3+
title: FAQ Section in Pdfviewer control | Syncfusion
4+
description: In this section, you can know about the various questions asked about manipulation of in Pdfviewer control.
5+
platform: document-processing
6+
control: PDF Viewer
7+
documentation: ug
8+
domainurl: ##DomainURL##
9+
---
10+
11+
# Frequently Asked Questions Section in PDF Viewer control
12+
13+
The frequently asked questions in Essential<sup>&reg;</sup> PDF Viewer are listed below.
14+
15+
* [How to add annotation in text search in typescript?](./how-to/add-annotation-in-text-search-js.md)
16+
* [How to add custom header to the PDF Viewer ajax request?](./how-to/add-header-value.md)
17+
* [How to add a save button to PDF Viewer toolbar?](./how-to/add-save-button-js.md)
18+
* [How to customize the annotation selectors?](./how-to/annotation-selectors.md)
19+
* [How to change the author name of the annotation dynamically?](./how-to/change-author-name-using-annotation-settings.md)
20+
* [How to clear all the annotations from the PDF document?](./how-to/clear-annotations.md)
21+
* [How to configure the annotation selector settings?](./how-to/configure-annotationselector-setting-js.md)
22+
* [What are the supported conformance or standards of PDF Viewer?](./how-to/conformance.md)
23+
* [How to change the border color of rectangle annotations?](./how-to/change-rectangle-annotations-border-color.md)
24+
* [How to control the visibility of the annotation?](./how-to/control-annotation-visibility-js.md)
25+
* [How to convert the PDF library bounds to PDF viewer bounds?](./how-to/convert-pdf-library-bounds-to-pdf-viewer-bounds-js.md)
26+
* [How to create PDF Viewer service using ASP.NET Core?](./how-to/create-pdfviewer-service-core.md)
27+
* [How to create PDF viewer web service using ASP.NET MVC?](./how-to/create-pdfviewer-service.md)
28+
* [How to customize the context menu in PDF Viewer?](./how-to/custom-context-menu.md)
29+
* [How to add custom font in handwritten signature?](./how-to/custom-font-signature-field-js.md)
30+
* [How to add custom fonts for form fields and free text annotations?](./how-to/custom-fonts.md)
31+
* [How to add a new page to the pdf document?](./how-to/add-new-page-to-the-pdf-document.md)
32+
* [How to customize text search highlight color in PDF Viewer?](./how-to/customize-text-search-color.md)
33+
* [How to delete a specific annotation from the PDF document?](./how-to/delete-annotation.md)
34+
* [How to disable the context menu?](./how-to/disable-context-menu.md)
35+
* [How to disable tile rendering in PDF Viewer?](./how-to/disable-tile-rendering.md)
36+
* [How to display custom tooltip for annotation?](./how-to/display-custom-tool-tip-for-annotation.md)
37+
* [How to download the pdf document when closing the browser window?](./how-to/download-document-on-window-closing.md)
38+
* [How to focus on a form field after loading a document?](./how-to/focus-on-a-form-field-after-loading.md)
39+
* [How to get the download start event?](./how-to/download-start-event-js.md)
40+
* [How to enable or disable the local storage?](./how-to/enable-local-storage-js.md)
41+
* [Enable the resizer for text markup annotation?](./how-to/enable-resize.md)
42+
* [How to enable or disable the text selection?](./how-to/enable-text-selection-js.md)
43+
* [How to export the PDF pages as images?](./how-to/export-as-image-js.md)
44+
* [How to extract text from the PDF document?](./how-to/extract-text-completed-js.md)
45+
* [How to extract text from a specific region?](./how-to/extract-text-option-js.md)
46+
* [How to extract text from the PDF document?](./how-to/extract-text-js.md)
47+
* [How to find the text in the PDF document asynchronously?](./how-to/find-text-async-js.md)
48+
* [How to get the base64 string of the loaded document?](./how-to/get-base64-js.md)
49+
* [How to get the page information of the loaded document?](./how-to/get-page-info-js.md)
50+
* [How to perform highlight, underline, and strikethrough for the selected text?](./how-to/highlight-underline-strikeout-text.md)
51+
* [How to identify the added annotation and its mode?](./how-to/identify-added-annotation-mode.md)
52+
* [How to import annotations from the PDF document?](./how-to/import-annotations.md)
53+
* [How to import and export annotations in PDF Viewer?](./how-to/import-export-annotation-js.md)
54+
* [How to load a PDF document in PDF Viewer?](./how-to/load-document.md)
55+
* [How to set the minimum and maximum zoom percentage?](./how-to/min-max-zoom-js.md)
56+
* [How to open the bookmark pane when the document is loaded?](./how-to/open-bookmark-js.md)
57+
* [How to open the thumbnail pane when the document is loaded?](./how-to/open-thumbnail.md)
58+
* [How to get the annotation when it is overlapped with another annotation on its selection?](./how-to/overlapped-annotation.md)
59+
* [How to get the page render started and completed event?](./how-to/pagerenderstarted-pagerendercompleted-js.md)
60+
* [How to print the PDF document silently?](./how-to/print-document.md)
61+
* [How to resolve the `Unable to find an entry point named 'FreeExportedValues' in DLL 'pdfium''?](./how-to/resolve-unable-to-find-an-entry-point-error.md)
62+
* [How to restrict the zooming in mobile mode?](./how-to/restricting-zoom-in-mobile-mode-js.md)
63+
* [How to select annotations in multi page?](./how-to/select-multi-page-annotations.md)
64+
* [How to show custom stamp item in the stamp annotation?](./how-to/show-custom-stamp-item-js.md)
65+
* [How to show or hide a particular annotation?](./how-to/show-hide-annotation-js.md)
66+
* [How to get the signature selected and unselected event?](./how-to/signatureselect-signatureunselect-js.md)
67+
* [How to unload the PDF document from the viewer?](./how-to/unload-document.md)
68+
* [How to use local script and style references?](./how-to/use-local-script-and-style-references.md)
69+
24.6 KB
Loading
71.4 KB
Loading
79.9 KB
Loading
68.2 KB
Loading
63.6 KB
Loading
68.4 KB
Loading

0 commit comments

Comments
 (0)