Page 1 of 1

IONIC text area height

Posted: Thu Nov 24, 2016 3:35 pm
by Andy Parker

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


IONIC text area height

Posted: Thu Nov 24, 2016 7:43 pm
by Serhii Kulibaba

Hello Andy,

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


IONIC text area height

Posted: Fri Nov 25, 2016 9:32 am
by Andy Parker

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


IONIC text area height

Posted: Fri Nov 25, 2016 7:43 pm
by Serhii Kulibaba

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


IONIC text area height

Posted: Tue Aug 22, 2017 5:17 am
by babu paraman

nice working!!!!