What lightweight JS tab with good design are you using?

Question

Hi Guys,

Right now I am usingjQuery UI Tab but it has a conflict in Drupal's fieldset accordion so I am thinking of using a lightweight javascript tab with a good design like rounded corners that is a javascript framework independent.

What javascript tabs are you using? Or do you know any javascript tabs that is working in drupal and doe's not break the fieldset accordion?

Here are the Javascript tabs I found so far: - Coda-Slider - dhtmlxTabbar

Thanks in advance.

Cheers, Mark

Answer 1

I am using the same jQuery UI Tab and is one of the best. Perhaps it will be a good idea to post the problem and to try fixing the problem. It may or not be related with the plugin and it could happen as well that the problem will not be solved by changing the tab plugin.

Answer 2

I have used jQuery UI Tabs and jQuery Tools Tabs without any problems. Both are fairly lightweight and very usable.

I think that if it interferes with other parts of your site you should make sure that the selectors that you use are specific enough i.e. give the html elements you want to transform into tabs an id and then set your CSS and Javascript to only change that id.

It might be worth noting that currently jQuery Tools Tabs uses fixed tab widths and cannot grow arbitrarily long like jQuery UI Tabs.

I hope this helps.

Answer 3

Hope this helps. I was able to fix the fieldset issue with drupal 5 by using a variant of the patch in the link below. Basically, after installing jQuery Update, I had to go to /misc/collapse.js and change line 76 from:

.css({height: 'auto', display: 'inline'});

to

.css({height: 'auto', display: 'none'});

And that did the trick for me. Hope it helps you!

Source: http://drupal.org/node/156221

Answer 4

You can checkout dhtmlxTabbar.