How can I change the width of checkbox options?

  • Profile Image
    westfieldridingclub
    Asked on May 04, 2016 at 09:47 AM

    I want a form that has several long options. I want to use check boxes to choose the one(s) they want. But the long text is all jammed into one skinny column, which makes it very hard to read. How can I spread out that text so it is easier to read?

  • Profile Image
    Kiran
    Answered on May 04, 2016 at 11:26 AM

    I've checked your web page see that the options are listed in a single line and they didn't exceed the width of the form. If you want to increase the width of the options displayed, you may inject the following code to your JotForm:

    .form-single-column .form-checkbox-item {

        width: 110%;

    }

    If you want to display the options in lines, you may use the following code so that if any options are exceeding the width, they will be pushed to the second line. 

    .form-radio-item, .form-checkbox-item {

    white-space: normal !important;

    }

    If you are referring to something else, please let us know. It would be helpful if you can provide us with the form ID in question we can guide you in the right direction. 

    Thank you!