Multiple Selection Field: How can I expand the options when displaying 2 columns?

  • Profile Image
    eileenjst
    Asked on October 23, 2017 at 06:26 PM

    I have a checkbox field that I've set with 2 columns.

    The problem is that the text for my choices doesn't stay on one line.

    The entire field seems to have plenty of room to expand so there could be  2 wider columns  but it doesn't.

    Shrink is turned off.

    Attached is the screen shot. How do I get the longer text (indicated by red arrows) to stay on one line?


  • Profile Image
    Kevin_G
    Answered on October 23, 2017 at 10:14 PM

    Please inject the following CSS code to achieve it: 

    .form-multiple-column {

        width: 100%;

    }


    .form-multiple-column span.form-checkbox-item {

        width: 50% !important;

    }

    This guide will help you injecting it: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    I hope this helps.