DataZombies / jQTouch

jQT extensions jqt.activityIndicator, jqt.bars (with numeric badges), jqt.checkGroup & jqt.segmentedControl.Get updates via Twitter http://twitter.com/HeadDZombie. If you find this fork useful please make a donation via PayPal (http://tinyurl.com/2fpmx27). See below for demo links.
MIT License
159 stars 34 forks source link

Page transition after tabbar click #18

Closed barts2108 closed 13 years ago

barts2108 commented 13 years ago

Hello,

How can I use a page transition like slide/fade/pop etc. when I click an icon in the tabbar? If this is possible, could you give code snippet where and how to setup?

Thanks

DataZombies commented 13 years ago

I've added animations to the tabbar.

Animations between tabs are marked-up in the anchor tag like so:

  • About
  • ... The standar jQT animations are supported (cube, dissolve, fade, flip, pop, slide, slideup & swap). If an animation is not recognized, like... animation="bugsBunny" ...then the default tab animation will be used (none).
barts2108 commented 13 years ago

Incredible fast to add it... unfortunately it breaks page navigation. Whenever I add animation to a tabbar button, navigate to it, then try to navigate to another page, the other page does not show up anymore. Navigating back to the page that has the animation set, shows "You are already on the page you are trying to navigate to"

Tested all animations cube - not working dissolve - not working fade - ok flip - not working pop - ok slide - not working slideup - ok swap - not working

(Tested with Safari 5.0.2 (7533.18.5) desktop on a Windows 7 PC)

DataZombies commented 13 years ago

It looks like there's something more going on behind the scenes with animations since the ones that don't work involve animating the outgoing and incoming pages. I'll see if I can get Sencha to look at this. Until then I've reinstated animations and limiting them to fade, pop & slideup.

barts2108 commented 13 years ago

Just to inform you that the fade animation is working fine (others not tested). Tested working in safari desktop (win 7), safari on ipod touch and google chrome

DataZombies commented 13 years ago

Excellent! Thanks.