Hover over multiple choice

  • DestinationDelco
    Asked on November 28, 2017 at 11:01 AM

    Is there anyway to make a hover over a multiple choice for EACH of the multiple choice? I understand you can make it for the entire multiple choice button but I need a description for each of the multiple choice options. See example: http://www.mediafellowshiphouse.org/spiritaward.php

  • Richie JotForm Support
    Replied on November 28, 2017 at 12:03 PM

    Hi,

    If I understood correctly, you wanted to have a hover text over each multiple choice with description?

    As I check your form,you have already a hover text over your multiple choice.

    Hover over multiple choice  Image 1 Screenshot 20

    Was the issue resolved already?

    Thanks.

    Best Regards.

  • DestinationDelco
    Replied on November 28, 2017 at 12:07 PM

    The choices are actually 12 single choices. I want to be able to use multiple chocieswith individual hover over for each of the 12 choices. 

    As it works now, if you choose one and then decide not to select it, you can't uncheck, as like the multiple choice

  • Richie JotForm Support
    Replied on November 28, 2017 at 1:05 PM

    Thank you for the clarification, yes you can do that. But you need to insert it using custom css code.

    Here is a screen cast of the output:

    Hover over multiple choice  Image 1 Screenshot 20

    Here is the css code:

    span.form-checkbox-item:nth-child(1):hover span::after  {
       content: "This is a hover text per element";

        width: auto;

        height: auto;

        position: absolute;

        margin-left: 120px;
    }

    NOTE: You need to edit the css depending on your hover especially with paragraphs,also

    nth-child("number") the" number" is the position of the checkbox is, e.g 1 if it is the first,2 if it is the second.

    I hope this information helps you.

    Best Regards.