People start putting more stuff inside tabpages without realizing the limit of possibilities.

If the QT is a non ajax QT then you can throw mostly anything into it.
You can create a block, which is a panel, which contains ten nodes and some views. You can create a node which contains three views. You can use these stuff without problem inside non ajax QTs, because they are all loaded at page load, quicktabs does not interfere with their rendering, it just simply hides some of it when someone clicks on the tab.

So what could be insibe ajax QT?
Simple rule is: you can put anything inside ajax QT unless it does not require additional javascript or css files.

The confusing thing is that there is one exception: you can put ajax view inside ajax QT, but that is only because it got special care from the quicktabs module. That means if you select view as a tab type then it should work. You can use views pagination and filtering, even you put it into ajax QT. But you can't use a block or node which contains the ajax view, because that won't work. The view must be directly under the tabpage.
So if you can't select the ajax view directly as a tab then you must turn off ajax rendering for the QT.

It is not enough? You really need to put more ajax stuff inside ajax QT. I don't know. I did not tried pushing these limits. But you may experiment and report back what worked for you. I know there is a thing in views, called attachment display which could display additional view inside view, but I must tell I never tried that with QT.

So if you know other secrets about how special ajax things can be inserted into ajax QT, then you can share it here.


Pasqualle’s picture

first tip: how to fix the style of QT which is inside ajax QT?

you need to load the additional style manually at page load
you can simply do that for example inside an additional block (if you are allowed to use php there):


replace Sky with the required style, make the style name first letter upper case
but wait for tomorrow because of this:

panji’s picture

Can we use Ajax Load module for this condition? it would be great... for more flexible content in QT is a helper module to load and add JavasScript and CSS data for Ajax-loaded content.

expatme’s picture

how do i load nodes and cck fields?

panji’s picture

@expatme u can use Views

Flying Drupalist’s picture

I have some js in my script.js which goes at document.ready. Of course none of it works for anything inside ajax QT.

Is there a way to write my script so that it applies to the tab, or perhaps for QT to load my script.js on tab load?

Ajax load is interesting, but not a clue how to use it. I think it would have to be implemented inside QT?

ManyNancy’s picture

I think some of this is possible with the livequery plugin. Going to test it out now.

katbailey’s picture

@Miraploy, @Minqensan - the main question here is whether your scripts are being loaded and it's just a case of the behaviours not being attached to the content inside the QT or are the scripts not even being loaded to the page? If it's just a question of the behaviours not being attached, we can fix this by running Drupal.attachBehaviors on the ajax-loaded content (no need for the livequery plugin). Otherwise Ajax Load is probably the way to go. If I could get an example of a particular use case and figure out which of these two scenarios best describes the nature of the problem then I'll know which direction to take to find a solution.

Flying Drupalist’s picture

Hi, thanks.

There's some custom code that I put into my script.js that I want to apply to ajax blocks.

Here's an example:

$('ul.activity-list li').css('cursor','pointer').click(
function () {

This sets click on li = click on some inside link.

This is probably a case where I want to use Drupal.attachBehaviors.

I also want to put a tribune block inside ajax QT.

That's probably a case where the js isn't even loaded. *though i'm not entirely sure. I use JS aggregation, and does it simply stuff everything into one file? Or create multiple variants of the file?

Thank you for your help.

Flying Drupalist’s picture

Well livejquery was very helpful in getting all my custom code to work inside ajax tabs. However I have no idea how to apply it to blocks created by modules. Any thoughts?

Flying Drupalist’s picture

Live is now in jquery 1.3 which is exciting.

Another thing I found was this:

Maybe some of what popups was doing can be implemented in QT for full ajax support of everything? :D That would be exciting.

katbailey’s picture

@Miraploy thanks for posting that link - this is exactly what Quicktabs needs to be keeping up with if we want to reach a stage where all content with its own ajax functionality, and not just Views, works well in a quicktab. However, there is as yet no generalised solution and there's no point in duplicating code from popups module, which in turn is apparently very similar to what's being done in ajax_load module. What I'm saying is, I'm not going to spend time on a custom solution for Quicktabs (though if someone else wants to submit a patch please feel free ;-)) when it seems that time would be better spent helping achieve the more generic solution that could first of all become a standard API module (ugh - a dependency, but maybe not for long) and eventually make it into core.

Pasqualle’s picture

#251578: More flexible js/css ordering and an alter operation
Is this the issue we are looking for, or we need more than that?

Flying Drupalist’s picture

Thanks for letting me know.

So I guess we're not going to see this very soon are we?

katbailey’s picture

I've just committed a fix for this, thanks to Merlinofchaos. I've implemented the same solution he uses in the CTools AJAX framework. Please test the latest dev version.

hixster’s picture

Tested the latest Dev version. Doesn't seem to fix tabbed content ajax issue.

I'm trying to use a variety of views slideshows assigned to tabs. Only first tab works...

Happy to provide more info if it helps, i'd love to get slideshows working within tabs as I have numerous projects that require this.

katbailey’s picture

Hi hixster,
yes, please provide the steps to re-create what you're doing. I have only minimally tested the fix without trying it with all the different types of content people like to put in their QTs.


pribeh’s picture


nirad’s picture


Andrew Gorokhovets’s picture


Andrew Gorokhovets’s picture

To #16:
IN Views Exposed Filter Hierarchical Select does nod work.

Andrew Gorokhovets’s picture

To #20:
The amendment!
Hierarchical Select does nod work, when filters are chosen, and button Submit is pressed.

In other words Hierarchical Select does nod work, when in URL are transferred GET inquiries

Andrew Gorokhovets’s picture

So, will be it fix?

netw3rker’s picture

Status: Active » Closed (fixed)