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 Do I Change the Dimensions of Text Boxes and Text Areas?

    Asked by debranancy on December 27, 2015 at 12:06 PM
    change text box size change textarea size change dimensions edit dimensions increase size
  • Profile Image
    JotForm Support

    Answered by abajan on December 27, 2015 at 07:40 PM

    Could you please elaborate? To which box are you referring?

  • Profile Image

    Answered by debranancy on December 28, 2015 at 06:47 AM
    The text box is what I was referring to. I figured out how to move the edit box but the box below where an answer goes is what I can't figure out how to make larger. Thank you for your help.
    Sent from my iPhone
    ...
  • Profile Image
    JotForm Support

    Answered by abajan on December 28, 2015 at 08:57 AM

    Okay thanks for the clarification. Please see this demo JotForm which has two text boxes and two text areas. You'll notice that the second text box is wider than the first and that the first text area is both wider and taller than the second. The width of the second text box was increased by first clicking the field and then clicking the Size button and entering the desired number:

    The dimensions of the first text area were increased via the Columns and Rows buttons:


    In addition to the controls mentioned, it's possible to change the dimensions of box types of boxes via CSS. For instance, the height of the first text box can be increased by adding the following CSS:

    #input_1 {
       height: 30px;
    }

    If you were to clone the demo and add that rule, you'll see that the first text box become taller.

    Please see this guide and this one.

    If you need further help, please inform us.

    Cheers

  • Profile Image

    Answered by debranancy on December 28, 2015 at 09:47 AM
    Thank you. I will try it. I appreciate your help.
    Debra
    Sent from my iPhone
    ...