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

    How can I even out columns in my form?

    Asked by weborization on May 19, 2016 at 06:32 PM

    I've used the "shrink" feature which I like, however, since the questions are of varying lengths, the columns are uneven.  How can I show them more evenly spaced?

    Page URL:
    http://www.merrittwellness.com/mwc-new-patient-intake-part-1/

    shrink used column
  • Profile Image
    JotForm Support

    Answered by jonathan on May 19, 2016 at 09:37 PM

    The Label Align and Textbox sizes also have effect on the fields dimensions even out on the form.

    Please check the details below for guidance.

    #1 Make sure also Label alignment were uniform

     

     

    #2 For Textboxes, use same input width size

     

    I applied both steps on a test form and it has better symetry and positioning view already

     

    Hope this help. Let us know if there is more we can help you with.

  • Profile Image

    Answered by weborization on May 20, 2016 at 12:14 PM

    I wasn't clear.  Everything you said is perfect - I understand.  Where i really wanted help was on the radio buttons down below - I"d like those to be consistent 3 columns of equal width.  Thanks so much.

  • Profile Image
    JotForm Support

    Answered by BDAVID on May 20, 2016 at 01:33 PM

    Thanks for clarifying, I have cloned your form to work on it, in order to make the radio buttons from below into 3 consistent columns of equal width, I will get back to you as soon as possible.

  • Profile Image
    JotForm Support

    Answered by BDAVID on May 20, 2016 at 02:30 PM

    Hi again, sorry for the delay, I have worked in a cloned version, basically I had to inject custom CSS, position some fields, and break a few labels into two lines: 

    .form-radio-item {

        width: 140px !important;

    }

    #id_176,#id_190,#id_196,#id_198{

        width: 150px !important;

    }

    #id_214{

        margin-left: -25px !important;

    }

    #id_229{

        width: 150px !important;

    }

    #id_229{

        margin-left: -40px !important;

    }

    #id_230{

        margin-left: 65px !important;

    }

    Here is the result: https://form.jotform.co/61404878514863 

    If you like it, simply clone my form and use it instead of your current one: http://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL 

    Let us know if you need more help, we will be glad to assist you.

  • Profile Image

    Answered by weborization on May 21, 2016 at 02:47 PM

    You did it!  I will definitely clone the form.  THANK YOU!  How many characters should I limit each question to?

  • Profile Image
    JotForm Support

    Answered by Kiran on May 21, 2016 at 04:39 PM

    Great! Glad to see that the issue is now resolved for you. As I check the form, it looks like it is taking up to an average of 25 characters. This limit may be changing with the type of characters, spaces and length of the following word in the question.

    Hope this information helps!