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

    Help with CSS injection

    Asked by Jiveghost on August 25, 2014 at 02:57 PM

    Hey there.
    I have a column of many different 'Check Box' questions, each with 3 boxes to check.
    When a question has an option 'checked' it naturally lights the question up yellow.

    What I would like to do is keep the question lit up for as long as an option is checked. So if ten questions have boxes that are checked, all ten questions would still be lit yellow. And when/if the boxes are unchecked the question would lose its lighting.

    I haven't located the proper CSS element, class, id etc. that defines a 'checked' question and it may not even be addressable by CSS.


    Any help would be greatly appreciated.

    check different checked
  • Profile Image
    JotForm Support

    Answered by Welvin on August 25, 2014 at 04:01 PM

    Hi,

    I am trying, but it seems this isn't possible. But something like this form:http://www.jotformpro.com/form/42365903040952. Can you let me know if this is a good option?

    Thank you!

  • Profile Image

    Answered by Jiveghost on August 25, 2014 at 04:03 PM

    Thanks a lot for the help.

    I think that might just work beautifully.

  • Profile Image
    JotForm Support

    Answered by Welvin on August 25, 2014 at 04:24 PM

    The custom CSS codes are these:

    input[type=checkbox]:checked + label {

    background: #fffbea;

    }

    You need to change #fffbea to any color you want. Inject the codes to the form by following this guide:http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes.

    Thank you!

  • Profile Image

    Answered by Jiveghost on August 25, 2014 at 05:45 PM

    No, thank you. People like you make the internet fun. :)