Multi column radio boxes are all shown in a single column

  • TCGHS
    Asked on July 29, 2015 at 2:04 PM

    Think I might have messed something up in designer (probably in css)

    The radio button fields were meant to be multi-column and were working at one time.  Now they are back to all being in one column.

    Membership Kind & Delivery Method were meant to be 2 column

    Membership Type was 3 column.

    What am I doing wrong?

    Thanks,

    Mike

  • Ben
    Replied on July 29, 2015 at 3:08 PM

    The reason why it seems broken is because of the CSS code that is added to your jotform. This is the CSS code:

    [data-type="control_radio"] .form-input, [data-type="control_checkbox"] .form-input, [data-type="control_radio"] .form-input-wide, [data-type="control_checkbox"] .form-input-wide {
        max-width: 250px;
        width: 100%;
    }

    I did make a clone of the form with this fixed so you can see it here:

    http://form.jotformpro.com/form/52096326192961

    You can clone it to your account, or if you wish to modify your own form, just follow these steps:

    1. Go to the Custom CSS field of your form (Inject Custom CSS Codes )
    2. Press CTRL+F to initiate the search and use this for searching:

    [data-type="control_radio"] .form-input, [data-type="control_checkbox"] .form-input, [data-type="control_radio"] .form-input-wide, [data-type="control_checkbox"] .form-input-wide

    There is a single entry that matches this value so now

    3. click on the custom CSS field in the preferences so that all styles are shown
    4. Press F3 button on your keyboard and the text will be selected for you.

    Remove the max-width: 250px; text, but nothing else.

    5. Save and preview - that is it :)

    If you are not sure how or want us to do it for you, just let us know and we would be happy to assist and make the change on your form as well.

  • TCGHS
    Replied on July 30, 2015 at 4:21 PM

    That did it - Thanks, much!!   Mike

  • abajan Jotform Support
    Replied on July 30, 2015 at 5:49 PM

    On behalf of my learned colleague, you're most welcome, Mike! Do let us know if there's anything else with which you need help.

    Cheers