Animating windows in ExtJS

Published on 7/1/2013

---

The following code will override the Window class, causing animation on show, close, maximize, and restore.

You need to set {maximizable:true} in your Window config to get the maximize button.

Ext.window.Window.override({

  animateTarget: Ext.getDoc(), //animate on show/close from top left of document
  
  maximize: function(){
    this.callParent([true]); //animate
  },

  restore: function(){
    this.callParent([true]); //animate
  }  
});

... views