Too dumb to style a multi column form

Hello,

as you can see in the attached image file, I am too dumb to style a chronoform so that the textarea has a not resizable width of 98% and 2 columns above with each 49%.

I'm trying that for hours and I was able to enlarge the text fields but not the dropdown. I would like it as wide as the text fields, but by typing 49% into the size field of it's options it doesn't get stretched horizontally but vertically.

I am also not able to get the 4 text fields from the right to the left so there is no space between the left and the right container.

Is there any simple way to get this fixed within the component without using the templates css files? I tried to use them but there are so many text input width settings but changing them doesn't work.

Thx in advance if somebody is able to help:))

Hi timoliciouz,

I'm not a greeate believer in multi-column forms as they are harder to complete than single column ones and behave less will in responsive templates.

That said, I'd do this using four Multi Field actions for the top four rows (not two separate columns). Then you should be able to use the element IDs, or add custom classes to add CSS to do the final tweaks.

Bob

Thank you GrayHead, you helped me a lot and I'm now using multi fields as you suggested.

There is just a little problem left: I can change the width sizes of all text fields by typing in px or % values but when I try to control the dropdown field it's changing the heigh but not the width.

Timo

Hi timoliciouz,

I think that you should be able to do that with CSS but the look of drop-boxes is sometimes set by the browser and the length of the options.

By all means post or PM a link to the form and I can take a quick look.

Bob