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

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

    Asked by mking1423 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
    JotForm Support

    Answered by BDAVID 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

    Answered by mking1423 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
    JotForm Support

    Answered by BDAVID 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

    Answered by mking1423 on June 01, 2017 at 07:54 PM

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