Forums

How to create a 2 columns container in CF v4?

Phil91 04 Jul, 2014
Hi Greyhead,

Long time no see....
Trying to reinstall a new long form in CF 4 and was trinking about using a dual column model for at least a part of the form. I already created the form and was thinking about using a container to do this, but can't seem to figure how to make it dual column...
Any hint or video tutorial which could help me on this?

Thanks

Philippe
GreyHead 05 Jul, 2014
Hi Philippe,

There is no specific multi-column support in CFv4 (there is now in CFv5). If you experiment I think that you could probably create multi columns using a parent Container element wrapping two other Container elements all of Type Div or Custom and using CSS to float one of the child Containers beside the other.

Bob

PS My usual caveat to this is that multi-column forms are generally not very user friendly even if they look good.
Phil91 05 Jul, 2014
Hi Bob,

Thanks for the reply...Agree with you that it might not be an idea situation...Tried a slider container instead and it seems to be ok, so I guess I'll stick with it...
Now, as far as the slider area, can you point me to where in the css I can find the input styling: colrs are too light for my template and I looked into frontform.css but can't see to figure it out...

Kenavo🙂

Philippe
GreyHead 06 Jul, 2014
Hi Philippe,

I don't' remember whether this is ChronoForms CSS or Joomla! CSS, either way you can probably over-write it in a Load CSS action in the form, Your browser web developer tools should tell you what is being used now.

Bob
This topic is locked and no more replies can be posted.