There has been a number of issues related to incompatibilities with different versions of jQuery and jQuery UI, so this attempts to clarify how to get a working setup.

All versions require the jquery_ui module.

jQuery version 1.2.x - stock version included with Drupal 6.x
When using the stock version, you need to use jQuery UI version 1.6.x

jQuery version 1.3.x - when using jquery_update
When using a newer version of jQuery, you need to use jQuery UI version 1.7.x
Addtionally, you should also use version 1.x-dev of the tabs module.

Following the above instructions should provide a working set up, but please post below with the versions you are using if it doesn't. Also, if you are using different versions to above and it is working, please also post so we can compile a more complete list.

So far, I don't believe jQuery UI 1.8.x will work with this module, but I haven't actually tested.

Comments

ebenfarnworth’s picture

Version: 6.x-1.x-dev » 6.x-1.0-rc6
Component: Documentation » Miscellaneous
Assigned: Unassigned » ebenfarnworth
Category: task » support

Hi
Grate module just can't get it working in IE.
I have the first option (Stock version included with drupal 6.20 and jQuery UI 1.4 with jQuery 1.6 installed inside from http://code.google.com/....) listed above installed on my site and it's working fine in Fire Fox and Chrome on a mac but not in IE. I have checked its not a problem created by my theme as the tabs also do not display in garland ether. I'm using panels 3 and the tabs advanced profile kit, all is working well except in IE.
Should I start again and use the second option with the 1.x dev of Tabs module?
Thanks
Eben

liquidcms’s picture

i have:

jQuery UI 1.7.2
jQuery Update 1.3.2
and latest dev of Panels Tabs

also:

ctools: 6.x-1.8
panels: 6.x-3.9

and i trying to get secondary tabs under ABC: http://screencast.com/t/MXOA78Yb4

and i get nothing: http://screencast.com/t/NZn8IEb0

when i set region style back to default: http://screencast.com/t/gbY2QJAX

liquidcms’s picture

ok possibly i wasn't looking close enough or just redoing everything from scratch.. but it now works..

although now i get this is about the same as qtabs... so neither work for me as i need real urls on each secondary tab (seo and all.. :) )

smoothify’s picture

Thanks for following up that you got it working.

Regarding the real urls, yes I can understand that. I believe both modules (this and qt) could be modified to have a custom url, as the anchor links are usually for javascript fallback.

I am considering doing that myself on a project, but haven't decided which one to go for.

liquidcms’s picture

hmm.. that's one idea.. modifying qtabs to support this. i might look into that.

i did raise the issue separately here: #1077906: Panels as secondary tabs.

capellic’s picture

I recently upgraded to jQuery UI 1.7.3 in order to get Modal Frame API to work. Then I noticed that my Panels Tabs were no longer working. the two content areas are now one right after the next. The tab titles appear, but they are not themed properly and the tab link takes me to an anchor for that content that is supposed to be a tab. Here's what I've done in an attempt to get it to work.

  1. Upgraded to the DEV version of Panels Tabs (3/21/2011) - no change
  2. Removed the tabs style from the pane, then saved, then changed back to tabs and saved the panel, cleared the cache - no change
  3. Upgraded Jquery Update module to the Dev version (3/21/2011). was using Alpha 1. - no change
  4. Reverted Jquery UI from 1.7.3 to 1.7.2 (I saw that #2 was using 1.7.2) - no change
  5. Upgraded panels from 3.8 to 3.9 - no change
  6. Then changed the attributes on the tab style in the pane -- clicked update and then save -- no change
  7. Verified that I was the latest recommended release of CTools - version 1.8

UPDATE: 30 minutes later

I rolled back the JQuery UI library to 1.6 and got Panels Tabs working again -- just wanted to be sure that this was the problem. Then I tried 1.7 and 1.7.1 and both break Panels Tabs.

smoothify’s picture

@capellic

Thanks for recording everything you tried - one thing - which version of jquery is your jquery_update using?

capellic’s picture

@smoothify

Thanks for your prompt response. JQuery Update is using 1.3.2.

capellic’s picture

@smoothify

I upgraded Tabs to the Feb 25 DEV version and that did the trick. Rereading your instructions, that should have been obvious, but I misread it to mean that the "tabs module" as the "Panels Tabs" module. Additionally, you should also use version 1.x-dev of the tabs module. I think @liquidcms may have also been thrown off by that in #2.

I have tested with all 1.7 releases of jQuery UI -- 1.7, 1.7.1, 1.7.2 and 1.7.3.

Thanks for your help.

klonos’s picture

...subscribing.

asb’s picture

Drupal (Pressflow) 6.22 with:

  • Chaos Tools (CTools) 6.x-1.8
  • Panels 6.x-3.9
  • Tabs panel style 6.x-1.0-rc6
  • Tabs 6.x-1.x-dev
  • jQuery UI 6.x-1.5
  • jQuery Update 6.x-2.0-alpha1

Nothing is showing up in the "Layout" section of a panels pane. No message on ./admin/reports/status, and no warning in watchdog log, either.

Matching the vague "requirements" and dependencies of this module, and keeping them, is sheer madness :-(

bsandor’s picture

Followed your instruction.
Drupal 6.22
CTools 1.8
Panels 3.10
panels_tabs-6.x-1.x-dev_2012.01.06.tar.gz
tabs-6.x-1.x-dev_2011.02.25.tar.gz

jquery UI module 1.5
jquery 1.3.2
jquery UI 1.7.3

I tried this module a year ago. It din't work.
Now it's working Brilliant. (Hope stays like this)

Thanks very much for this module. It's excellent!!!