How to make image to zoom, so users can see a better picture

  • ramongrf
    Asked on May 29, 2020 at 1:19 AM

    Hello.
    im currently doing this form for my clients to fill to make orders.
    Im trying to make the image clikable to make ir zoom, that way they can see a better picture.
    is there a way to do that?
    or a widget? 


    thank you.

    Jotform Thread 2354567 Screenshot
  • Vick_W Jotform Support
    Replied on May 29, 2020 at 3:58 AM

    Hey there!

    Happy to help you today.

    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!


  • ramongrf
    Replied on May 29, 2020 at 4:02 PM

    Thank you for your response.
    I understand  and its ok.

    on the other hand, what you said is what i need but minus one step.

    It will Be:
    To have an image in the form that, when it is clicked, it will popup (open) to be able to see it a little bit bigger, I dont necesesarily need it to be zoomed, i  just need the client to see the image a little bigger for details of ordering.


    thank you.

  • David JotForm Support Manager
    Replied on May 29, 2020 at 6:50 PM

    A workaround would be with CSS code injection, please try this code: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    li[data-type="control_image"] img:hover {

        width: 300px;

        height: auto;

        z-index: 2000 !important;

    }

    Result: https://form.jotform.com/201496848800966

    1590792622image Screenshot 10

    Note: that code will apply to all images on the form, if you want to target just specific images, please let us know, so we can provide you the CSS code.

  • ramongrf
    Replied on May 30, 2020 at 2:00 AM

    Thank you.
    I think this could do the trick.

    Thanks