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

  • acpevans
    Asked on January 6, 2015 at 3: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.
  • Ashwin JotForm Support
    Replied on January 6, 2015 at 4: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:

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

     

    Hope this helps.

    Do get back to us if you have any questions.

    Thank you!