Is there a way to have different hover text entries for individual multiple choice properties that are within one element?

  • Profile Image
    mking1423
    Asked on May 31, 2017 at 12:18 PM

    I see how to have one hover box for the element using the advanced properties but I was hoping to have a different hover box for each of the different multiple choices.  thanks for your help.

  • Profile Image
    BDAVID
    Answered on May 31, 2017 at 01:54 PM

    Unfortunately, that is not possible. The hover option is for the entire field, not per each option.

    What you can do is to create each option in a single Multiple Choice field. Then we can help you group them, through CSS injection, so they can look as they belong to one single field.

  • Profile Image
    mking1423
    Answered on June 01, 2017 at 06:02 PM

    I would like to try this option. I'm not familiar with CSS injection but I get the overall concept of what needs to happen.  I have set up several multiple choice items individually each with its own hover text.  Do you have any specific instructions you can give me to consolidate them all into one field?

    thank you,

    Loren Newquist

    loren.newquist@dcyf.org

  • Profile Image
    BDAVID
    Answered on June 01, 2017 at 07:26 PM

    I believe you are referring to this form: http://www.jotform.us/form/71455135559158

    Please inject the following CSS code in your form: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    #label_219,#label_220,#label_221,#label_222,#label_223,#label_224,#label_225,#label_226,#label_227{

    display: none !important;

    }

    #id_219,#id_220,#id_221,#id_222,#id_223,#id_224,#id_225,#id_226,#id_227{

    padding-bottom: 1px !important;

    padding-top: 1px !important;

    }

    Result:

    Let us know if you need more help, we will be glad to assist you.

  • Profile Image
    mking1423
    Answered on June 01, 2017 at 07:54 PM

    Thank you! I've injected the CSS code and it looks great!