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

  • aprpac
    Asked on October 12, 2016 at 4:27 AM
    Second I have set the Text Area to be 2 rows high, but it is still about 4 or 5 rows high?
  • Chriistian Jotform Support
    Replied on October 12, 2016 at 4:58 AM

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

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

    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

  • aprpac
    Replied on October 12, 2016 at 6: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

  • Nik_C
    Replied on October 12, 2016 at 7: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:

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

    Hope it helps .

    If you have any further questions please let us know.

    Thank you!

  • aprpac
    Replied on October 12, 2016 at 8: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?

  • liyam
    Replied on October 12, 2016 at 9: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.