expand the width of a checkbox option

  • austinyouthfilmfestival
    Asked on April 18, 2016 at 1:41 PM

    Hey!  I'd like to extend the width of my checkbox option at the bottom of my form.  Here's an image:

    expand the width of a checkbox option Image 1 Screenshot 20

    I'd like to make it the same width as the form itself, but can't figure out how to do it.

  • David JotForm Support Manager
    Replied on April 18, 2016 at 3:43 PM

    If you want it to go from this:

    expand the width of a checkbox option Image 1 Screenshot 30

    To this:

    expand the width of a checkbox option Image 2 Screenshot 41

    Simply inject the following CSS custom code: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    #input_15_0{

        width: 20px !important;

        height: 20px !important;

    }

    Let us know if you need more help.

  • austinyouthfilmfestival
    Replied on April 18, 2016 at 3:51 PM

    The check box itself looks like the only thing that got larger.  I'm looking to let the text go more edge to edge rather than be constrained.  So, for it to maybe just be like 3 lines of text that stretch further left to right, rather than the 17 it's currently taking up.

  • Huberson
    Replied on April 18, 2016 at 5:16 PM

    Add the following CSS to the form and change the width value as you see fit:

    .form-checkbox-item {

        max-width: 600px!important;

    }

    [data-type="control_checkbox"] .form-input{

        max-width: 600px!important;

    }

    Modified clone can be viewed here: https://form.jotform.com/61086909650966

  • austinyouthfilmfestival
    Replied on April 18, 2016 at 5:26 PM

    That did it!  Thank you so much!!

  • Huberson
    Replied on April 18, 2016 at 5:35 PM

    You are welcome!