What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Enlarge image when hover over basic image in form

    Asked by Tank22 on July 26, 2016 at 09:25 AM

    I found a forum that describes how to enlarge an image when purchasing something, but is there a way to enlarge a basic image in the form when someone hovers over it so they can see it more easily?

    Here is the form I am working on, but we have many more I'd like to use that approach with.  The image of the front and back of the postcard is small and hard for someone to tell the details.

    https://form.jotform.com/stewartB/stewart-title-volunteer-Postcard

     

    Thanks!

    Page URL:
    https://form.jotform.com/stewartB/stewart-title-volunteer-Postcard

    enlarge image
  • Profile Image
    JotForm Support

    Answered by Welvin on July 26, 2016 at 10:44 AM

    You can inject the following custom CSS codes to your form:

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

        transform: scale(2.2);

        transition: all 1s ease-in-out;

        position: relative;

        z-index: 1;

        display: block;

    }

    Please follow the steps from this guide to inject: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    If you need some adjustments, let us know.