When enlarging a product picture, it appears wrong on site

  • zapin
    Asked on December 4, 2017 at 1:40 PM

    When I enlarge a product picture, it will pop-up at the middle of the form I think, is it possible to have it pop-up on the place you`re at on the form, so you don`t have to scroll up or down to find it and see it ?

    I´ve uploaded a screenshot, which shows how the user see it when he wants to see an enlarged picture of the last product. Then he has to scroll up to see it. 


    Jotform Thread 1313983 Screenshot
  • Marvih
    Replied on December 4, 2017 at 4:50 PM

    You can use "Hover" attribute on your image to auto enlarge it when the mouse is pointed at the image.

    Try adding the code below into your custom CSS.
    https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    .form-image:hover {

        width: auto !important;

        height: auto !important;

    }

    You can change "auto" from the width and height (ex. 300px) if you wish to.

    Here is an example form which I cloned from you.

    https://form.jotform.com/73375831800961

    Let us know if you need further help.

  • zapin
    Replied on December 5, 2017 at 12:20 AM

    Thank you, it works perfect, but when I put it on my site it doesn`t work, and I guess it is because I use Iframe to embeed it, is there anyway to get it to work with that also ?

  • Support_Management Jotform Support
    Replied on December 5, 2017 at 3:34 AM

    Hello @zapin - I failed to see any embedded forms on the URL you provided in your first post https://sparmad.com/

    Can you please share the page URL within your domain where we can see the embedded form that shows the issue?

  • zapin
    Replied on December 5, 2017 at 11:59 AM

    Problem is fixed when I stopped using Iframe, thank you.