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

  • SBPromoVids
    Asked on February 3, 2015 at 6: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?

  • Ashwin JotForm Support
    Replied on February 3, 2015 at 1: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!

  • SBPromoVids
    Replied on February 3, 2015 at 3:12 PM

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

  • Ben
    Replied on February 3, 2015 at 5: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 :)

  • SBPromoVids
    Replied on February 4, 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...

  • Ben
    Replied on February 4, 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

  • SBPromoVids
    Replied on February 4, 2015 at 4: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

  • Ben
    Replied on February 4, 2015 at 5: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.