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

    Adjusting fields' widths

    Asked by sdccsf on November 16, 2015 at 08:59 PM

    Hello, 

    I have two problems. One with text box width and one with text area width.

    The width is set here: designer > textbox styles > textbox & textarea width (400px)

    Problem 1: The text BOX width won’t go smaller than 400px wide, but, if I add a sublabel, then the text box will auto fit to the smaller size of the sublabel. 

    Problem 2: The text AREA width won’t go bigger than 400px wide. Increasing the columns has no effect. 

    I need to adjust the size of text boxes and text areas independently. Having them all the same width doesn’t work. Ideally I could make one textbox wider or narrower than another one, and one text area could be wider than a text box. My form is responsive. I’m not sure if this has anything to do with it.

    Thanks,

    Aaron

    Page URL:
    https://form.jotform.com/53155487186161

    textarea problem size textbox
  • Profile Image

    Answered by Carina on November 17, 2015 at 05:34 AM

    That is probably due to this css code:

    .form-textbox, .form-textarea {

        box-sizing: border-box;

        max-width: 400px;

        width: 100%;

    }

    Please try adding this css code instead:

     

    .form-textbox {

        width: 300px !important;

     

    }

     .form-textarea {

        width: 500px !important;

     

    }

    You can see it here:

    https://form.jotform.com/53202258567961? 

    Let us know if we can assist you further.