Angular PDFViewer Form Filling
The PDFViewer offers built-in form filling capabilities that allow users to complete interactive PDF forms directly within the component. Users can input text, select options, and choose from lists to fill out PDF documents seamlessly. After completing the form, users can export the PDF document with all filled values preserved.
To enable the form filling functionality, set the renderForms
property of the PDFViewer to true
. When enabled, you can load a PDF document that contains form fields and allow users to fill out the embedded form elements.
The following example demonstrates the form filling feature of the PDFViewer component. To try out the form filling capabilities, interact with the form fields in the loaded PDF document.
Supported Form Field Types
The PDFViewer supports the following form field types:
- Text Box—Enables users to input and edit text within designated form fields.
- Password Box—Provides secure entry of sensitive information through password-protected fields.
- Check Box—Lets users toggle between selected and deselected states for predefined options.
- Radio Button—Implements radio button functionality for selecting exclusive options within a group.
- List Box—Allows users to select multiple options from a list of predefined items.
Selection Mode Requirements
The form filling feature works together with the PDFViewer selection tool. When the renderForms
property is enabled, the default selection mode automatically switches to Pointer mode to enable form interaction.
The form filling functionality is only available when using the Pointer mode of the selection tool. The Hand mode is designed mainly for scrolling through dragging and does not support form field interaction.