How to have an image in the form that will pop up open on click?

  • Profile Image
    janethenry
    Asked on June 20, 2017 at 02:12 PM

    Thank you, but the image I'm using isn't in a payment wizard. It's a jpg map of the hospital with specific locations detailed on the map. So it'll need the ability to be zoomed/clickable image preview to see all the little details.

  • Profile Image
    Nik_C
    Answered on June 20, 2017 at 02:21 PM

    Unfortunately, we don't have such field that will do what you need, and all solutions require adding script code which is not possible in our forms.

    So maybe a solution (quicker) would be to link the image to some external view where users can view it (even in the browser) or we can forward this feature to our backend team for a possible implementation.

    Basically, you would like to have an image in the form that, when it is clicked, it will popup (open) and be able to zoom in it correct?

    We'll wait for your response.

    Thank you!

  • Profile Image
    janethenry
    Answered on June 22, 2017 at 12:20 PM

    Yes, that is correct. It would be nice for it to function as you described.

    I found a work around by using the "text" option, added the map image and put a link right above it "Click here to download map" and used the jotform URL to the image so it automatically downloads when clicked on.

    Is it possible to put the hyperlink directly on the image??

  • Profile Image
    BDAVID
    Answered on June 22, 2017 at 01:25 PM

    Yes, you just need to put the IMG tag inside the A tag, "<a .....><img .....></a>", example:

    <a target="_blank" href="https://www.jotform.com/uploads/janethenry/form_files/Volunteer%20Campus%20Map.832.jpg" rel="noopener noreferrer"><img src="https://www.jotform.com/uploads/janethenry/form_files/Volunteer Campus Map.832.jpg" /></a>

    Here is my clone version: https://form.jotform.com/71725514680962 

  • Profile Image
    janethenry
    Answered on June 22, 2017 at 01:39 PM

    Nice, ok thank you! Please update when it's possible for the image to be clicked on to enlarge/zoom.

    Thanks again for you help!