How Do I Change the Dimensions of Text Boxes and Text Areas?

  • Profile Image
    abajan
    Answered on December 27, 2015 at 07:40 PM

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

  • Profile Image
    debranancy
    Answered 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
    abajan
    Answered 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
    debranancy
    Answered on December 28, 2015 at 09:47 AM
    Thank you. I will try it. I appreciate your help.
    Debra
    Sent from my iPhone
    ...