TextArea only 1 row?

Resize a ChronoForms textarea field displaying only one row.

Overview

The issue is caused by a CSS rule from bootstrap.css that limits the textarea height.
Override the CSS by adding a custom style rule to set the height to auto, either directly in the form element's extra attributes or in your site's template CSS.

Answered
ChronoForms v6
la labographism 12 Apr, 2017
HI everybody,

I tryed CF6, it's quite diferent from 5 i'm searching for a lot of elementS..Anyway, it looks good.
I have an issue when I insert Textarea it's just display one row field?
How change that please?

http://guilhemmatarin.fr/index.php?option=com_content&view=article&id=1&Itemid=109

Thx
Max_admin Max_admin 12 Apr, 2017
Hi labographism,

I think its affected by some CSS on the page, I tried to check that but you have right click protection and I could not inspect the element using the browser dev tools.

Best regards,
Max
Max, ChronoForms developer
ChronoMyAdmin: Database administration within Joomla, no phpMyAdmin needed.
ChronoMails simplifies Joomla email: newsletters, logging, and custom templates.
Max_admin Max_admin 12 Apr, 2017
Answer
Ok, I checked it and the bootstrap.css file is adding a strange rule which limits the height to 22px, you can override it in the "Extra attributes" box of the "textarea":

style:height:auto !important;


or better in your template css:

textarea{
height:auto !important;
}


Best regards,
Max
Max, ChronoForms developer
ChronoMyAdmin: Database administration within Joomla, no phpMyAdmin needed.
ChronoMails simplifies Joomla email: newsletters, logging, and custom templates.
la labographism 12 Apr, 2017
Ok I put your CSS Custom Code and it works now.
Thank you!
This topic is locked and no more replies can be posted.