Paint & Signature Pad - New Plugin from Zeroqode

With this brand new graphic editor you can let your users draw their own pictures directly in a bubble application. Use different colors, brushes and other tools that will enable your users create their own graphic or sign a document.

Setting it up is simple. Simply place it on a page, enable the functions that you really need and let your users do the rest.

Existing images can be uploaded from desktop, or added by dragging from any page.
As a result plugin returns an image that be saved into database or downloaded to the user.

For details, screenshots and demos please visit Zeroqode Plugin Page.

paint_1_new

Levon Terteryan
Founder @ Zeroqode & Bubblewits

zeroqode-for-web-160x120

Bubble Templates
Bubble Plugins
Bubble Courses
Convert Web to iOS & Android
No-code Development Services

4 Likes

Hi @levon
I just bought this plugin - and am not able to save the image from the paint pad to the database. I tried the exact same thing as in the example - but it still does not work. It looks like the example is with a test plugin and not the production.

Also - it is not clear what happens when you do a “Get image Paint&SignaturePadA”.
I would like to store this image as part of custom data type that I have created - and could not find a way to access the image. I need the actual image and not the URL.

Could you please help?
Thanks.
Arvind

1 Like

Hi @ramkhi is there any update on this? I’m looking into paint options.

Thanks,
Greg

Here is the message from the Zeroquode support that helped resolve this:

"Both (Testing) and “production” which is the Commercial versions are the same. No difference in code.

The saving is done by using the Paint and Signature’s output is ready event which will get you a image type result for you to save into database.
The Get Image Paint and SignaturePad action works to save the output result while the upload to server is checked.

The state Output Image URL is an actual image, though this may seem confusing I understand.

image|autoxauto

Please do check the demo setup - https://bubble.is/page?version=test&type=page&name=paint___signature_pad&id=zeroqode-demo-06&tab=tabs-1

@levon Is it possible to hide the tools to make for a cleaner signature experience?

1 Like

@Mothman, I’m afraid that would be possible but would require additional modifications, but currently it’s not on our priority list.
Regards,
Vitalie

Would this plugin allow for annotation of videos? I am looking to make an app to break down exercise technique. Users will upload videos using ziggeo. From there, I would like them to make annotations during playback.

And if there is someone who thinks they could build this for me, I’m all ears in hearing how much it would cost to do so. Thanks!

Hi @jwmurray14,

Thanks for reaching out. Let us check on it and we’ll notify you back asap.

Best regards,
Zeroqode Team

Hi @jwmurray14,

Unfortunately, this plugin doesn’t allow video annotations. It is a simple painter tool where users are able to draw their paintings in the drawing area, and save the resulted image, or download it.

Best regards,
Zeroqode Team

Agree, its an excellent plugin for the community. However the use case is a little confusing. As a signature strip the side options make it confusing for the user. It just needs to be a white space where you sign, it should not confuse or require explanation to the average user. As a paint/drawing window it makes sense as it tries to mimic those basic functions.

Hi @it1,

Thanks for reaching out! Currently, there is indeed no option to hide the toolbars, unfortunately. However, we’ve taken into account the feedback and we’ll look into the future possibility.

Best regards,
Zeroqode Team

Hello, @Mothman @it1 and everyone following this thread!

Thanks for your feedback and support. We’ve managed to add new features:

  • Added possibility to change the position of the toolbar (left or right)
  • Added option to choose which tool to set availability for toolbar

Check our demo setup : https://bubble.io/page?type=page&name=paint___signature_pad&id=zeroqode-demo-06&tab=tabs-1

Please use the latest version of plugin, place the element on the page and refresh the application and give it a try!

Thanks. :pray:

Regards,
Zeroqode Team.

1 Like

Great work!

I have this error everytime i am trying to reset … then load an image and draw/upload in laptop using chrome browser however in mobile/new explorer works fine.

Hello, @solinz. Thanks for reaching out.

Unfortunately, I can not reproduce your case on our side.
Would you kindly describe your case with a bit more details? Like step-by-step guidance on what you do to get this error, screenshots of your workflow (that refer to the plugin) and the video record of your issue reproduce. This info can help us to find the root cause of your problem.

Thank you for understanding :pray:
Regards,
Zeroqode Team

Hi there, I have just purchased this plugin and its working great! I just want to find out if there is anyway I can reset the pad after saving or downloading the image without having to reload the page? Thanks!

1 Like

Hello, @sacoetzee
Thanks for your appreciation of our plugin.

I would like to mention that you for sure can reload a Pad Page without refreshing the page.
In order to do it, you need to add a new Button on your Working Space, which will respond to this action.

Together with it, you need to create a required workflow for this Button.
Please, add a new action for your new element by selecting it from the “Element Actions” section of the panel. Here you can choose the “Clear the pad data a Paint&Signature pad”.

Hope my answer helped you.
Best regards,
Zeroqode Team

Hi, Can not open the plugin in the editor; Paint & Signature Pad | Plugin for Bubble by Zeroqode

Greetings, @tursun.alkam!

Thank you for contacting us!

This issue has been solved. We appreciate your proactiveness and apologize for the inconvenience caused. :slightly_smiling_face:

If there is anything else I can help you with, please, let me know.

Bets regards.

1 Like

Thanks. But it is not the latest version as you showcased here in the forum. It does not have the add text function and font size option.