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 increase the width of a text area?

    Asked by ScherMusicStudio on June 09, 2016 at 12:19 AM

    I already read through and tried many of your suggestions listed in the forum for adding CSS codes to increase the width of the text area "additional information."  Left the most recent code in.   Thanks.

    Page URL:
    https://www.jotform.com//?formID=61585783193164#

    increase how a how do i
  • Profile Image
    JotForm Support

    Answered by Chriistian on June 09, 2016 at 01:56 AM

    To increase the width of the text-area, please inject the custom css below to your form:

    .form-line[data-type="control_textarea"] {

        width: 100%!important;

    }

    You can also change the value of the yellow highlighted text based on your requirement.

  • Profile Image

    Answered by ScherMusicStudio on June 09, 2016 at 11:26 PM

    This didn't work :(

  • Profile Image

    Answered by ScherMusicStudio on June 09, 2016 at 11:45 PM
    Thank you for your response but this didn’t work. Can you please check if there is something in the code that is preventing your code from working. The URL is:
    https://www.jotform.com//?formID=61585783193164
    ...
  • Profile Image
    JotForm Support

    Answered by Chriistian on June 10, 2016 at 12:58 AM

    It appears that some of the css that was previously there have been removed, which may have caused the css to not work. I have now updated the css on your form to increase the width. You can see the code that I added below.

    #cid_8 {

        max-width: 100%!important;

    }

    #input_8 {

        max-width: 100%!important;

    }

    If you need further assistance, please let us know.

  • Profile Image

    Answered by ScherMusicStudio on June 10, 2016 at 02:45 PM
    Hi, I put in the code below and it’s still not working. Its for the section “additional information.” Parents need to type a lot and what’s there is not enough space.
    ...
  • Profile Image

    Answered by victor on June 10, 2016 at 03:36 PM

    Can you please indicate if you are still having problems with the width of the text area. I have just reviewed your form and saw that the field is using the 100% width of the form.

     

  • Profile Image

    Answered by ScherMusicStudio on June 10, 2016 at 08:45 PM
    I’m sorry I was looking at it from the form builder, not preview. I just checked on preview and YES, it is now at 100% width. Thanks so much for all your support!! Much appreciated.
    ...
  • Profile Image
    JotForm Support

    Answered by liyam on June 11, 2016 at 06:22 AM

    Thank you for keeping us posted, ScherMusicStudio. And on behalf of the JotForm Team, you are welcome.

    If you have questions or concerns, please do let us know.

    Thanks and warm regards.