How to Create Word-Specific Tooltips in AEM Forms Designer
Question details
The user wants to display different popups or tooltips for individual words within a single text field when hovered over or clicked in AEM Forms Designer.
- Product
- AEM Forms Designer
- Device & OS
- not provided
- Scenario
- Designing an interactive PDF form where specific words require distinct tooltips or popups for clarification.
- Observed behavior
- Standard text-field tooltips apply to the entire object instead of individual words, preventing the assignment of distinct popups to specific terms.
Determine if your final form will be viewed in standard PDF readers, as complex scripting or overlapping fields may behave differently depending on the user's viewing software.
Use Separate Link or Field Objects for Each Term
The simplest and most reliable method is to break the text apart and use separate overlay objects for words requiring specific tooltips.
Because AEM Forms Designer natively applies tooltips to the entire object boundaries, simulating a word-specific tooltip requires breaking the sentence into individual components.
Create standard text fields for your regular paragraph text, leaving blank spaces where the specific words will go.
Insert individual text or link fields for the specific words that require custom popups and place them within the blank spaces of your main text.
Select the newly created specific word field, navigate to the Accessibility or Help tab in the Object palette, and enter the specific tooltip text you want to display.
Implement Custom Scripting for Hover Events
For dynamic forms, use JavaScript to detect mouse coordinates and display custom overlay messages.
Add Comments and Links to Specific Words in WPS Office
While enterprise form designers require complex scripting for popups, WPS PDF allows you to easily add notes, comments, or hyperlinks to individual words within any standard PDF document.
- 1. Open PDF: Launch WPS Office and open your PDF document.
- 2. Select Text: Use your cursor to highlight the specific word you want to annotate.
- 3. Add Note: Right-click the highlighted word and select 'Add Note' or 'Insert Link' to create a word-specific popup or interactive action.
Frequently Asked Questions
Can I add multiple tooltips to a single text field in standard PDF forms?
No, standard PDF text fields only support a single tooltip for the entire object. You must split the text into separate objects or use custom scripting to achieve word-specific popups.
Does LiveCycle Designer natively support inline text tooltips?
LiveCycle Designer (now AEM Forms Designer) applies tooltips at the object level. Inline word-specific tooltips are not natively supported without overlapping separate field objects.
Will JavaScript hover effects work on mobile PDF readers?
Hover events rely on mouse cursors and generally do not trigger on mobile devices. For mobile-friendly interactive forms, consider using 'click' events or separate buttons to trigger popups instead.
