topic Re: Multiline form field - change number of rows (height of the field) in CMS Development

Multiline form field - change number of rows (height of the field)

petras — Tue, 30 Jan 2018 13:18:18 GMT

Hello, hope somebody may help me in this matter. I have a form with a multiline field. The height of this field I will have to change (the amount of rows) to have more space to introduce information. Thanks a lot for your help. Best regards, Petra

Re: Multiline form field - change number of rows (height of the field)

PatrykJ — Tue, 30 Jan 2018 14:59:06 GMT

You can do it in css, like that:

textarea {
    height: 100px;
}

Re: Multiline form field - change number of rows (height of the field)

petras — Fri, 02 Feb 2018 09:17:31 GMT

Hello, thanks so much for responding. I called the form webinar-form and I included the code in the CSS but cannot see that the text area is bigger. Send you the code. Can you tell me if it is correct. Thank you very much. Kind regards, Petra

/* ==========================================================================
Form
========================================================================== */

.webinar-form
textarea {
height: 250px;
}

Re: Multiline form field - change number of rows (height of the field)

PatrykJ — Fri, 02 Feb 2018 12:19:38 GMT

Use this code:

textarea {
    height: 250px;
}

It applies to all the textarea fields.

Or:

.webinar-form {
    height: 250px;
}

It applies to the textareas or other tags with .webinar-form class.

Re: Multiline form field - change number of rows (height of the field)

Kevin_Cuddeback — Thu, 16 May 2019 21:21:42 GMT

I see the code, but don't know where to apply it. In which part of the larger HubSpot UI (forms? web templates?) will I be able to "open it up" and "paste those in"?

Re: Multiline form field - change number of rows (height of the field)

Id8corp — Wed, 17 Aug 2022 17:33:00 GMT

this solution does not work

Re: Multiline form field - change number of rows (height of the field)

Id8corp — Wed, 17 Aug 2022 17:34:22 GMT

I would like to increase the height of a multiline form field but none of the above suggestions work. Has anyuone found a workaround for this?