PDA

View Full Version : Ext slideout and slidein sequence help.



Maxrunner
14 Apr 2010, 8:10 AM
Hi! Im currently attempting to simulate a slide floater of a div content. I manage to make the slidein and out work, but there's a a gap between the two, like i want a seamless transition. is this possible?

Maxrunner
15 Apr 2010, 1:44 AM
bump.

Animal
15 Apr 2010, 1:50 AM
You want something to slide into view, then immediately slide back out?

Maxrunner
15 Apr 2010, 1:59 AM
http://img163.imageshack.us/img163/1239/scrollzonearea.png (http://img163.imageshack.us/i/scrollzonearea.png/)

As you can see im trying to emulate a scroll effect, but there's this gap between the two fx animations. I thought i could, as soon im sliding out the div content, slide in imediately.....

steffenk
15 Apr 2010, 2:02 AM
There is something missing in documentation.
You can do scroll animation by something like this:

el.shift({
marginLeft: m,
duration:.5
});

See an example: http://dev.sk-typo3.de/ext/panelscroll.html

Animal
15 Apr 2010, 2:15 AM
You can also actually animate the scrollLeft property which is probably better in this case than moving an element using its margin.

Maxrunner
15 Apr 2010, 2:20 AM
Ok, but im just refreshing the div content when i slideout so that the slidein shows the new content. Its not an overflowed div.

Maxrunner
15 Apr 2010, 2:33 AM
Here's some code:



var rewind=new Ext.Button({iconCls:'x-tbar-page-prev',
handler: function(){
Ext.get('ext-gen35').slideOut('r', {
callback :function(){slideZone.rewindX()},
duration : .2,
remove : false}).slideIn('l',{duration: .2});
}});

var forward=new Ext.Button({iconCls:'x-tbar-page-next',
handler: function(){
Ext.get('ext-gen35').slideOut('l', {
duration: .2,
callback:function(){slideZone.forwardX()},
remove : false}).slideIn('r',{duration: .2});
}});



As you can see i refresh the next div content in the callback function, but the slidein fx animation only comes in after all the div content is out in the slideout fx....

Maxrunner
15 Apr 2010, 3:26 AM
Still, i have a feeling that this could be achieved by the fx slide animations....

Maxrunner
15 Apr 2010, 5:16 AM
Is there a way to fire both fx animations simultaneously???the syncFx isnt working...

Maxrunner
15 Apr 2010, 8:58 AM
Seems theres a problem with slideIn in IE, after the effect the div content disappears.....any feedback on this?

bstras21
15 Nov 2010, 11:35 AM
syncFx is NOT working for me either???????