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

Answer 1

Try this:

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

Answer 2

Hi if you are using controller use ref for main and pass xtype of view as follows.

this.getMain().animateActiveItem(your_xtype, {type: 'slide', direction: 'right'});