How do you set a max size on a text area field?

  • Profile Image
    Asked on September 19, 2014 at 04:46 PM

    I'm trying to figure out how to give my text area field the maximum dimensions, not max characters.

    There is limited space on my website for my contact form. If I adjust the dimensions of the text area field (as if I were a normal site visitor), I can accidentally adjust the dimensions outside of the boundaries and forever lose my ability to adjust the size unless I want to lose the message I may have already typed up.

    I would love to leave it as is and not address this, but this does not help my contact us page look professional.

    Thanks, Chris

  • Profile Image
    Answered on September 19, 2014 at 05:11 PM

    Hi Chris,

    You can adjust the width of the Text Area field through the form editor.

    On the properties of the Text Area part, click Columns then put a value.

    Optional: Add this custom CSS code to disable the re-size function on the text area field.

    textarea { resize: none; }

    Please refer to this guide for Injecting Custom CSS (

    Hope this helps!

  • Profile Image
    Answered on September 19, 2014 at 05:18 PM

    In addition to jdv's response we see the problem you mentioned. 

    You have a message textarea field and if it gets dragged too far over to expand it then it goes right outside of the form-block container.


    The first choice would be as mentioned above which removes that property from the textarea that makes it resizable.

    However, what if you want to keep it but limit it?

    To get around that problem and set a physical max-width you could apply a different set of css code.


    textarea {

    max-width: 50%;



    Live Result: 

    - In the live example jotform above test it and you'll see you can drag it over only so far til it stops.



  • Profile Image
    Answered on September 19, 2014 at 05:29 PM

    jdv and Kade,

    Thanks so much to the both of you, your suggestions really helped, and now it looks great!