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

  • janethenry
    Asked on June 20, 2017 at 2: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.

  • Nik_C
    Replied on June 20, 2017 at 2: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!

  • janethenry
    Replied 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??

  • David JotForm Support Manager
    Replied on June 22, 2017 at 1:25 PM

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

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

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

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

  • janethenry
    Replied on June 22, 2017 at 1: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!