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

    Set text-area to non resizable

    Asked by harrogatehospitalradio on October 15, 2014 at 03:33 PM

    Is there a way to stop the user from being able to re-size text-input boxes?

     

    Thanks.

    Page URL:
    http://www.harrogatehospitalradio.org.uk/join/

    CSS textarea disable resizing textarea resize
  • Profile Image

    Answered by Ben on October 15, 2014 at 05:42 PM

    Hi,

    Yes, that is possible to do with the next few lines of CSS

    .form-input > textarea.form-textarea {
        resize: none;
    }

    You can see here how to inject the CSS code to your jotform.

    Do let us know if you need any help setting it all up or if you have any further questions.

    Best Regards,
    Ben

  • Profile Image

    Answered by harrogatehospitalradio on October 16, 2014 at 02:37 AM

    Hi Ben.

    This "feature" wasn't always available; ie it's new. So why couldn't you build-in an easier way to opt out of using it? I don't really want to mess with CSS as I don't know much about it and don't want to break the site!

     

    Thanks. 

  • Profile Image

    Answered by Shadae on October 16, 2014 at 09:09 AM

    Hi,

    Unfortunately, at this time there is no built in option to prevent the re-sizing of the text box.

    I understand your concern about injecting the CSS and affecting your website. You would not make the changes with CSS to the website, but to the form in your form builder.

    As you can see in this post: How to Inject CSS

    Please follow the steps to inject the code provided by my colleague:

    .form-input > textarea.form-textarea {
        resize: none;
    }

    This will produce your desired result. I hope this helps. Please inform us if you need further assistance.

  • Profile Image

    Answered by harrogatehospitalradio on October 18, 2014 at 10:14 AM

    Oh, okay. Sorry for the confusion.

  • Profile Image
    JotForm Support

    Answered by Jan on October 18, 2014 at 02:49 PM

    Hello,

    Please let us know if you need any help or if you are having issues injecting the css code.

    Thank you!

  • Profile Image

    Answered by harrogatehospitalradio on October 18, 2014 at 05:33 PM

    Hi there!

    Sorry. Been busy. All is well. Solution worked and was easy to do.

    You may close this thread now if you like.

    Thanks.

  • Profile Image
    JotForm Support

    Answered by Jan on October 18, 2014 at 08:28 PM

    Hello.

    In behalf of JotForm Support team, you are welcome. I will close the thread now.

    Let us know if you need any help.

    Thank you!