Signature pad example

indeed. Same goes to me

1 Like

It is working now. It is bubble issue. The team fix it. Thanks

3 Likes

Hi @mishav, awesome plugin! Is there any consideration of making the ink color and pixel size dynamic to other inputs. For example, the signing user could change Input A to #FF0000 and Input B to 20, and these would change the ink color to red and size to 20px on the signature pad.

If you’re interested, I would be happy to fund the project and/or collaborate. Cheers!

I just tried the example plugin page and it didn’t work on desktop or mobile. Anyone else seeing this?

scratch that - I just noticed that the original post isn’t the latest way to use this plugin. This is phenomenal mishav!

Maybe update the original post to include an example with the latest plugin, as well as these two how tos

how to save the customers signature to the database

User presses Save
The pad does an upload to S3 storage for the Bubble app.
The pad outputs the S3 file url.
The pad emits an event “is saved”.
A workflow triggers from this event.
A workflow step reads the pad’s output S3 url and stores it in a database field.

and

To save as a “private file”, (see Bubble’s reference for what a private file is), the steps are …

Workflow creates a database row (thing), or reuses an existing one.
The pad property is told of this row with “Attach this file to”.
User presses Save
The pad does an upload to storage for the Bubble app.
The pad attaches the uploaded file to the database row.
The pad outputs the file url (will look different to the public type).
The pad emits an event “is saved”.
A workflow triggers from this event.
A workflow step reads the pad’s output url and stores it in a database field, usually the same one that the file is “attached to”.
1 Like

Hey @mishav, the plugin works extremely well and I even left a review for you. It’s been working just fine for me for the last few months until today. I’ve had some users complain that they can’t even write within the SignaturePad area.

Is this Bubble being finicky again or is there something wrong with your plugin?

And now it’s working again. Weird.

Nearly all plugins were down 12 hours ago.

1 Like

This is SUPER confusing. Great idea though. I just can’t seem to implement this correctly.

Is this still working? how can I use it?

Hello, maybe you can help me. I have problems to save the Signature with a workflow.
It works with the own Save-Button but i don’t want to use it.

i’ve tried several things but maybe you can show me the way how it works.

edit: the image of the signature is saved in files, but the url isn’t inside the database field where eit should be…

Plugin down I think ?

Hey, I had the same problem but I think i’ve found the solution.

You need 2 things :

  • A workflow to save the Pad itself.
  • And a workflow to save it to your database.

In my case, I have a worfklow doing this :

  • When a button is pressed > Save a Signature Pad (found in “Element Actions”).

Then, you create another separate event :

  • WHEN a Signature Pad is Saved (found in “Elements”) > Create a new Signature and set the image field to “This SignaturePad’s Image url”

Hope that helps ! :slight_smile:

Salut à tous!

J’ai trouve la solutions dans mon cas !

Repeating Groupe et Elements

Workflow
Créer un nouveau element (signature pad is saved)
Créer une fonction pour sauvegarder la signature sur la base de donées

Bouton Sauvegarder
Sauvegarder la signature
Effacer la signature

Test


J’espère que ça va vous aider!

2 Likes

Hello,

I want to try it but I get an issue, I cannot draw anything and I get an error message :

Do you encounter the same issue ?

2 Likes

WOW, over a year later no response and the issue still exists. I think I’ll skip this one.

Hey guys, for the ones still looking for a reliable solution, we just released this plugin:

:honeybee: Well maintained and documented by Plugbee.

1 Like

@mday849 - would you be willing to share what your workflow looks like? I’m still not able to save the signature into my database.

Thanks!!

Is this plugin still supported?

Hello everyone! Hope you are well.

Anybody knows how can I change buttons color in this element ?
Thanks in advance!

Hello guys.

Hav any of you tried to make an HTML iframe with a letter or report template and then open a signature or box on top the iframe exactly above the template, and then the user could edit it and paste it insisde de letter preview?

Basically like editable pdf. I know this might be posible with boxes outside the HTML element and the insert them into them, but i keep imagining that maybe by using a floating group above the HTML this could be done? Any thoughts on how to do this?

Thank you