PDA

View Full Version : Slide-in Toolbar/Tabbar - not working as expected...



sandor
16 Oct 2010, 7:20 AM
Hey Guys,

i am pretty sure that this worked for me in one of the previous versions. The ToolBar / Tabbar is sliding out nicely on "hide", but abruptly reappear without the animation on "show" :


tabBar: {
dock: 'bottom',
overlay: true,
height : 55,
cls: 'tabBar',
style: 'opacity: 0.90;',
layout: {
pack: 'center'
},
},

fullscreen: true,
ui: 'dark',
animation: {
type: 'cardslide',
cover: true
},

defaults: {
scroll: 'vertical'
},
dockedItems: [toolbar],
listeners: {
render: function(c){
c.body.on('tap', function(e, t){
var tabBar = tabpanel.getTabBar();
if (toolbar.isVisible()) {
toolbar.hide({type: 'slide', direction: 'down', duration: 250});
} else {
toolbar.show({type: 'slide', direction: 'up', duration: 250});
}
if (tabBar.isVisible()) {
tabBar.hide({type: 'slide', direction: 'up', duration: 250});
} else {
tabBar.show({type: 'slide', direction: 'down', duration: 250});
}
c.doComponentLayout();
}, c);
},

Thanks & Cheers,

Sandor