Andy Parker
Posts: 0
Joined: Wed Mar 27, 2013 10:21 am

IONIC text area height

Hi,

can you tell me how to set the height of an IONIC text area please in CSS.

I have used height, line-height, max-height, but this only affects the actual height of the text area, but does not increase the effective number of lines of text that needs to be displayed.

many thanks

Andy

Serhii Kulibaba
Posts: 150
Joined: Tue Aug 27, 2013 1:47 pm

IONIC text area height

Hello Andy,

Please use a custom CSS, e.g.:
pretextarea{
height:200px;
}/pre

Andy Parker
Posts: 0
Joined: Wed Mar 27, 2013 10:21 am

IONIC text area height

I've already tried that Sergiy,

I have the following CSS setup:
code
.stafftextarea_css {
width: 100% !important;
height: 20vh !important;
}
/code

The result is not what was expected...I need the lines of text to be expanded, not what I see below....i.e. the height of the text box expanded but the actual text not expanded...

Image

Serhii Kulibaba
Posts: 150
Joined: Tue Aug 27, 2013 1:47 pm

IONIC text area height

Please use a textarea as a part of you CSS selector.
E.g.: if you set a custom class = "stafftextarea_css" to the textarea, your CSS will be:
pre.stafftextarea_css textarea{
width: 100%t;
height: 20vh;
}/pre

babu paraman
Posts: 0
Joined: Tue Aug 22, 2017 5:17 am

IONIC text area height

nice working!!!!

Return to “Issues”