Adjust textarea width

  • Profile Image
    integrityima
    Asked on September 25, 2013 at 07:21 PM

    I have set my form width to 600px and my comment text area to 500px, but the comment text area will not adjust online. Can you help?

  • Profile Image
    RickGregory
    Answered on September 25, 2013 at 07:43 PM

    This is very easy to do.

    1. Open to edit your form.
    2. Select Form Style
    3. Select the Data box you wish to adjust
    4. Select Label Width.  This will increase or decrease the white space between the lable Name the data box.

    Hope this helps

     

  • Profile Image
    Cesar
    Answered on September 25, 2013 at 08:43 PM

    Hello integrityima,

    As RickGregory pointed out, that is the proper way to adjust the the width.

    Here's a screencast example.

     

    Do let us know if you need additional assistance. Thank you.

  • Profile Image
    integrityima
    Answered on September 25, 2013 at 09:35 PM
    Thanks for the reply. This is exactly what I have done but it does not change the width online.
    Colin Wallace
    Web/Graphic Designer | INTEGRITY IMAGES
    P: 403.851.0558
    W: http://www.integrityimages.ca
    E: colin@integrityimages.ca
  • Profile Image
    integrityima
    Answered on September 25, 2013 at 09:35 PM

    Hmmm, the theory sounds good, that's what I did, it just doesn't affect the width online.

  • Profile Image
    pinoytech
    Answered on September 25, 2013 at 09:49 PM

    Hi,

    Can you please take a look at the image bellow if that is what you want to achieve on your form?

    If yes, inject this custom css into your form.

    #input_17.form-textarea {

    width: 574px;

    height: 135px;

    }

    If you need further assistance, please let us know.

    Thank you!

  • Profile Image
    integrityima
    Answered on September 25, 2013 at 09:53 PM

    Yes, that's exactly what I want. Where do I insert the custom CSS?

  • Profile Image
    pinoytech
    Answered on September 25, 2013 at 09:57 PM

    You might like to take a look at this article for more detailed information.

    http://www.jotform.me/help/117-How-to-Inject-Custom-CSS-Codes

    If you need further assistance, please let us know.

    Thank you!

  • Profile Image
    integrityima
    Answered on September 25, 2013 at 10:03 PM

    Perfect. Thanks JotForm Support, that's exactly what I needed. You're the best!

  • Profile Image
    pinoytech
    Answered on September 25, 2013 at 10:04 PM

    You are quite welcome! Feel free to contact us again if you need our assistance at anytime.

    Have a nice day!