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

    How to change the background color of checkbox and radio buttons in configurable list widget?

    Asked by Cliveg on January 18, 2017 at 07:04 AM
    Hi Ashwin,
    Thanks a lot for this. I also have one other question. Do you know if it's possible to colour in bits of the form? I would like to have the checkbox in one colour (the background) and the radio boxes in a different colour.
    Thanks,
    Clive
  • Profile Image
    JotForm Support

    Answered by ashwin_d on January 18, 2017 at 07:09 AM

    Hello Cliveg,

    Please inject the following custom css code in your configurable list widget to change the background color of radio and checkbox questions:

    .checkbox {

        background-color: #b6f380;

    }

    .radio {

        background-color: #a2c4ca;

    }

    Feel free to change the color as per your choice. Please check the screenshot below how to inject custom css code in widget:

     

    Hope this helps.

    Do get back to us if you have any questions.

    Thank you!

  • Profile Image

    Answered by Cliveg on January 19, 2017 at 12:22 PM

    Thanks a lot for this Ashwin! I'll give it a go and let you know.

    All the best,

    Clive

  • Profile Image
    JotForm Support

    Answered by ashwin_d on January 19, 2017 at 12:34 PM

    Hello Clive,

    You are welcome.

    Do try it out and get back to us if you have any question.

    Thank you!

  • Profile Image

    Answered by Cliveg on January 20, 2017 at 05:19 AM

    Hi Ashwin,

     

    Hope all's well. I just tried this a few times, but can't get it to work. Would you mind just putting in the CSS code yourself and then I can edit it if need be.

     

    Thanks a lot,

     

    Clive

  • Profile Image
    JotForm Developer

    Answered by Helen on January 20, 2017 at 06:04 AM

    Hi Clive,

    Thank you for contacting us.

    I have injecting CSS code that colleague wrote. Your Configurable list looks like:

    You can change the colors as per your want. I have searched on the internet. You can find color's hex codes here: http://www.w3schools.com/colors/colors_picker.asp

    If you have any questions or issue, feel free contact us.

  • Profile Image

    Answered by Cliveg on January 20, 2017 at 06:45 AM
    Than a lot for this Helen.
    Best wishes,
    Clive
    ________________________________
    ...
  • Profile Image

    Answered by Cliveg on January 20, 2017 at 08:45 AM
    Hi Helen,
    Just to let you know, when I duplicate the checkbox/radio buttons, for some reason it doesn't show up in the preview. Do you know why that is?
    Thanks,
    Clive

    ________________________________
    ...
  • Profile Image

    Answered by Cliveg on January 20, 2017 at 08:45 AM
    Hi Helen,
    Following on from my email below, in fact if I add text the form, it also doesn't show up in the preview. Is this because I need to add it in a configurable list or something like that?
    Thanks,
    Clive
    ________________________________
    ...
  • Profile Image
    JotForm Support

    Answered by Jan on January 20, 2017 at 11:07 AM

    @Cliveg

    I created a separate thread regarding your next issue. Please wait for my reply on this thread: https://www.jotform.com/answers/1040955.

    Thank you.