Forums

Hi,

LOVE CF! - but having a small issue with Joomla 3.x - The text areas that are listed as being bigger than a line (like a COMMENTS section) are being truncated at the same length as the single-line text areas like say for NAME. So something 100 columns x 12 rows is not - it's 45 x 12.

I'm embedding the form into an article. Using the latest, greatest everything. RocketTheme Lumiere template, J3, brand new site (although I did install using RT's installer.)

The site is offline so you can only get in if I send credentials.

Any thoughts? Appreciate it!

Thanks!
Mark

Hi Mark,

Try switching from using Rows and Columns to size the textareas to using CSS. Most likely your template CSS is currently over-riding the Rows and Columns. You can check with your web browser developer tools (click F12 to access them in most browsers and look at the HTML tab).

Bob

Good catch!

This seems to be the issue:

input, textarea, .uneditable-input {
width: 206px;
}

Deleting that allows CF to do its thing.

But without hacking the template CSS, how do I invalidate or override that CSS as you suggested.

BTW, I read part of your article on bootstrap.css and that's exactly where that CSS is.

>> EDIT - I solved this by putting input, textarea, .uneditable-input { width:auto;
} into the textarea css in a custom css file that Gantry understands to read. It overrides the bootstrap.css file where this was originally found. But if there's another way in Chronoforms itself, I'd love to understand the way to do that.

Thanks,
Mark

Hi marse,

Please see this FAQ

Bob

Brilliant - thank you.

Mark