[ 
https://issues.apache.org/jira/browse/WICKET-5297?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=13779261#comment-13779261
 ] 

Hendy Irawan commented on WICKET-5297:
--------------------------------------

+1 for this

This is not exclusive to history API/stateless support (WICKET-5290) but some 
support in core would be very appreciated. e.g. an API such as this would be 
wonderful: 

{code}
target.add( myComponent, Animation.fadeOut(250), Animation.fadeIn(400) ); 
{code}

                
> Animate ajax DOM manipulation smoothly
> --------------------------------------
>
>                 Key: WICKET-5297
>                 URL: https://issues.apache.org/jira/browse/WICKET-5297
>             Project: Wicket
>          Issue Type: Improvement
>            Reporter: Antti Lankila
>            Priority: Minor
>              Labels: ajax
>
> Wicket should have an easy hands-off way to animate most changes which occur 
> when ajax requests get new HTML data to visualize in the markup. For 
> instance, the content within the element (if any) could fade or shrink away, 
> and new content would replace it, taking its place.
> The animations should be as minimal as possible, but noticeable enough that 
> the user can see them occurring. I'd suggest at least two types of 
> animations: fade-ins and resizes.
> - In fade animation, the old panel would have its opacity decrease until it 
> becomes invisible, and the new content would then take its place. In case the 
> old panel was just a placeholder, only the fade-in of the new content occurs. 
> This type of animation would be suitable for alert box like elements which 
> occur in the middle of the screen or otherwise are detached from the page 
> flow.
> - In resize animation, JavaScript code should measure the dimensions of the 
> old panel (about to go away) and the new panel (about to replace it). During 
> animation, the old panel would be kept in its place, but its dimensions would 
> be adjusted from the old values to the new values through manipulating its 
> width and height using linear interpolation, and then an instantenous switch 
> would replace the old content with the new content when the new dimensions 
> have been reached. If the old panel was just a placeholder, the animation 
> would resize the content of the new panel instead. This type of animation 
> would be most suitable for elements in the page flow.
> User should be able to control the duration and type of the animation, and 
> whether animation is applied by default via settings. In addition to that, 
> the animation parameters should be controllable per ajax request.

--
This message is automatically generated by JIRA.
If you think it was sent incorrectly, please contact your JIRA administrators
For more information on JIRA, see: http://www.atlassian.com/software/jira

Reply via email to