tobiu
16 Dec 2009, 1:20 AM
hi together,
this one was talked about in the Ext.ux.Notification several times. since it is a general issue, i hope it is okay to adress it here. with ext-3.0.rc2 and older versions there was no trouble. in ext-3.0.3 (above 3.0?) the way shadows are created seems to have changed. when using fx on elements (panels or windows) that have a shadow with ghost, slideOut, fadeOut, the div containing the shadow no longer gets affected. not even removed.
Ext.onReady(function() {
Ext.ns('app');
app.win = new Ext.Window({
width : 400
,height : 400
,buttons : [{
text : 'ghost'
,handler : function(){
app.win.el.ghost("b", {
duration : 1
});
}
}]
});
app.win.show();
});
using the remove-config wont help:
app.win.el.fadeOut({
duration : 1
,remove : true
});
using a cb helps, but still looks not nice: the shadow gets removed after the animation has finished:
app.win.el.slideOut("b", {
duration : 1
,callback : function(){
app.win.destroy();
}
});
kind regards,
tobiu
this one was talked about in the Ext.ux.Notification several times. since it is a general issue, i hope it is okay to adress it here. with ext-3.0.rc2 and older versions there was no trouble. in ext-3.0.3 (above 3.0?) the way shadows are created seems to have changed. when using fx on elements (panels or windows) that have a shadow with ghost, slideOut, fadeOut, the div containing the shadow no longer gets affected. not even removed.
Ext.onReady(function() {
Ext.ns('app');
app.win = new Ext.Window({
width : 400
,height : 400
,buttons : [{
text : 'ghost'
,handler : function(){
app.win.el.ghost("b", {
duration : 1
});
}
}]
});
app.win.show();
});
using the remove-config wont help:
app.win.el.fadeOut({
duration : 1
,remove : true
});
using a cb helps, but still looks not nice: the shadow gets removed after the animation has finished:
app.win.el.slideOut("b", {
duration : 1
,callback : function(){
app.win.destroy();
}
});
kind regards,
tobiu