How to Display Fillable PDF Form Data in a Read-Only Text Box
Question details
The user wants to duplicate data entered into an interactive PDF text field and display it automatically in a secondary, non-editable text box placed elsewhere in the document.
- Product
- WPS PDF
- Device & OS
- not provided
- Scenario
- Creating an interactive PDF form where user input needs to be mirrored over an image or in another section without allowing users to directly edit the secondary location.
- Observed behavior
- The user needs a method to link two text fields, making the destination field non-interactive while matching specific visual formatting so it blends into the document.
Ensure your PDF editor supports interactive form creation and editing. It is highly recommended to save a backup copy of your PDF document before modifying form fields and properties.
Use Identical Field Names with Read-Only Settings
This is the most efficient way to mirror text in a PDF form. By giving two fields the exact same name, the PDF viewer automatically copies the data entered in the first field to the second field.
PDF forms recognize fields with identical names as a single data source. When a user fills out one field, all other fields sharing that name populate simultaneously.
Navigate to the Form tab in your PDF editor and insert a new text field exactly where you want the non-interactive text to appear.
Open the properties of the new text field. Change the 'Name' attribute so it matches the exact name of the original fillable text field.
In the same properties menu, locate and check the 'Read-only' option. This ensures users cannot click, select, or type directly into this secondary field.
Switch to the Appearance tab within the properties. Adjust the font, text size, and colors. To make the text blend with an underlying image, set the border and fill colors to transparent.
Use a JavaScript Calculation Script
If you need the duplicated text to undergo advanced formatting or combined calculations before displaying, a custom JavaScript calculation is required.
Create and Edit Interactive PDF Forms with WPS Office
WPS Office provides a comprehensive suite of PDF tools, allowing you to easily add, manage, and configure interactive form fields like text boxes, checkboxes, and read-only display areas.
- 1. Open the PDF document: Launch WPS Office and open the PDF file you wish to make interactive.
- 2. Access form tools: Navigate to the 'Form' tab on the top ribbon to access the interactive form controls.
- 3. Configure form fields: Click 'Text Field' to draw new input boxes, then double-click them to configure properties like matching names and read-only restrictions.
Frequently Asked Questions
Why is the duplicated text not showing up immediately?
In most PDF readers, mirrored fields update only after you click out of the original field or press the 'Enter' key. Also, double-check that both fields have the exact same name with no typos.
Can I make the read-only text box invisible until it is filled?
Yes, you can set the destination field's border and background fill colors to transparent in the properties menu. The text will seamlessly appear over your document or image only when data is populated from the main interactive field.
Will this feature work when the PDF is opened in a web browser?
Most modern web browsers (like Chrome or Edge) support basic interactive PDF forms and will mirror data between fields with identical names. However, advanced JavaScript calculations may not execute properly in browser-based PDF viewers.
