Show an image on hover over?

  • Profile Image
    shefferz
    Asked on January 10, 2016 at 09: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?

     

  • Profile Image
    ashwin_d
    Answered on January 10, 2016 at 02: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!

  • Profile Image
    shefferz
    Answered on January 11, 2016 at 08: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.

  • Profile Image
    mert
    Answered 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.

  • Profile Image
    shefferz
    Answered on January 11, 2016 at 01: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)

  • Profile Image
    Kevin_G
    Answered on January 11, 2016 at 03: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.