All,
I'm showing/hiding a toolbar and a docked item when a panel is tapped. It works, but the docked panel on the bottom flashes briefly at the top of the screen before going to its correct position. Is there a way I can prevent this? It works fine in Chrome and Safari on the desktop, btw. See amazing video below.
Video Location (small, don't worry): http://gordonjl.com/files/pf.m4v
Here's the code I'm calling to do the show/hide:
Code:
setToolbarVisibility: function(visibility) {
this.toolbar.setVisible(visibility);
this.infopanel.setVisible(visibility);
this.doComponentLayout();
},
Here's the docked panel on the bottom:
Code:
{
xtype:'panel',
hidden:true,
dock:'bottom',
overlay:true,
showAnimation:{type:'slide',direction:'up'},
html:"<div class='photo-info'>[Caption Goes Here]</div>"
};
Thanks!