I have a number of mini panels being displayed on panel tab pages and when you switch between the various tabs the pages blink 3 times. When I originally configured it, each page wouldn't blink at all on transition. Not sure what's up.

Comments

smoothify’s picture

smoothify commented

Could you give a bit more information about what actually blinks?

Is it the entire page, the tab pane itself, or the tab buttons?

Is there any scrolling taking place?

bjsomers’s picture

bjsomers commented

You can check it out on my site: staging.volunteeralliance.org if you create an account as a volunteer. Basically I have a Tabs Panel page which each contain mini panels. All of the content on the mini panels blink 3 times when I switch between the various tabs. There is a fade effect which switching between tabs and it repeats itself 3 times when switching tabs. Does that make sense?

smoothify’s picture

smoothify commented

which page are the tabs actually on?

bjsomers’s picture

bjsomers commented

sorry, you have to create an account or go to a user page. Here is an example: http://www.staging.volunteeralliance.org/user/1

noticed that it blinks twice when not logged in, 3 times when logged in. Either way I think the appropriate time is once.

smoothify’s picture

smoothify commented

I see the error on your site, and while I can't reproduce it on my own drupal sites, when I saved your html locally I could reproduce it.

The only thing that fixed it for me was using jquery_ui version 1.7.3 and using the dev version of the tabs module.

I would suggest trying that to see if it fixes it for you.

If not, please set up a much simpler page with tabs on to see if the blinking still occurs.

smoothify’s picture

smoothify commented

I looked into this a bit further and noticed you are using jquery_update with jQuery v1.3.2.

It seems you need to do one of the following:

Remove or downgrade jquery_update to use jQuery version 1.2.x - and stick with jQueryUI 1.6.

Or update jQueryUI to 1.7.3, upgrade tabs module to 1.x-dev and keep jQuery / jquery_update as it is.

Which you pick, depends on which other modules you are using and what requirements they have.

bjsomers’s picture

bjsomers commented

wow, thanks a lot for the help. I am experiencing quite a few errors on my site that seem ajax related. For example, sometime in views or panels when a process is being saved a dialog box that says something about ajax pops up. But this seems to be intermittent and vary by browser.

bjsomers’s picture

bjsomers commented

Did you mean updating the tabs panel style module to the dev version, or the tabs module http://drupal.org/project/tabs. I updated the tabs panel style and jquery 1.7 and now the tabs dont work at all, everything is on one page and it just jumps down to the region with each tab.

bjsomers’s picture

bjsomers commented

Great, updated tabs and now it works perfectly! Thanks for the help!

smoothify’s picture

smoothify commented
Status: Active » Fixed

Thanks for the follow up - glad to hear its working for you!

bryancasler’s picture

bryancasler commented
Status: Fixed » Active

I need to re-open this, I'm still encountering this blinking effect when switching tabs. I have the following setup.

jquery 1.3.2
jquery ui 1.7.3
tabs 6.x-1.x dev (as of 1/1/11)
tabs panel style 6.x-1.0 rc6

Browser: Chrome 9.0.587.0

bryancasler’s picture

bryancasler commented

Here is a short video showing the blinking. Because the frame rate of the recording isn't that great you miss some of the blinking that is occurring. It happened on each tab switch, but in the video you can only see it at the five second mark during the last tab switch.
http://www.screencast-o-matic.com/watch/cXVnnIXp9

bjsomers’s picture

bjsomers commented

animelion, here are my module versions that corrected the blinking problem for me:

jquery update 6.x-2.x-dev
jquery ui 6.x-1.4
tabs 6.x-1.x-dev
tabs panel style 6.x-1.x-dev

Browser: Chrome

bryancasler’s picture

bryancasler commented

Thanks for responding bjsomers, but I don't think I'm any closer to figuring this out.

I took a look and there doesn't seem to be a difference between tabs panel style rc6 and dev.

Also I'm not exactly using the jquery update and jquery ui module. Instead I'm pulling in the files from Google's CDN via the module posted here http://drupal.org/node/263459#comment-2322884

smoothify’s picture

smoothify commented

@animelion

Could you try it with the stock jquery_update and jquery_ui modules to see if the problem occurs? If you can find out what triggers the problem then we can look at solving it.

bryancasler’s picture

bryancasler commented

Just tried out the following, but still encountering the same blinking effect.

jquery update 6.x-2.x-dev
jquery ui 6.x-1.4

Wish I could be more helpful, but no errors are being thrown.

bjsomers’s picture

bjsomers commented

Sorry animelion, wish I could help more. I'm a bit of a newbie and not a developer. Here is my site where I am using the tabs, maybe looking at the source will help?

http://staging.volunteeralliance.org/user/5

smoothify’s picture

smoothify commented
Status: Active » Closed (duplicate)

Marking as a duplicate of :

#1043432: jQuery & jQuery UI requirements

This new issue attempts to explain the jQuery & jQuery UI requirements.

LGLC’s picture

LGLC commented

Just thought I'd say that I had some trouble with tabs doing a 'double-fade' (i.e. a quick blink) when switching between them and that it was simply because I had floated content within them. Adding in a div (within the 'tabbed' content items, after all floated content) with its css set to clear:both resolved the issue. Hopefully this may help others who are experiencing the same behaviour.

jdflorez’s picture

jdflorez commented

I updated modules, cleared caches, re-downloaded libraries and the blinking was all because of the content floated. Thanks for sharing this, I would've never figured that out.