Bootstrap layout error

Hello,

I've found your extension to be very easy to use so far, but I'm having a strange difficulty with the layouts. Both the default Bootstrap and horizontal Bootstrap layouts have a very narrow width (I'd guess about two Bootstrap columns worth). This happens regardless of whether I use the form as a component or module, and it doesn't matter what position I place the module in. The default layout and the multi-column layouts work perfectly, extending the full width of the available space as I'd expect them to. I've tried reinstalling the extension in case there was an error during the original install, but that didn't fix anything. Any idea what could be causing this?

Thanks for your help.

Hi,

the bootstrap default layout is rather small but the bootstrap horizontal layout should be wide.
There is certainly a css rule in the template css that cause this behavior. Could I have a link to the form?

Regards,
Aicha

Here's the link: www.ciprotect.com/contact-test/

I set it to bootstrap horizontal layout so you can see.

Hi,

the width of textareas and inputs is set to auto in templates/design_control/css/bootstrap/bootstrap-default.css on line 824
The bootstrap 2.3.2 css (which is default in Joomla! 3) and which is "expected" by visforms defines a width (or maybe even different media width specific width values.

Regards,
Aicha

In case anyone runs into a similar issue with their template, it's easily fixed with the "CSS class for field" option in the advanced field settings. Simply enter span, followed by the number of columns you want the fields to span. In my case, I wanted the width to span 6 columns, so I used "span6" for the CSS class. This has to be done manually for each field, but it's not too much extra work to do for a powerful and free form extension.

Hi,

thanks, that is a very nice solution!

Regards,
Aicha