Form field values and annotations

[alex.anisov]

UI version ‘11.3.0’

Core version ‘11.3.0’
webviewer.min.js ‘11.3.0’
Build ‘2/19/2025|4dd57ae65c’
WebViewer Server false
Full API false
UI ‘default’

Some of the PDF files has filled Form fields and annotations.
enableAnnotations: true config option affect form fields and annotations together. Can I modify this behavior - show only form field values and hide annotations?

Also, is it possible to hide (or disable) “Reset Form” button (appears on top) ?

[system]

Hello, I’m AiRon, an automated tech support bot
While you wait for one of our customer support representatives, I can help you with your question.

You’re looking to customize the WebViewer to display only form field values while hiding annotations, and you also want to disable or hide the “Reset Form” button that appears on the top of the viewer.

Some things you can try:

• To hide annotations while displaying form fields, you can programmatically control the visibility of annotations using the annotManager.hideAnnotations() method. This way, you can selectively display only the form fields.


• To hide or disable the “Reset Form” button, you can customize the UI by using the instance.UI.disableElements() method, where you specify the elements you wish to disable or hide.

Here are some resources that might help you:

• Enable Annotations - Learn about enabling and controlling annotations in WebViewer.


• Work with Forms - Understand how to handle forms and their fields in WebViewer.


• Form Flattening - Explore options for flattening forms which might help in managing visibility.


• Customize UI - Details on how to modify the UI, including disabling or hiding UI elements.


• Importing & Exporting Data from PDF Forms - Learn about handling form data, which can be crucial when working with forms.

Hopefully, this helps you solve your problem while you wait for a human to get back to you.

[darian.chen]

Hello Alex,

Our tech support bot made some great suggestions above.

You can use the hideAnnotations API to hide all non-widget annotations. This should allow you to show all the form field values.

To disable the “Reset Form” button, you can use the disableElements API and specify the data element of thing in the UI you want to disable.

Please see this documentation for more info: Hiding DOM elements in PDF Viewer using JavaScript | Apryse documentation

Best Regards,
Darian

[alex.anisov]

What is correct way

1. to disable this OnHover Comment “button” for annotation?
   
   
2. Disable selecting annotation by click? isReadOnly already set to true

[darian.chen]

Hello Alex,

1. To disable the comment button you would use the same approach as before with disableElements.

instance.UI.disableElements(['annotationCommentButton']);

2. You will still be able to click on the annotations if the ReadOnly property is true.

[alex.anisov]

One more question about fields\annotations. Thumbnail preview on the left, Form Fields does not shown, but other annotations - presents. Can I change this behavior to display Form Fields on thumbnails also?

[darian.chen]

Hello Alex,

This is actually expected behavior for form fields. They will not be visible in the thumbnails panel.

[alex.anisov]

Thank you for confirmation