width of textarea element is ignored (in bootstrap at least)

[skyrun]

width of textarea element is ignored (in bootstrap at least)

 

[rob]

yup, the issue (and with the other width bug you raised) is that bootstrap forces field widths based on its assigned class. - the width setting is there for use for people not using bootstrap only

 

[skyrun]

got it! slick! so for others reading this to restate what rob said perhaps adding clarity, by selecting the 'bootstrap class' that is in every element type of input or textarea, you can determine the width when using a bootstrap template.

then you can edit the widths in template.css (or better, override them in custom css).

 

[skyrun]

rob/hugh, would it make sense to add the 'row-fluid' class to the 'bootstrap class' dropdown for f3.1.1? that class on protostar is 100% width which changes responsively vs. hard coding a width as input-large, xlarge, xxlarge etc do.

 

[rob]

I'm not sure, what I was going on were the bootstrap docs for input size classes. row-fluid strikes me as more of a scaffolding class for <div> elements.

Some googling finds that the issue is more complex that just using width:100%:

http://stackoverflow.com/questions/...dth-of-parent-container-for-a-bootstrap-input

so I guess you would need to implement the proposed css in the form template

 

[skyrun]

yes! class input-block-level works perfectly (better than row-fluid for the reasons you guess). but my suggestion still stands to add 'input-block-level' as a choice for bootstrap choices (add add the class to the autofill fields which don't have the bootstrap class added at all).

 

[rob]

cool, I've added input-block-level as an option

-Rob

 

[skyrun]

textarea is fixed and block-level is quite handy, thanks.

new one, i don't think a multiple select list on a form is including the bootstrap class either.

 

[rob]

Indeed it wasn't - fixed now !

 

[von Horst]

having this issue that a textarea element ignores the width in fabrik 3.08 on joomla 2.5
how can this be fixed? or which class has to be edited?
my site:
http://backup.becon.de

 

[rob]

your template sets the textarea css width property to 206px. with this css:

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

If you just want this form's textarea to respect the textarea columns property you could add:

#form_1 textarea {
    width: auto;
}