Notifique

An animated message stack for user notifications, progress, status, RSS visualization etc.

View larger

Close

View larger

Close

With this add-on you can build a good-looking notification area into your application.

The component can be configured as a scrolling message widget for your Twitter feed or blog RSS. Alternatively you can use it simply as an user-friendly way of presenting application and system notifications to user. See the demo for some samples.

Includes many built-in styles and designs, but of course supports full CSS styling too. Uses Animator add-on to animate the messages.

I still consider this as experimental. Please help with testing and report any odd behavior at the Vaadin add-on forums.

Thanks to Marc Englund, Teemu Pöntelin and Jouni Koivuviita for helping me with this so far.

Dependencies: Java 5, Vaadin Animator Add-on.

Sample code

// Notification area. Full width.
final Notifique notifications = new Notifique(false);
notifications.setWidth("100%");

// Hide messages when clicked anywhere (not only with the close
// button)
notifications.setClickListener(new Notifique.ClickListener() {
    @Override
    public void messageClicked(Message message) {
        message.hide();
    }
});

// Display as overlay in top of the main window
CustomOverlay ol = new CustomOverlay(notifications, getMainWindow());
root.addComponent(ol);

// Show a notification
notifications.add(
                null,
                "Welcome! This is a demo application for the <a href=\"http://vaadin.com/addon/notifique\">Notifique</a> add-on for Vaadin.",
                true, Notifique.Styles.BROWSER_CHROME, true);

Links

• Discussion Forum
• Animator Add-on
• Source Code
• Author Homepage
• Online Demo
• Issue Tracker

Compatibility