Can I lengthen the width of my form questions and shorten the width of the answers?

  • Profile Image
    indroid
    Asked on September 17, 2013 at 05:33 AM

    The general look and feel of my form questions is 1/3 vs. 2/3.  By that I mean the length the field of my questions takes up roughly 1/3 the width of the form (before it wraps around) and the answers take up 2/3 the space of the entire form.  (Those are just rough estimates).  

    Can I adjust that to be closer to half and half?

    Some of my questions are lengthy and it's hard on the eyes with so much vertical wrap around.

    If you compare/contrast the current look and feel of http://form.jotform.us/form/32453940157151 vs. the screenshot mockup attached, I think it's somewhat clearer.

    Thx, Todd

  • Profile Image
    pinoytech
    Answered on September 17, 2013 at 09:30 AM

    Hi Todd,

    Yes, that is possible by custom css injection. You might like to take a look at this clone form: http://www.jotformpro.com/form/32593670016958

    Custom CSS:

    .form-label-left {

    width: 310px !important;

    }

    #input_3.form-textbox {

    width: 287px;

    }

    #cid_4.form-input {

    width: 300px !important;

    }

    #input_4_addr_line1.form-textbox {

    width: 287px;

    }

    #input_4_addr_line2.form-textbox {

    width: 287px;

    }

    #input_4_city.form-textbox {

    width: 121px;

    }

    #input_4_state.form-textbox {

    width: 121px;

    }

    #input_4_country.form-dropdown {

    width: 121px;

    }

    #input_7.form-textbox {

    width: 287px;

    }

    If you need further assistance, please let us know.

    Thank you!

  • Profile Image
    guilledutra
    Answered on September 17, 2013 at 09:31 AM

    Hi,

    you can achieve what you are looking  by decreasing the "Label Width" size at the preferences of your form, for example "250" will be enough to align all the form's answers to the right.

    In order to modify the "Label Width" value please follow the nex steps:

    Open your form builder:

    1 - Click on "Setup & Embed" tab.

    2 - Click on "Preferences"

    3 - Change the "Label Width" value to fits your needs(250 in your case).

     

    Hope it helps

    Thanks