Directory

← Back

FancyLayouts

Layouts and components with transitions!

Author

Rating

Popularity

<100

FancyLayouts is fast way to add small amount of transitions to your Vaadin application. It's implemented with CSS transitions so transitions work with all modern browsers. IE should work like with normal layout elements (so without transitions).

FancyImage offers easy way to have fading effect when you swap image in your UI. FancyPanel will fade old content out before fading new content it. FancyCssLayout adds fading transitions when you add and remove components from it. FancyNotifications is extension of FancyCssLayout providing OSX styled notifications for your application.

Best way to see what add on does is to try out online demo. Please remember that with IE components will not have transitions.

Addon is still under development. Goal would be to offer alternative transitions. And maybe try to implement JS based transition implementation alternative for IE browsers.

Compatibility

(Loading compatibility data...)

Was this helpful? Need more help?
Leave a comment or a question below. You can also join the chat on Discord or ask questions on StackOverflow.

Version

Vaadin 8 support

Released
2017-03-16
Maturity
STABLE
License
Apache License 2.0

Compatibility

Framework
Vaadin 8.0+
Vaadin 7.1+ in 1.0.1
Vaadin 7.0+ in 1.0.0.alpha5
Vaadin 6.7+ in 0.2.1
Browser
Firefox
Opera
Safari
Google Chrome
iOS Browser
Android Browser
Internet Explorer
Windows Phone
Microsoft Edge

FancyLayouts - Vaadin Add-on Directory

Layouts and components with transitions! FancyLayouts - Vaadin Add-on Directory
FancyLayouts is fast way to add small amount of transitions to your Vaadin application. It's implemented with CSS transitions so transitions work with all modern browsers. IE should work like with normal layout elements (so without transitions). FancyImage offers easy way to have fading effect when you swap image in your UI. FancyPanel will fade old content out before fading new content it. FancyCssLayout adds fading transitions when you add and remove components from it. FancyNotifications is extension of FancyCssLayout providing OSX styled notifications for your application. Best way to see what add on does is to try out online demo. Please remember that with IE components will not have transitions. Addon is still under development. Goal would be to offer alternative transitions. And maybe try to implement JS based transition implementation alternative for IE browsers.
Online