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.

CommentFileSizeAuthor
#20 no_ajax.png3.74 KBjieyyal

Comments

myownsummer’s picture

TYPO:

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

katbailey’s picture

Project: Views Slideshow » Quick Tabs
Version: 7.x-3.0-alpha1 » 7.x-3.x-dev

This is probably a Quicktabs issue - can you try it using the 7.x-3.0-alpha2 release of Quicktabs?

myownsummer’s picture

I did try that... unfortunately it didn't work.

myownsummer’s picture

Status: Active » Closed (won't fix)

The 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.

aspilicious’s picture

Status: Closed (won't fix) » Needs work

I 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.

aspilicious’s picture

Status: Needs work » Active

I'm using the 7.3 version.

==> 7.x-3.0-alpha2

katbailey’s picture

I'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.

aspilicious’s picture

Hmmm 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

Anonymous’s picture

katbailey’s picture

Having 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.

aspilicious’s picture

Ok 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?

aspilicious’s picture

Yes 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!

#views_slideshow_cycle_teaser_section_[machine name of the view] {
  height: 200px;
}
Stuart’s picture

I 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

gratefulsk’s picture

I 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.

awdlewis’s picture

I have the same problem. Looks very similar to his one: http://drupal.org/node/722488

mordek’s picture

Same problem on my site.

jonathanmd’s picture

I 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.

hefterbrumi’s picture

The problem with this is that if I use ajax than the empty tabs will show as well.

subhojit777’s picture

Issue summary: View changes

This 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.

jieyyal’s picture

StatusFileSize
new3.74 KB

The 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.

yugro’s picture

I 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.

smustgrave’s picture

Status: Active » Closed (outdated)

With 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