Increase Check Box spread column width

  • Profile Image
    ppsform
    Asked on January 27, 2012 at 10:07 AM

    Hello,

    I would like to expand the 3 columns so that the text doesn't wrap.  Thank you for any help you can provide

  • Profile Image
    pinoytech
    Answered on January 27, 2012 at 03:00 PM

    Hi ppsform,

     

    you can try increasing this:

    .form-checkbox-item {

        width: 200px;

    }

    Make it 300px or more. That should do what you would like. 

  • Profile Image
    ppsform
    Answered on January 27, 2012 at 03:20 PM

    pinoytech,

    Thanks for your response.  Here's an sample form with the code added; doesn't seem to help.  Seems simple, but maybe I'm doing something wrong.

    http://www.jotform.com/form/20260954131

     

  • Profile Image
    pinoytech
    Answered on January 27, 2012 at 03:35 PM

    Hi ppsform,

    May I see the code you inject? Thank you for your patience.

  • Profile Image
    ppsform
    Answered on January 27, 2012 at 03:55 PM

    .form-checkbox-item {
    width: 300px;
    }

  • Profile Image
    idarktech
    Answered on January 27, 2012 at 08:04 PM

    @ppsform,

    Use this:

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

    width: 190px;

    }

    Just let us know if you have any other questions or concerns. Thank you for using JotForm, have a blessed day!

  • Profile Image
    ppsform
    Answered on January 28, 2012 at 09:25 AM

    That worked PERFECTLY!  Thank you all very much for your help.  JotForm Rocks!

  • Profile Image
    buildmde
    Answered on March 02, 2016 at 01:00 PM

    where do you post this code?

  • Profile Image
    Jeanette
    Answered on March 02, 2016 at 04:04 PM

    @buildmde

    Please open a new thread, with similar title and give us the form link you are having problems with.