Radio buttons spread over columns ... acting weird

  • Profile Image
    a2034487
    Asked on November 23, 2012 at 06:27 PM

    Hi everybody,

     

    to one of my forms I've added a 'radio button' with 18 options. To avoid having a very long list, I decided to spread those options over 2 (or I would even prefer 3) columns of choices. 

    The form is 950 wide, that's wide enough (all other form fields are much less wide). 

    Now my issue: for some strange reason, all 18 options (usually they consist of 3 words each) are spread over 2 lines.

    So instead of two neat columns like this:

    O City FirstName LastName 
    O City FirstName LastName

    I end up with:

    O City FirstName
      LastName

    O City FirstName
      LastName

     

    Anybody has any idea why this is happening, or even better: what to do to fix it ?

     

    Thanks,

     

    John 

  • Profile Image
    abajan
    Answered on November 23, 2012 at 06:38 PM

    Hi John

    Please inject the following CSS and let us know if it fixes the problem:

    .form-radio-item {
    width: 250px !important;
    }


    Wayne

  • Profile Image
    abajan
    Answered on November 23, 2012 at 06:54 PM

    Of course, the choices can still be spread over three columns:

  • Profile Image
    a2034487
    Answered on November 23, 2012 at 07:01 PM

    Hi Abajan,

    Thanks for your feedback !

    that's exactly what i've done: I've put 'Spread Columns' on 3... and that gives me 3 columns (so far that's good), but they all look like this:

    O City FirstName
      LastName

    O City FirstName
      LastName

    Gives me the impression there is some invisible width setting that I don't see but that determines that each option has only a maximum width.

  • Profile Image
    abajan
    Answered on November 23, 2012 at 07:04 PM

    Yes but did you remember to inject the CSS I gave in my first reply?

  • Profile Image
    a2034487
    Answered on November 23, 2012 at 07:05 PM

    But your CSS Code did the trick ! Thanks a lot !!

  • Profile Image
    abajan
    Answered on November 23, 2012 at 07:06 PM

    Okay, that's fine.

    Cheers :)

  • Profile Image
    carlosgis
    Answered on March 22, 2013 at 11:52 AM

    @abajan, in preview mode my form looks great, but in edit mode the changes to checkbox item are not shown, especifically the colums, check pag 2: https://secure.jotform.co/form/30765884905870 

  • Profile Image
    EduardoMendez
    Answered on March 22, 2013 at 12:19 PM

    Hi there, 

    Thanks for bringing this to our attention! 

    I have looked at your form and I can see the problem.

    Unfortunately, some of the CSS does get aplied to the fields on the editor. 

    At this time, we need to work with a live preview in order to better wor with CSS code.

    I hope that helps!

  • Profile Image
    carlosgis
    Answered on March 22, 2013 at 12:25 PM

    Gracias @EduardoMendez, that means I have to check every time in the preview mode

     

    (Tendremos algún soporte los que hablamos español??, este formulario es de prueba pero una vez lo termine y muestre en mi oficina, voy a solicitar la compra de una licencia full)

  • Profile Image
    EduardoMendez
    Answered on March 22, 2013 at 12:48 PM

    Estamos aqui para servirle! :)