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

    I have set the Text Area to be 2 rows high, but it is still about 4 or 5 rows high?

    Asked by aprpac on October 12, 2016 at 04:27 AM
    Second I have set the Text Area to be 2 rows high, but it is still about 4 or 5 rows high?
  • Profile Image
    JotForm Support

    Answered by Chriistian on October 12, 2016 at 04:58 AM

    I checked your form (https://form.jotform.com/62844472553966) and you are referring to the Centre Line Message field.

    To adjust the height of the field, please try to inject this custom CSS code to your form:

    #input_83 {

        height : 50px !important;

     

    }

    To inject custom CSS code to your form, just follow the instructions provided in this article: How to Inject Custom CSS Codes

  • Profile Image

    Answered by aprpac on October 12, 2016 at 06:13 AM

    Hi Chriistian,

    Thanks for your reply and indeed this custom CSS fixes the issue however, this is difficult to do and maintain across multiple Text Area fields.

    Can you please fix the bug that prevents the Row height from working correctly on Text Area fields?

    If this is not a quick fix, then please can you give me CSS that will apply to ALL Text Area's on the form?

    I look forward to hearing from you.

    Regards

    Paul

  • Profile Image
    JotForm Support

    Answered by Nik_C on October 12, 2016 at 07:43 AM

    Hello Paul, 

    The quickest way would be to insert Custom CSS for all fields:

    input_83 {

      height : 50px !important;

    }

    /*Fix Text Area input box size to 2 rows for Love From Message*/

    input_84 {

        height : 50px !important;

    }

    /*Fix Text Area input box size to 3 rows for Lower Line Message*/

    input_85 {

        height : 70px !important;

    }

    It will look like this:

    Hope it helps .

    If you have any further questions please let us know.

    Thank you!

  • Profile Image

    Answered by aprpac on October 12, 2016 at 08:05 AM

    Ok thanks I have implemented the workaround as you have seen.

    Please can you confirm that you will fix the original BUG in your system - how long will this take?

  • Profile Image
    JotForm Support

    Answered by liyam on October 12, 2016 at 09:10 AM

    Hello,

    It's not actually a bug but how superseding the CSS over the rows and column attributes on HTML. So there probably is a height of the text area which overrules the row attribute. What overrules the CSS is the solution provided by Nik which has the CSS attribute !important

    Hope this clarify your concerns over this matter.

    If you have other questions, please let us know.

    Thanks.