I've posted an example project to the demos and examples forum here:

https://www.elevatesoft.com/forums?action=view&category=ewb&id=ewb_demos&page=1&msg=244#244

Some comments:

- If you see something done in a JS application/library, and the question is: can this be done in EWB ?  The answer is *always* yes.  It's just a matter of manipulating the animation/layout primitives in the right way.

- If you run this application in the IDE, the animations won't be particularly smooth, and this will be fixed in the next build.  EWB isn't enabling GPU acceleration for the embedded browser in the IDE, and that's the cause of the janky animation.

- You probably wouldn't want to do something like this as just straight code in your application.  It's much better to create a control that does all of this in an encapsulated form.  There will be less code, and you won't have to resort to using the Tag property and other types of hack-y coding techniques.  I'll see about moving this into a proper control as part of the component library soon.

- A good portion of the code is concerned with space distribution as a layout mechanism, and will go away once EWB's layout management can perform layout in terms of relative distribution of space in the layout rectangle.

Here's a link to the application in action:

http://www.elevatesoft.com:8081/pagetransitions/project1.html

Tim Young
Elevate Software
www.elevatesoft.com

Updated:

https://www.elevatesoft.com/forums?action=view&category=ewb&id=ewb_demos&page=1&msg=245#245

Tim Young
Elevate Software
www.elevatesoft.com

Very impressive!

Uli

Very nice!

= Steve