Contact us Create app

Directory

← Back

FancyLayouts

Layouts and components with transitions!

Author

Rating

Links

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...)

Last updated: 2017-03-16

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.
Discussion Forum
Issue Tracker
Online Demo
Source Code

FancyLayouts version 0.0.1
null

FancyLayouts version 0.0.2
0.0.1 -> 0.0.2 Changes: - enable transitions at Opera - add scrolling to panel - better demo

FancyLayouts version 0.0.3
0.0.3 adds first development preview of FancyCssLayout (see the online demo).

FancyLayouts version 0.1.0
0.1.0: - mainly bug fixes - splitted demo to smaller pieces

FancyLayouts version 0.2
Adds FancyNotifications as example extension of FancyCssLayout. And also as fancier way of notifying user in style of OSX.

FancyLayouts version 0.2.1
0.2.1 has fixes for issues #1 and #2 (see GitHub)

FancyLayouts version 1.0.0.alpha1
1.0.0 will be for Vaadin 7 only, this is first alpha of it. Old version supporting Vaadin 6.8 will not be upgraded anymore. There are lots of bugs and issues still, and I will try to resolve these as soon as possible.

FancyLayouts version 1.0.0.alpha3
Work with transition engine under the hood (still work to do). Rotation transitions look a lot better now on browsers supported (3d effect) and also you can choose if you want rotation to happen horizontally or vertically.

FancyLayouts version 1.0.0.alpha4
Fixes maven issues (parent dependency) and many other things I broke with Vaadin7 update.

FancyLayouts version 1.0.0.alpha5
Just a Maven dependency fix (vaadin-client now using provided).

FancyLayouts version 1.0.0.beta1
- Now compiled against 7.1, might work still with 7.0, but not tested anymore - Notification position option added - Fixes notification click issues with 7.1

FancyLayouts version 1.0.0.beta2
Fixes resource issues of FancyImage (issue #4)

FancyLayouts version 1.0.0.beta3
Change in Notifications API to allow things like HTML content in notification labels.

FancyLayouts version 1.0.1
Addon marked stable. Fixes invalid casting.

FancyLayouts version 2.0.0
Vaadin 8 support

Online