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 you set a max size on a text area field?

    Asked by Chris 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

    Page URL:
    http://www.armorwise.com/contactus.html

    size max size text area field max
  • Profile Image

    Answered by jvd042012 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 (http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes)

    Hope this helps!

  • Profile Image
    JotForm Support

    Answered by KadeJM 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.

    Example:

    textarea {

    max-width: 50%;

    }

     

    Live Result: http://form.jotform.us/form/42616880886165 

    - 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 by Armorwise 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!

    Chris