What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.

  • Profile Image

    Is there a way to add text to "draw on image" widget?

    Asked by teckstyle on February 03, 2015 at 06:25 AM

    I want to have a text box and radio buttons that add text and images to the "draw on image" widget... I currently have the text and images load behind the widget so users can draw over the text and chosen images. Ideally I want radio buttons for user to choose an image/icon that will load into the draw widget so the email notification (and independent png image file) have the drawing and chosen image all in the png.

    I had a look at the js script that the widget calls and wondered if I could call a duplicate js file with some edited code to achieve this?

  • Profile Image
    JotForm Support

    Answered by ashwin_d on February 03, 2015 at 01:05 PM

    Hello teckstyle,

    Unfortunately it is currently no possible to add text field within the "Draw on Image" widget to allow users to input text. Though it is possible to place a text box field on top of the widget by adding custom css code but it will not be part of the output image.

    Let me send a feature request to our back end team. We will get back to you as soon as we have any update from them.

    Thank you!

  • Profile Image

    Answered by teckstyle on February 03, 2015 at 03:12 PM

    yes thats what I thought... and thats what Im currently doing, adding div layers on top and behind the widget... oh well :/

  • Profile Image

    Answered by Ben on February 03, 2015 at 05:03 PM

    You should be able to do this using custom js code, but that can only be achieved after getting Full source code of your jotform, so you might need a developer - if you are not familiar with js codding.

    As my colleague had mentioned, he had raised this to our developers, so they should get back to you once there are any updates in regards to this.

    I would also recommend subscribing to widget updates to get info about the latest goodies as they are taken out of the oven :)

  • Profile Image

    Answered by teckstyle on February 04, 2015 at 11:11 AM

    Thanks Ben, I currently add a fair amount of extra html/css/js to my forms and would definitely be interested to see any code/examples/links to point me in the right direction...

  • Profile Image

    Answered by Ben on February 04, 2015 at 12:43 PM

    Doing a quick look on the web it seems that there are editors that would allow you to do this, but they are all complete solutions - not something easily added or modified to suite your needs.

    Now you could make a text area into a Rich text editor and place this widget above it to get to have the functionality that you want, but it would take some time to set it up just right so that you can switch from text to photo editing so I believe that it would be best to wait for our developers until they mix up something great :)

    If you would like to experiment with the idea I have mentioned you can take a look at it here, but as mentioned, it would need some time to set it right and then possibly be what you are after: http://form.jotformpro.com/form/50345399269971

  • Profile Image

    Answered by teckstyle on February 04, 2015 at 04:02 PM

    I am already placing images and textboxes on top and behind the drawing widget, but I need the text and images to be added to the drawing widgets canvas so the email notification/generated .png includes the text/images and not in separate fields

  • Profile Image

    Answered by Ben on February 04, 2015 at 05:29 PM

    Yes, I understand and for now that would be the only way to achieve this, but as soon as our developers come up with something we will update you through this thread.