how to animate transition from right to left on Sencha Touch 2?

Question

I want to animate the transition when a card is activate on a Panel. any idea please?

The main.setActiveItem(1) is changing the card but I want to animate the transition from right to left (not the default from left to right)

I have this function:

buttonBackImageDetalle: function(button, e, options) {

    var main = this.getMain();
    //Ext.fx.Animation.setDirection('right');
    main.setActiveItem(1);
    console.log('<-- back');

}

Thanks for your time!

Answer 1

Try this:

main.animateActiveItem(1, {type: 'slide', direction: 'right'})