I want to get create button click event in custom stamp list

[rishumishra2001]

WebViewer Version: 11.4.0

Do you have an issue with a specific file(s)? No
Can you reproduce using one of our samples or online demos? No
Are you using the WebViewer server? Yes
Does the issue only happen on certain browsers? No
Is your issue related to a front-end framework? NO
Is your issue related to annotations? No

Please give a brief summary of your issue:
I want to get create button click event in custom stamp list.

Please describe your issue and provide steps to reproduce it:
I want to handle the click event of the Create button in the custom stamp panel. When the user adds a new custom stamp, I want to save that stamp’s data in the database immediately.
Currently, I only save the stamp data to the database when the user applies the custom stamp to the PDF.

[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.

To handle the click event of the Create button in the custom stamp panel in WebViewer, you would need to intercept the event when a new custom stamp is created. This is not a direct feature in WebViewer, but you can achieve it by customizing the UI and using the WebViewer APIs to monitor changes in the custom stamp list.

Some things you can try:

• Listen for changes in the custom stamp list by monitoring the relevant UI elements or API calls within WebViewer.


• Use the AnnotationManager to listen for annotation events that may be triggered when a custom stamp is created.


• Customize the UI to add your own event listeners to the Create button, if accessible, to trigger a function that saves the stamp data to your database.


• Consider using a mutation observer to detect changes in the DOM related to the custom stamp list, though this approach may be more complex.

Here are some resources that might help you:

• Creating custom annotations for your viewer: Learn how to create and customize annotations, which may help in managing custom stamps.


• Stamp Annotations: Understand how stamp annotations work and how you might intercept events related to them.


• Annotation events/triggers: Explore how to listen for and handle annotation events, which might be useful for detecting stamp creation.


• JavaScript PDF Annotation Library: General guide on handling annotations programmatically, which could be adapted for stamps.

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

[jromanocarlsen]

Hello @rishumishra2001,

Thank you for posting on our forum.

If you are trying to capture when a new customer stamp is created, we recommend listening to the stampsUpdated event. This will trigger after the user clicks the “Create” button when creating a custom stamp panel, particularly when the list of custom stamps have been updated.

You can find the list API doc for this event here: https://sdk.apryse.com/api/web/Core.Tools.RubberStampCreateTool.html#event:stampsUpdated__anchor.

This will also trigger if the standard list of stamps are updated, but this can be remedied by adding a check to make sure the parameter in the callback function returns an “Array.<Core.Tools.RubberStampCreateTool.CustomStampData>” rather than an array of strings.

Let us know if this works for you!

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