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

  • Profile Image
    aprpac
    Asked 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
    Chriistian
    Answered 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
    aprpac
    Answered 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
    Nik_C
    Answered 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
    aprpac
    Answered 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
    liyam
    Answered 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.