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 To Adjust Long Text Label Width on One Line Having Other Fields with Them?

    Asked by cmsacomms on January 28, 2015 at 07:21 PM

    I have two text box fields. Normally I would use the shrink facility to put them in two columns. However, if there is a longer question, it doesn't seem to wrap the text - instead, if the lines is too long, it just knocks the other text box onto the next line. How can I have it so the two text boxes are side by side and the question/description about the field to wrap so it is the width of the field underneath it rather than just being all on one line. 

    Screenshot
    two columns text box fields shrink next text boxes
  • Profile Image
    JotForm Support

    Answered by Charlie on January 28, 2015 at 10:25 PM

    Hi,

    Upon checking your form's URL I see that it adjusted correctly?

    I've cloned it and I see that you have placed them both in one line, you'll just need to adjust the overall width of the form to cover the length of the label.

    But, if you are looking on how to adjust the label width with a very long text, then you can use a custom CSS code, here's an example.

    #label_118 {

        max-width: 150px;

    }

     

    When you add the custom CSS code for max-width in the Designer->CSS Tab it will look like this:

     

    It will not look pretty unless we adjust the other text box aligned to it so that they'll have a matching display. You can find our guide here useful: http://www.jotform.com/help/75-Customize-your-Form-using-Custom-CSS-Codes

    I hope that helps.

    Thank you.