Ionic textarea hight

Ionic Framework ionic-v3
1

Is there a way to set the heigt of an ionic textarea?
Found nothing in the Documentation.

Thanks in advance.

2

Could you describe your question more ?

If you want to make the font bigger or such, create a class and style it in the CSS.

3

Hi cherry

of course. I added a textarea to my app and the heigh is round about three lines. How can I change the textarea heigh to see for exampel 8 lines?

4

Ah i think i know now what you mean you want to create a textbox.

Use my code.

HTML
<ion-textarea class="textbox" type="notes" placeholder="Write your text!"></ion-textarea>

CSS

.textbox {
  height: 200px;
}

That should work!

1 Like
5

Thank you for your hint. Using css is something I have to keep in mind.

Finally I put this in my page.css

textarea.text-input {
display: block;
height: 250px;
}

and it works fine.

Thanks.

1 Like