drawing on bubble… I need to use the ability to draw (with mouse) to create a signature box. Then I need to paste the image elsewhere. Can someone help? I’ll pay someone to make th plugin if possible. I’m desperate!
So for the sake of clarity, an iFrame box that the user can draw inside of (their signature) then when they hit “next” I will have it store to their profile. Can figure out a code that will work for the drawing portion.
Have you reached out to @iamsalar from CoBubble, or the folks at AirDev, or the folks from Bubblewits? @vlad @stephanie @levon
2 Likes
mishav
November 26, 2016, 4:21pm
4
I’ve worked out a solution using this signature pad, if you’re interested in taking it further I’ll tidy it up for a demo.
http://szimek.github.io/signature_pad/
1 Like
YES!!! I need this!!! Lets move forward ASAP! @mishav
@mishav What a huge help man!
Yes looks great! there has been a lot of requests for this/
mishav
November 27, 2016, 8:57pm
8
I’ve put up a new thread: Signature pad example
1 Like
Hey, I am new to this. What do I need to do to implement the signature pad in an online form?
The signature pad looks great btw!
mishav
June 15, 2017, 10:12pm
10
Its now in a plugin, that’s the easiest way to implement. Here is the post about it:
Its published, ready for testing …
##Version 1.0.0
Should be a lot easier to use than the javascript example. Improvements:
More compatible styling, so can be resized.
Should work with multiple pads on a page, and on popups.
Outputs a png image which gets uploaded to Bubble’s S3 storage.
Option to save to a private file in the database.
Pen and colour options.
Free pizza. I had to take this option out …
This post describes the sequence of events
To expand on how to use private file uploads in general … what you want to happen is this sequence:
A record or “thing” is created to save the private upload onto.
The record is passed into the options, usually with a dynamic search.
The upload to S3 is triggered, in this case using the “save” action.
When the upload has finished, the “is saved” event triggers.
At this point, a URL to the upload in S3 is available.
The URL can now be stored in the database, it can be stored on a “file” or …
This post has links to an example app …
Haha no, always planned on publishing, I just had more urgent things to do.
For others, sample app highlighting the differences between private and public file saving:
link to app preview
link to app editor
Well done getting it hooked in : )
Have fun with it, @lukas991