Question

I have the following code in my app class:

 switchMainView: function (newView, config) {
        if (this.currentView != false) {
            Ext.Viewport.remove(this.currentView);
        }

        this.currentView = Ext.create(newView, config);        
        Ext.Viewport.animateActiveItem(this.currentView, { type: 'slide', direction: 'right' })
    },

Which can be called from any controller. However, it is not showing the animation. Any ideas what is wrong with it?

Answer 1

According to sencha guys :

AnimateActiveItem(activeItem,animation ) will

Animates to the supplied activeItem with a specified animation. Currently this only works with a Card layout. This passed animation will override any default animations on the container, for a single card switch. The animation will be destroyed when complete.

viewport: {
layout: {
    type: 'card'
}

}

add above code in app.js