Hi there, is there a way to integrate a signature / drawing tool into a weweb app? Thank you and best regards, Jörg

Hi jaredgibb, I am game to watch you doing it. Couldn’t contribute much, though.

Did someone got it working with JS?

Looking for the same! :slight_smile:

Made a tutorial on how to implement a Signature pad using the signature_pad library! Let me know if you have any questions :slight_smile: [How to implement a signature pad in WeWeb]

You a life saver man! You probably saved me dozens of hours trying to figure this out. There is just one thing that still doesn’t work on my side: it’s when I updated the signature. It works the first time and updates the image variable (var: signature), but the second time I update the signature, …

Glad it helped you! There might be something a bit off on your workflows :thinking: Can you share some screenshot/screen recording of your setup?

Hi @jptrinh Apologies for the late reply. Thank you for taking the time to review this. Here is a loom video of my setup and the bug: Signature Pad Issue | Loom Let me know if you need to see anything else in my setup.

Hey @benjtlv :slight_smile: On the Mount Signature Pad workflow, on the Add Event listener, you added a parameter once: true to the endstroke event. So the event listener is removed after being called once ( see doc ) I think that should solve your issue!

Hi @jptrinh Indeed it seem to have solved the issue. Actually it’s quite odd because it was set to false at the beginning and it wasn’t working, then I set it to true just to see what it does. It didn’t help so I let it to true until I come back on it. And now it works. Pretty strange but problem…

Hi, I am implementing this signature pad. However, by minute 13:03 (from the video), you got the ID from Workflow Action, but it does not appear in my weweb editor. [image] how can I resolve this?

How to integrate a signature / drawing tool in weweb?

Ask us anything

Micah (Micah Lucero) November 1, 2024, 11:02pm 22

Topic		Replies	Views
How do I integrate signature pad in Weweb please? How do I? binding	2	322	April 5, 2023
Add a signature pad using NPM How do I?	14	1392	December 27, 2024
Collect signature Ask us anything	2	165	April 22, 2024
Signature pad doesn't work How do I?	1	305	November 29, 2023
eSignature component Developer corner	1	271	October 27, 2022

How to integrate a signature / drawing tool in weweb?

Related topics