Animating the position of an Ext.Tab.Panel

[matfin]

Hi everyone,

It is a requirement for a project I am working on using Sencha Touch 2 that the Ext.Tab.Panel we have sitting on the left hand side of the screen is moved and animated to the right hand side of the screen as a Panel is rendered into view.

I'm wondering has anyone succesfuly put something like this together and wether it is supported. I'd like to be able to cleanly implement something like this.

Thanks,

Matt

[mitchellsimoens]

The whole tab panel or just the tab bar is on the left and you want to animate it to the right?

[matfin]

Hey,

I'm currently using the Tab panel's setTabBarPosition() function to move the tab bar from left to right and vice versa as the code below shows:

mainNavChange: function(container, newvalue, oldvalue, options){
        switch(newvalue.xtype){
            case 'playerspanel':{
                this.getMain().setTabBarPosition('right');
                break;
            }
            case 'carspanel':{
                this.getMain().setTabBarPosition('right');
                break;
            }
            case 'infopanel': {
                this.getMain().setTabBarPosition('right');
                console.log('Setings panel hit!');
                break;    
            }
            default:{
                this.getMain().setTabBarPosition('left');
                break;    
            }
        }
    },

This code is sitting inside the Main.js controller of the app.

Thanks,

Matt