Hello,
I am attempting to use QuickTabs for a somewhat unconventional interface. One thing I want to do is have all the tabs collapsed by default. That is, there is no quicktab content showing when the page loads. The tab content would only appear when the user clicks on one of the tab labels.
Is this possible? What would be the best way to approach this?
Thanks for any help!
| Comment | File | Size | Author |
|---|---|---|---|
| #16 | quicktabs-default-tab-none-1023378-16.patch | 1.34 KB | kaidjohnson |
| #13 | quicktabs-collapse_on_load_option-1023378-13.patch | 1.44 KB | shiraz dindar |
| #8 | quicktabs-collapse_on_load_option-1023378.patch | 1.45 KB | rattusrattus |
| #5 | quicktabs.js_.txt | 9.05 KB | megan_m |
Comments
Comment #1
megan_m commentedChanged category from support request to feature request.
I have built in in some code for this but it needs some work. If you will accept a patch for this I can get it cleaned up.
Comment #2
vgulla commentedI am interested in this too. Please send patch
Comment #3
johazielI am interested in this too in D7 if possible.
Thanks,
Comment #4
stevebab commentedThis would be very helpful. Any chance you could post your code @drupalchick ?
Comment #5
megan_m commentedI don't work for the company I developed this for anymore, but I do have a backup of the code. I can't remember exactly what I modified, though, and this was over a year ago, so I have no idea if this will work with the current version. It was developed in Drupal 6.
Attached is the modified quicktabs.js file I was using. At line 152 there are some comments with what I changed. As I had it working, it was just collapsing all the tabs by default. I was thinking of building in an interface option for that but never got around to it.
Comment #6
gocaps commentedComment #7
gocaps commentedUsing the accordion quicktab style, this can be achieve with jquery.
http://stackoverflow.com/questions/4633971/how-do-i-keep-jquery-ui-accor...
Comment #8
rattusrattus commentedThe attached patch will alter the module to give the option to 'Collapse on load'.
Comment #9
Everett Zufelt commentedColleague testing patch.
Comment #10
Everett Zufelt commentedTested and works as designed.
Comment #11
akbryan commentedI applied this yesterday. Works great for me too. Thank you!
Comment #12
helpmelearn commentedgreat worked
Comment #13
shiraz dindarsame patch as #8 with trailing whitespace removed
Comment #14
Road Kill commentedHas anybody worked this out for the quick tabs option.
Comment #15
cafuego commentedWorks as advertised and very useful. Can this be applied please?
Comment #16
kaidjohnson commentedPer comment #14 and because the patch posted in #8 is specific only to the ui accordion renderer, I've taken a slightly different approach to include both the ui accordion and the quicktab renderer (from what I can tell, there is no way to have no tab 'active' for the ui tabs renderer). For one of my projects, we really want to use the quicktab renderer but not have any tab active when the page loads.
Instead of adding a ui-specific setting, I've added the option to select 'none' as the default tab, which prevents both the quicktab renderer and the accordion renderer from selecting an active tab, so none is rendered and the desired effect is achieved.
Comment #17
ultimateboy commentedkaidjohnson, this is elegant. I like the simplicity of the code and UI changes are minimal. Thank you.
And thank you to the rest of you who helped achieve the results. May we all have tabs/accordions without an active tab!
Committed #16 to 7.x-3.x.
http://drupalcode.org/project/quicktabs.git/commit/d234dc4f0fb5716a258ad...
Comment #18
socceronly commentedThank you so much for making this happen!
Very appreciated.
JM