Forums

Tabbed Form CSS required

tshirley 10 Jun, 2014
Hello,

I need to build a tabbed form, and I have been able to build the functionality however there is no CSS for the Tabs so the layout is not suitable.

I know nothing about CSS so I am hoping someone can point me to CSS that I can include to provide the tabbed format.

Thanks

Tim
tshirley 11 Jun, 2014
Thanks,

I had in fact found that code in another thread and it works well. I was going to reply this evening to say that. Do you know if there is a slider version of the code?

I have one other, slightly related problem - I would like some control over the width of the Container object. I am finding that it is pushing other modules into incorrect places. I can't see any way to adjust it.

Thanks again

Tim
GreyHead 11 Jun, 2014
Hi Tim,

I don't know of a slider version - but I probably lifted the tab code from one of the default templates so you might look there.

Please post a link to the form so I can take a quick look a the container width. It ought to be possible to limit it with a max-width CSS setting.

Bob
GreyHead 11 Jun, 2014
Hi Tim,

There's an unclosed <dl> tag somewhere on the page. I think it's the one from the main tab container.

Bob
tshirley 11 Jun, 2014
OK.. I have looked in the html but not easy to see where any problem is

I can see that in some of the containers I have Panes and some do not but that doesn't seem to change anything.

I have only used the Wizard so it is hard to see how a tag would disappear. Can you suggest how I fix it?

Cheers

Tim
tshirley 11 Jun, 2014
Problem solved.

I had not placed the custom elements

h2>Tabbed form demo</h2>
<div id='cf_tabbed_form' style='width:400px;' >

and

</div>
<div class='cf_clear' ></div>

in there. Once I did that I can control the width by setting the 400px to something else.

Sorry.

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