Show an image on hover over?

  • shefferz
    Asked on January 10, 2016 at 9:34 AM

    Hello, 

    Is there a way to have an image appear in a "bubble" or hover when you scroll over a check box option?

     

  • Ashwin JotForm Support
    Replied on January 10, 2016 at 2:17 PM

    Hello shefferz,

    Do you want to display an image on mouseover of checkbox option? 

    Unfortunately it is currently not possible to achieve your requirement. Have you checked our "Image Checkboxes" widget already? Please take a look at our "Image Checkboxes" widget and see if that fits into your requirement.

    Thank you!

  • shefferz
    Replied on January 11, 2016 at 8:57 AM

    That is correct, however I am using the current check boxes to calculate a running total with a mask, and each option has an assigned value. 

    I looked into the widget, however I dont see an area that I can assign values to each option? This looks like the a good option, however If i can't assign a value it won't  help.

  • mert JotForm UI Developer
    Replied on January 11, 2016 at 12:00 PM

    In addition to my colleague Ashwin has already mentioned, if you use one option for one check-box field, you can modify its "Hover Text" to show image on hover. There is a great tutorial about how to do it from the link below:

    http://www.jotform.com/answers/225400

     

    Thanks.

  • shefferz
    Replied on January 11, 2016 at 1:51 PM

    Mert, 

    Thanks so much this is exactly what im speaking of I didn't even see that option above. 

    HOWEVER, is there a way to have each check box have a pop up. Currently you can only have that section have a hover/popup. 

     

    Example

    Choose your options for your widget:

    [checkbox ]Option 1 (hover image1)

    [checkbox ]Option 2 (hover image2)

    [checkbox ]Option 3 (hover image3)

  • Kevin Support Team Lead
    Replied on January 11, 2016 at 3:57 PM

    Hi,

    I tried to find a workaround using just CSS and I was unable, seems that is possible to do, however it's not working with the checkboxes.

    This is the CSS code I tried : http://jsfiddle.net/u7tYE/ 

    There is an option that sure will work, but you will need to get the Full Source Code, since is not possible to add Javascript code in JotForm, here is the code if you decide to use it : http://jsfiddle.net/cristian_cena/AWX3G/ 

    Hope this will help you.

    Regards.