Standard stamps tooltip and Sort Order

zaid.jeelani · March 21, 2025, 8:10pm

WebViewer Version: 11.3.0

Please give a brief summary of your issue:

I have included a svg image into Standard stamps as shown below:

const svgxml = ‘ ’;

const base64 = btoa(svgxml);
const svgBase64DataUrl = ‘data:image/svg+xml;base64,’ + base64;
stampTool.setStandardStamps([svgBase64DataUrl]);

Is it possible to display the stamp name in a tooltip when hovering over standard stamps?

Does Webviewer provide a built-in sorting feature for standard stamps?

Kindly let us know if Apryse have such functionality?

Thanks,
Zaid

system · March 21, 2025, 8:10pm

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.

To address your queries about tooltips and sorting of standard stamps in WebViewer:

Some things you can try:

WebViewer does not natively support displaying tooltips for standard stamps out of the box. However, you can implement custom tooltips by attaching mouseover events to the stamps in the UI and displaying a tooltip element.

For sorting standard stamps, you would need to implement custom logic to sort your stamps array before setting it with setStandardStamps. WebViewer does not provide a built-in sorting feature for stamps.

Consider extending the functionality by manipulating the DOM or using custom handlers to achieve the desired behavior.

Here are some resources that might help you:

WebViewer Stamps Guide: This guide provides an overview of how to work with stamps in WebViewer, including adding custom stamps.

Customizing the WebViewer UI: Learn how to customize WebViewer’s user interface, which can help in implementing tooltips.

JavaScript onmouseover Event: Understand how to use the mouseover event in JavaScript to create custom tooltips.

MDN Web Docs: mouseover event: Detailed documentation on handling mouseover events, which can be useful for your tooltip implementation.

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

luke.dam · March 25, 2025, 5:09pm

Hello Zaid,

Thank you for contacting WebViewer Forums.

Once the stamp annotation is placed, there is a default hover tooltip that can be customized called the content overlay popup. For more information, see this documentation here: Popup API with JavaScript | Apryse documentation
WebViewer does not have a default UI sort feature. However, this can be done programatically using the setStandardStamps() API. See here for more information: Creating custom stamp using JavaScript | Apryse documentation

Regards,
Luke