PDA

View Full Version : Transitions in Extjs 4.2.1



akash_fil
26 Oct 2012, 3:51 AM
I have a component which I set hidden by default & show on hitting a button. I want to play slide-in & slide-out transitions/effects on its visibility. Any example to achieve this. If it cannot be achieved on visiblity can I achieve it on setting height.


Any example would be great !!!


Thanks!!!

slemmon
26 Oct 2012, 4:08 PM
Something like this work for you?



var win = Ext.widget('window', {
title: 'Slider'
, height: 200
, width: 200
, listeners: {
show: function (win) {
win.animate({
to: {
y: 200
}
});
}
}
});


Ext.widget('button', {
text: 'Show Button'
, renderTo: Ext.getBody()
, handler: function () {
var c = Ext.getBody();
win.showAt(c.getWidth() / 2 - 100, -200);
}
});

akash_fil
27 Dec 2012, 6:01 AM
I have a component which is already created & hidden. Now when I make it visible using show() & on Show I have listener it is behaving oddly on Internet explorer 8 but works fine on firefox & chrome. On Show() in IE it first gets displayed then the slideIn gets played. Is there any fix for this since it is happening only on IE.