What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

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

    Asked by indroid 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

    Page URL:
    http://form.jotform.us/form/32453940157151

    Screenshot
    JotForm length compare attached
  • Profile Image

    Answered by pinoytech 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
    JotForm Support

    Answered by guilledutra 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