How can I change the width of checkbox options?

  • westfieldridingclub
    Asked on May 4, 2016 at 9: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?

  • Kiran Support Team Lead
    Replied on May 4, 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;

    }

    How can I change the width of checkbox options? Image 1 Screenshot 20

    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!