PDA

View Full Version : Window with fadeIn/fadeOut animation



Condor
2 Jul 2010, 12:52 AM
This gets asked a lot, so I thought I post it here:

Ext.ns('Ext.ux');
Ext.ux.FadeInWindow = Ext.extend(Ext.Window, {
animateTarget : true,
setAnimateTarget : Ext.emptyFn,
animShow : function(){
this.el.fadeIn({
duration: .25,
callback: this.afterShow.createDelegate(this, [true], false),
scope: this
});
},
animHide : function(){
if (this.el.shadow) {
this.el.shadow.hide();
}
this.el.fadeOut({
duration: .25,
callback: this.afterHide,
scope: this
});
}
});

talha06
4 Jul 2010, 10:03 PM
thanks dear Condor.. :)

chrizmaster
4 Jul 2010, 11:38 PM
simple and clean. thank you.

guyfomi
27 Oct 2010, 5:33 AM
thank you condor, was looking for such functionality...

cq.yangyu@gmail.com
30 Oct 2010, 6:21 AM
In IE 6 , After The window fadeout , there is a weird stuff block out the area. please check it. thks.

sosy
21 Nov 2010, 1:52 AM
IE6? What is IE6? thats an browser from the last century.

IE is in my opinion strictly forbidden, but IE6 is beyond that.

Wow...

wm003
30 Dec 2011, 4:18 AM
Works, but if you have a borderlayout with collabsible regions wihtin your window, theses regions appear right after the fadeout ..

jnfrancois
8 Aug 2012, 9:11 AM
How would you use this in a concrete example ?
Where do you put this code and where would you call it ?