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

    Css to increase the width of the check box and radio button question of Configurable list widget.

    Asked by acpevans on January 06, 2015 at 03:58 AM
    3.I’m using the configurable list widget which is truly awesome. However, I’m struggling with the CSS. Currently the fields are all bunched together and look bad. Your help article on this widget mentions that if someone is having problems with getting the CSS to work, you’d be “happy to help.” Would you mind taking a look at this and adjusting the CSS so it looks good and that the individual check boxes and radio buttons in the columns “Type of media” and “file size” appear on one single line per check box / radio button. I hope this is clear. Please see the mark up form if not.
  • Profile Image
    JotForm Support

    Answered by ashwin_d on January 06, 2015 at 04:02 AM

    Hell acpevans,

    I have injected the following custom css code in the "Configurable List" widget and that seems to have resolved the issue:

    .radio-container {

    width: 107px;

    }

    .checkbox-container {

    width: 200px;

    }

    Please check the screenshot below on how to add custom css code in configurable list widget:

     

    Hope this helps.

    Do get back to us if you have any questions.

    Thank you!