Differentiating Annotation Selection in Apryse Viewer

Technical Support
1

How can we determine whether an annotation is selected from the note panel or the document viewer in Apryse Viewer? Is there a way to differentiate between selection from the note panel and the document viewer?

Here is the loom recording of the issue : Annotation Pop-Up Data Issue 🛠️ | Loom

We are suing Apryse Viewer Version : 10.12.0

Thanks

1 Like
2

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


To differentiate between annotation selections from the note panel and the document viewer in Apryse Viewer, you can utilize the event listeners provided by the AnnotationManager. While there isn’t a direct method to determine the selection source, you can set up custom logic to track where the selection originates.

Some things you can try:

  • Use event listeners such as annotationSelected to detect when an annotation is selected.

  • Track user interactions in the note panel and the document viewer separately. For example, use mouse or focus events to determine if the user is interacting with the note panel.

  • Set a flag or state variable when a selection occurs in the note panel, and reset it when the user interacts with the document viewer.

  • Implement custom handlers that log the source of the interaction, allowing you to conditionally execute logic based on the source.



Here are some resources that might help you:


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

1 Like
3

Hello @opensourcetech47,

Thank you for posting on our forum,

If you would like to see if an annotation was selected via the documentViewer, you can use the getAnnotationsByMouseEvent() API. This will return whether there are annotations under your cursor at a given time, so if it returns empty you can determine the annotation was not selected in the documentViewer.

See this guide for more information: https://docs.apryse.com/web/guides/annotation/annotationmanager#getting-annotations-under-cursor
You can also find the API doc here: https://sdk.apryse.com/api/web/Core.AnnotationManager.html#getAnnotationByMouseEvent__anchor

Let us know if this works for you!

Best Regards,
Jacob Romano Carlsen
Web Development Support Engineer
Apryse Software Inc.

1 Like