Forums

Text Area Size

G
gcarne posted Apr 12, 2019 at 11:04
Hello,
There are several posts to this problem, but with my lack of knowledge in HTML/PHP, these posts do not help me. . .
When using CFv5 I used a text area, then called "Textarea Box", and had the number of rows set to 5. This worked fine and did not need to anything specific to get the right front-end display of the text area. I now upgraded to CFv6 (still in the same website), created a new form and am using the text area in the same way with number of rows set to 5. The front-end only shows one row and viewing Firebug it tells me that the text area height is set to 22px which would explain why text entered into the narrow text area does not show.
CFv6 is in this respect different to CFv5 and it seems like my Template-CSS is now overriding the settings of CFv6 which was not the case in CFv5. Can someone please tell me exactly how I can show the 5 lines or rows that I need and do it in such a manner, that I, a non-HTML'er, understand it. I would prefer to do this in the Form rather than the CCS-File of my template.
chrono_1.JPG
Thanks in advance,
Gunnar
H
healyhatman posted Apr 12, 2019 at 11:41
Answer
Do it in CSS, set the height of the textarea element.
Like
textarea { height: 150px !important; }
G
gcarne posted Apr 12, 2019 at 11:59
Thanks. Where does it go? In Chronoforms? How? Please a bit of detail.
H
healyhatman posted Apr 12, 2019 at 12:01
Goes wherever you want. In Chronoforms there's a "Custom CSS" block you can use.
G
gcarne posted Apr 12, 2019 at 12:08
Finally worked. Thanks Healyhatman.
Max_admin posted Apr 12, 2019 at 20:33
The issue means that your template CSS or another CSS on the page is forcing a textarea height regardless of the rows!
Best regards
Max
ChronoForms developer...
This topic is locked and no more replies can be posted.

 2Checkout.com

2CheckOut.com Inc. (Ohio, USA) is an authorized retailer for
goods and services provided by ChronoEngine.com