Any experience with Fieldgroup tabs?

Events happening in the community are now at Drupal community events on www.drupal.org.
WebmistressM's picture

Looks like my product information could get really lengthy to fit on one page so dividing it into sub sections per product would help. I know that I could probably do this via the theme's css and create tabs from that. However, I saw this module which is still in development snapshot state:

http://drupal.org/project/cck_fieldgroup_tabs

http://drupal.org/project/issues/cck_fieldgroup_tabs?status=Open&priorit...

I also have seen reports of IE butchering it so Im curious to know if anyone has had any good experience with this module or a module that does essentially the same thing.

I kind of want a tabbed layout like this:
http://www.znode.com/data/default/images/screenshots/product_inline.gif

Comments

Tabs are actually very

tom friedhof's picture

Tabs are actually very simple to implement on your own just using jquery ui. You just need to make sure your markup is in the format that the tabs plugin is expecting:

<div id="tabs">
   <ul>
      <li><a href="#tabs-1">Nunc tincidunt</a></li>
      <li><a href="#tabs-2">Proin dolor</a></li>
      <li><a href="#tabs-3">Aenean lacinia</a></li>
   </ul>
   <div id="tabs-1">
      <p>Tab 1 content</p>
   </div>
   <div id="tabs-2">
      <p>Tab 2 content</p>
   </div>
   <div id="tabs-3">
      <p>Tab 3 content</p>
   </div>
</div>.

Then you would just call the jquery ui tabs() method on the element you want to make tabs for.

$("#tabs").tabs();

This jquery string would go in the script.js file of your theme. Drupal 6 will automatically include script.js for you if the file is present in your theme directory.

Check out the jquery ui tabs plugin web site for details.

There is also a cool module called tabs that you can use. However, you have to have a little more drupal knowledge to use the tabs module, because you create the tabs by defining your elements Forms API style.

I'll actually be talking about jquery and jquery ui next Friday at the High Desert Drupal meetup, so it's a good thing you asked this question. We can look at a few of the different ways to create tabs in Drupal. I'll even take a look at the CCK Fieldgroups module you found, and present a little on that as well.

Thanks so much

WebmistressM's picture

I see how the scripts.js calls the Jquery UI but where does the html markup go?

Re: The fieldgroups tabs module idea
As of now, I had set up field groups (in hopes that the Fieldgroups module would be what I might need. We talked about this in class re: the module maintainer sort of leaving off on this project) with Options and Features fieldgroups being the second and third tabs. Everything else will show up on the first tab that someone sees when loading that product.

Again, thanks for all your help. Im learning alot and using alot of things I wouldnt of ever thought to use before.

High Desert - California

Group organizers

Group categories

Group notifications

This group offers an RSS feed. Or subscribe to these personalized, sitewide feeds:

Hot content this week