How can I fix the form so that the Multiple Choice labels are on left and the options are on right?

  • USODFW
    Asked on February 23, 2018 at 2:53 PM

    I have several forms like this one that have the Multiple Choice fields.  I can't seem to get some of these fields to line up with the label on the left, and options to right.  For example in this form:  https://form.jotform.com/80493507284158   The Kitchen options are aligned to left of form, same as the Quiet Room & Before Departing Premises fields.  All others are correct and shown the way I want them, the options indented towards the center of the form.

    What am I doing wrong with these fields that I cannot get them to align up like the others?

    thanks, bob


  • Welvin Support Team Lead
    Replied on February 23, 2018 at 4:04 PM

    It's because of the length of the options. You have to set a maximum width for the options to fix the issue. You can inject the following custom CSS codes to do it:

    .form-checkbox-item label, .form-radio-item label {

        width: 550px !important;

        display: inline-block !important;

    }


    Please follow the steps in this guide to inject the codes: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Result;

    How can I fix the form so that the Multiple Choice labels are on left and the options are on right? Image 1 Screenshot 20

  • USODFW
    Replied on February 24, 2018 at 12:43 AM
    Thank you it worked great. bob
    ...