Section:

Adding form field indicators

The following code adds indicator text to all the form fields after the annotationsLoaded promise has resolved.

Note this feature is for WebViewer 8.9+

JavaScript

1WebViewer(...)
2.then(instance => {
3  const { documentViewer, annotationManager, Annotations } = instance.Core;
4
5  const addIndicator = (widget) => {
6    widget.setFieldIndicator(true, 'Insert text here');
7  };
8
9  documentViewer.addEventListener('annotationsLoaded', () => {
10    const widgetAnnotations = annotationManager.getAnnotationsList().filter(annotation => annotation instanceof Annotations.WidgetAnnotation);
11    widgetAnnotations.forEach(addIndicator);
12
13    annotationManager.trigger('annotationChanged', [widgetAnnotations, 'modify', {}]);
14  });
15});

Related Links

Note the annotationChanged event is triggered afterwards so that the indicators update after the changes to the fields' widgets are made

Toggle form field indicators

You can choose to hide form field indicators when they would normally be shown using the hideFormFieldIndicators API.

Likewise, you can also choose to show form field indicators if they have been hidden using the showFormFieldIndicators API.

Set form field indicators programatically

You can choose to hide form field indicators when they would normally be shown or show them when they are hidden, and change the text that they contain using the setFieldIndicator API.

Did you find this helpful?

Trial setup questions?

Ask experts on Discord

Need other help?

Contact Support

Pricing or product questions?

Contact Sales