Separate Content and Navigation [#1085116]

I really like the quick tabs interface and the functionality that it brings to tabbed navigation. I was wondering though if were possible to separate the navigation from the content in different regions. I have a 2 column layout that I am layout out similar to facebook. It would be great to have a vertical navigation bar in the sidebar and have the content load in the main content region. I know this probably wasn't the intended use of the module, but think it would be a nice feature and another way to look at tabs. Should I be going down a different route such as using views with the exposed block navigation or would this be possible with quicktabs? Thanks in advance for reply

Comment	File	Size	Author
#1	quicktabs.module.patch	24.62 KB	daniel.tyree
#1
#1	quicktabs.install.patch	754 bytes	daniel.tyree
#1
#1	admin.inc_.patch	2.4 KB	daniel.tyree
#1

Support from Acquia helps fund testing for Drupal Acquia logo

Comments

Comment #1

daniel.tyree CreditAttribution: daniel.tyree commented 8 March 2011 at 17:53

Version:	7.x-3.x-dev	» 7.x-2.x-dev
Status:	Active	» Needs review

File	Size
admin.inc_.patch	2.4 KB

quicktabs.install.patch	754 bytes

quicktabs.module.patch	24.62 KB

Attached is sort of the general idea that I was talking about. It is sort of thrown together pretty quickly so I know many improvements need to be made before it would actually be accepted if this was found to be a worthwhile feature.

The attached patches give you a radio on the quicktabs edit form that specify if you want to enable the separate block for the content to be placed in instead of keeping the tabs and content in the same block/region.

After creating a quicktab and enabling this radio, a new block is created when you save this called ' - Content'. I placed the orginal quicktab block '' in the sidebar of my site and the ' - Content' block in the main content of my site and it seems to work so far.

* On a side note, I orginally was trying to update the .install file by adding a quicktabs_update_7201 so that you wouldn't have to uninstall the module completely to get this work, but for some reason the new field was never being updated after creating/editing a quicktab. After placing the field in the original schema and reinstalling the module completely, everything started working so I left it like that for now.

Let me know what you think

Comment #2

Pasqualle

🇭🇺 Budapest

CreditAttribution: Pasqualle commented 9 March 2011 at 09:15

Yes, this was one example of #351008: Style improvements
Do you think this could work with jquery ui.tab also?

Comment #3

daniel.tyree CreditAttribution: daniel.tyree commented 9 March 2011 at 14:26

Thanks for pointing me to #352008 as I didn't see that before. Looks like those are some great improvements. As far as ui tabs go, Im actually not sure as everything I have seen has had the content in the same div as the tabs. I will try to dig around the ui tabs code to see if this is possible.

Comment #4

Renee S CreditAttribution: Renee S commented 30 May 2013 at 23:31

People who still want this functionality, somebody has worked out a few alterations:

http://drupal.stackexchange.com/questions/19563/output-tabs-and-content-...

But this changes basic functionality so could break things for people. Includes none of the nice admin UI stuff worked out in the patch above, either ;)

Comment #5

MattWithoos CreditAttribution: MattWithoos commented 2 October 2014 at 06:12

Issue summary:

View changes

I can confirm #4 works even today. We are working on releasing the alteration as a separate module so you'll still be able to receive updates to QuickTabs (even though the project is dead - no activity for years from most people).

Comment #6

MattWithoos CreditAttribution: MattWithoos commented 28 October 2014 at 23:55

A bit late, but I'm happy to announce that, thanks to the great suggestion here, we've created a contributed module called Quicktabs XT with some nice out-of-the-box (pun slightly intended) features such as controlling which Quicktabs should have a separated navigation through the GUI.

This saves you from having to hack the Quicktabs module, and allows you to receive updates to Quicktabs and the new Quicktabs XT module.

You can download it here:

https://www.drupal.org/project/quicktabs-xt