![]() ![]() Hi for the post! I’ve been reading all of the threads you’ve referenced trying to absorb it all as I’m trying to implement a signature pad on my site. I’ll write up a tutorial to go with it, in the meantime any questions are welcome! Another HTML element to initiate the copy of the URI, based on the modified date/time.įor reference, Szymon Nowak’s scripts are at:.HTML element with javascript to copy the URI onto the Image’s source.Text Input to hold the URI of the loaded signature.Group to load the signature from the database.* Bubble Image element preloaded with a placeholder image. Previously I was messing around with this method: Thanks to for the idea for simpler method above. Embed a dynamic search for signature into the img src above.The Text Input is tucked away out of sight behind the image of the stored signature. Workflow event looks for the Input changed, and saves the text URI to a database element.The save button writes the canvas as a URI encoded PNG to a Bubble Text Input, and tells Bubble it has changed.HTML element containing the canvas, and javascript to initiate the signature pad, mostly copied from Szymon’s example.It also loads some css, including a background image, mostly copied from Szymon’s example.Page HTML Header loads a minified CDN of Szymon Nowak’s javascript.Some interesting features, for capturing the signature: Hi everyone, sharing a Bubble integration of Szymon Nowak’s javascript signature pad. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |