Help with jQuery tabs

Posted by Diego Herranz on July 28, 2010 at 11:55am

Hi everybody!

I'm just discovering drupal and I find it brilliant. Thanks to the community that makes it possible.

I want to put simple tabs with static content inside a node. Something like http://www.stilbuero.de/jquery/tabs_3/ but inside a drupal node.

I've been looking around but I haven't succeeded. I saw Views module but I think that is more than I need, maybe I'm wrong.

I tried with jQuery demo source but it didn't work. (http://docs.jquery.com/UI/Tabs#theming). I think that the problem is the jquery file load. How should it be loaded?

Do I need to install "Tabs (jQuery UI tabs)" module (http://drupal.org/project/tabs)?
Isn't jquery already included with drupal?

Any help would be appreciated.

Thank you very much.

Comments

One approach is to use

Posted by nevets on July 28, 2010 at 2:05pm

One approach is to use fieldgroups (part of CCK) and CCK fieldgroup tabs. You add fields as needed to the content type, placing them in groups. When you add the groups you configure them to use tabs.

Thanks a lot

Posted by Diego Herranz on July 29, 2010 at 9:55am

Thanks a lot. This is the community I was talking about.

Is there any way to change the appearance of tabs to look more like this (http://www.stilbuero.de/jquery/tabs_3/) without going to css?

Thanks.

Am I missing something?

Posted by druderman on July 29, 2010 at 1:16pm

I wish to do something similar and hopefully simple.
I want to view a simple CCK content type breaking up the display of fields into different Tabs.
I've tried, but it's not displaying for me.

I've enabled modules for jQuery UI, CCK Fieldgroup Tabs, Tabs.
Then created fieldgroups and assigned a CCK field to each.
Then configured the fieldgroups to display as tabs when editing or viewing the content.

Now I don't see the tabs when I display, and the fields are not visible.
When I view the source of my drupal page, I see includes for tab-related js and I see div tags referring to tabs around the fields that I don't see.

I haven't used JQuery before. I'm using the garland theme and Drupal 6.
Is there something special I need to do, like copy the css file somewhere or override the node.tpl.php file?

I've looked elsewhere for a simple JQuery, Tabs, Drupal example to follow.

Thanks,

-dave

You would need to use css to

Posted by nevets on July 29, 2010 at 1:17pm

You would need to use css to theme them.

Great. That's a start. Any

Posted by druderman on July 29, 2010 at 3:50pm

Great. That's a start.

Any suggestions on what changes to make in order to do something simple and to which files?
(I'm a programmer and not yet a themer, so I plan on seeing if there is some JQuery sample CSS that I can borrow.)

Turn it on

Posted by druderman on July 29, 2010 at 6:59pm

So on further examination, I see that most of the code is in place, but I assume I need something to turn the tabs functionality on. Right now the tabs I care about are hidden.

Any ideas?