Sencha Touch 2 - Slide Animation on button

Question

I'm trying to get a slide animation on a button inside a container but I'm unable to do it.

By the way, fade and flip was working fine.

I want to do animation like shown below when all buttons are shown.

Here's the image of what I am trying to achieve:

EDIT :

I am running the below code inside initialize() event of the container.

 Ext.Anim.run(this.getComponent('btnId'),'flip',{
            out: true,
            delay: 1000,
            duration: 500,
 });

Could you post the code of what worked (flip and fade) and what didn't (slide apparently). It would be easier to take it from here. — Titouan de Bailleul
@TDeBailleul : I have posted the code. Can you please help me now ... flip is working fine on android, but if i choose slide animation, it doesn't work ... — user1452041

Karen Karen · Accepted Answer · 2012-08-23T18:58:20

Ext.Anim.run(Ext.getCmp('btnId'), 'slide', {
    direction: 'left',
    duration: 1000
})

But the important thing is to ensure you require Ext.Anim in your application. Put this in your main app.js

Ext.requires('Ext.Anim');

or

Ext.application({
    name: 'myapp',
    requires: [
         'Ext.Anim'
    ]
});