cardSwitchAnimation on Ext.tab.Panel

[dobie_]

Hello,
The old Ext.TabPanel had a 'cardSwitchAnimation' configuration parameter. How do I disable the switching animation in the new Ext.tab.Panel?


Thanks in advance..!

[AndreaCammarata]

Hi.
In Touch 2 you can set the wanted animation directly inside the layout object.
For istance:

layout: {
    type: 'card',
    animation: {
        type: 'slide',
        direction: 'left'
    }
}

Hope this helps.

[dobie_]

Oh, thanks! I'm trying to disable the switching animation.. and setting animation: false or null throws an error. How should I do this?

[lylepratt]

I am also wondering how to disable the card switch animation on a TabPanel. Setting it to false, null, undefined, etc doesn't work. It seems really odd that it has one by default since no native UI uses an animation when changing tabs.

[yoh.suzuki]

I would also like to know the answer to this. I can't turn off animation using setAnimation. - y

[starak]

Andrea's code gave me an idé for a workaround.

If you add duration:0 like this:

layout: {
    animation: {
        duration:0
    }
}

[yoh.suzuki]

That works! Thank you for the workaround! - y

[subimage]

Andrea's code gave me an idé for a workaround.

If you add duration:0 like this:

layout: {
    animation: {
        duration:0
    }
}

This didn't work for me, as I was hooking into the 'show' event of each individual panel - but the following did:

layout: { animation: false }