I am pointing to views slideshows using Quick Tabs.
The Views Slideshow works great for the default Quick Tab: http://www.ayushkhanna.com/projects
BUT breaks when I click on the other tab on that page: "Graduate"
Module setup:
Quick Tabs 7.x-2.0-beta1
Panels 7.x-3.x-dev
Views 7.x-3.0-beta3
CTools 7.x-1.0-beta1
(have recently upgraded some of these, but was facing this issue before as well).
Notes:
1. I am not passing any arguments via the Quick tab, pointing to different views altogether.
2. I have tried exposing the view as a block and a content pane, that did not work either.
3. Both the views work just fine when accessed through dedicated URLs.
| Comment | File | Size | Author |
|---|---|---|---|
| #20 | no_ajax.png | 3.74 KB | jieyyal |
Comments
Comment #1
myownsummer commentedTYPO:
The line "BUT breaks when I click on the other tab on that page: "Graduate""
should read "BUT breaks when I click on the other tab on that page: "Undergraduate""
Similar issue documented for D6: http://drupal.org/node/707048
Comment #2
katbailey commentedThis is probably a Quicktabs issue - can you try it using the 7.x-3.0-alpha2 release of Quicktabs?
Comment #3
myownsummer commentedI did try that... unfortunately it didn't work.
Comment #4
myownsummer commentedThe site is a little time-critical, so I am just going to use a workaround.
In any case, I think this is a good use case, so might be worth considering later on.
Comment #5
aspilicious commentedI got the same issue, I have the latest versions of all these modules.
3 tabs of the same view with different arguments. Only the first one works.
Comment #6
aspilicious commentedI'm using the 7.3 version.
==> 7.x-3.0-alpha2
Comment #7
katbailey commentedI'll need full steps to reproduce this, I just tried with a Quicktabs block with two tabs, a views slideshow in each one. It works fine in ajax or non-ajax mode.
Comment #8
aspilicious commentedHmmm I made one view, with a block display.
That view accepts arguments.
I want a tab for each argument.
calendar/typeA, calendar/typeB, calendar/typeC, calendar/typeD
Test 1
-------
So I made a quicktab block using the same view (4 times), the same display, block_1, (4 times) and different arguments.
Results
-------
- Only the first tab slides, the other tabs have calendar events but they don't scroll
Test 2
------
Clone the block display 4 times, make quicktab with 4 times the same view BUT different block display and arguments
Results
-------
- Only the first tab slides and the other tabs are empty if they can slide.
Conclusion
----------
a) So I'm prety sure you can't use the same slideshow block in different quicktabs
b) if you make different blocks of the view, the slideshow conflicts.
Probably a configuration or a slideshow issue I guess
Comment #9
Anonymous (not verified) commentedI think it may be related to #1203374: Using Panels 3 inside a QuickTab with AJAX enabled, not rendering necessary CSS for panels
Comment #10
katbailey commentedHaving looked at aspilicious's particular case, I definitely don't think this has anything to do with the issue linked to in #9. What I was witnessing was that if the slideshow content was on anything but the default tab, it did not display, But I could see in the inspector that the content was there and the jquery cycle plugin was "sliding" the content, it's just that the content was hidden. It seems likely that this is related to #352247: Gmap centering has error on hidden Quicktab tabs (was: How to display two gmaps properly) and boils down to js trying to calculate the dimensions of a hidden container or something along those lines.
Comment #11
aspilicious commentedOk I understand the problem now but I'm a little confused about the solution.
There are even more problems with the hidden containers: #1140886: Display FullCalendar inside Quick Tabs
Is this something QuikckTabs can fix or does it require some fixes on the other modules. And can I help to fix it?
Comment #12
aspilicious commentedYes THANK YOU katbailey. With your explanation I started experimenting with setting some height on random views-slideshow selectors. And after a while I found the winner!
Comment #13
Stuart commentedI seem to have a similar problem with an image gallery using Shadowbox. If it is on the first tab then Shadowbox works fine. If I move the Image tab to second or subsequent position in the tab-set then the thumbnails show correctly, but clicking on them just shows a plain, larger image - no Shadowbox.
Drupal 7.8
Quicktabs 7.x-3.0
Views 7.x-3.0-rc1
Shadowbox 7.x-3.0-beta6
Comment #14
gratefulsk commentedI had this similar issue with shadowbox and quicktabs. What I did was checked the " Enable for all image links" in the autohandling settings of shadowbox. Just doing that seemed to fix it for me.
Comment #15
awdlewis commentedI have the same problem. Looks very similar to his one: http://drupal.org/node/722488
Comment #16
mordek commentedSame problem on my site.
Comment #17
jonathanmd commentedI was having a problem with a jcarousel carousel when one of them was in the non-default tab. The problem with that was that when jcarousel initializes the carousel, it is hidden using display:none so the carousel script isn't able to properly compute the width of the carousel.
What I had to do to get this to work was to set ajax loading of the tabs to true / yes. Then when a new tab is loaded via ajax, the script that initializes the carousel is executed because I included it using Drupal.behaviors in my script file.
Comment #18
hefterbrumi commentedThe problem with this is that if I use ajax than the empty tabs will show as well.
Comment #19
subhojit777This happens when you render multiple quicktabs with same id in a page. I was using flexlsider + quicktabs, and each slide was having a quicktab. I was rendering quicktab programatically. I made quicktab machine unique for every slide and the issue got fixed.
Comment #20
jieyyal commentedThe issue still exist.Only disable ajax like below image the slideshow control works.
After learning above, I change the tabs to different views display.
Then the prev and next control button have individual ids.
Finally it works for like a charm.
Comment #21
yugro commentedI had the same problem with quicktabs and slick slider. I wrapped slick init function in its tab#id click function, and it works fine for me.
Comment #22
smustgrave commentedWith D7 EOL approaching in a month I'm starting to triage the D7 side of quicktabs queue.
If still an issue or needed for 4.0.x (latest branch) feel free to reopen