Add-on Directory

← Back

Idle Notification

Displays a notification and action-buttons before session-timeout

Author

Contributors

Rating

Popularity

300+

Idle Notification is an add-on that notifies the user before their session is about to expire. It enables the following features:

  • specify a message to be displayed to the user (which may include a count-down timer) before their session expires
  • set the number of seconds before session termination, at which point the notification is displayed.
  • add a button to the notification that enables the user to poke the server, thereby extending the session.
  • add a button to the notification that allow the user to immediately redirect to a different URL (e.g. a logout URL)
  • add a close button, allowing the user to close the notification without taking any action
  • specify a different message to be displayed to the user once their session has been terminated
  • determine whether an outside click when the notification is opened would extend the session
  • specify a URL to which the page would be automatically redirected upon session termination

Sponsored development

Major pieces of development of this add-on has been sponsored by multiple customers of Vaadin. Read more about Expert on Demand at: Support and Pricing

Sample code

IdleNotification idleNotification = new IdleNotification();

// No. of secs before timeout, at which point the notification is displayed
idleNotification.setSecondsBeforeNotification(90);
idleNotification.setMessage("Your session will expire in " +  
    IdleNotification.MessageFormatting.SECS_TO_TIMEOUT  
    + " seconds.");
idleNotification.addExtendSessionButton("Extend session");
idleNotification.addRedirectButton("Logout now", "logout");
idleNotification.addCloseButton();
idleNotification.setExtendSessionOnOutsideClick(false);

UI.getCurrent().add(idleNotification);
IdleNotification idleNotification = new IdleNotification(90);
idleNotification.setRedirectAtTimeoutUrl("logout");

UI.getCurrent().add(idleNotification);

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

Added a formatter (IdleNotification.MessageFormatting) for minutes:seconds (mm:ss) to the timeout instead of plain seconds

Released
2024-08-21
Maturity
EXPERIMENTAL
License
Apache License 2.0

Compatibility

Framework
Vaadin 14
Vaadin 23+ in 2.0.1
Browser
N/A

Badge List Add-on - Vaadin Add-on Directory

Responsive badge list component. Badge List Add-on - Vaadin Add-on Directory
Component to display a list of badges. The badges that don't fit into the current width of the list collapse automatically into an overflow badge at the end. The oveflow badge shows count of not visible badges. Clicking on the overflow count badge displays a list with the not visible badges. #### Found a bug or have a suggestion? Report it on GitHub For bug reports, feature suggestions, or questions, please open an issue on [GitHub](https://github.com/FlowingCode/BadgeList/issues). This makes it easier for us to track and respond efficiently, ensuring you get the best possible support. Your input helps us improve—thank you!
A Guide to Using Badge List Add-on
Author Homepage
Issue tracker
View on GitHub
Online Demo

Badge List Add-on version 1.0.0
Initial release

Badge List Add-on version 1.0.1
#### Bug fixes: * Update width calcutation on resize ([#12](https://github.com/FlowingCode/BadgeList/issues/12)) * Set vaadin dependency as optional

Badge List Add-on version 1.1.0
#### New features: * Add read only binder support ([#18](https://github.com/FlowingCode/BadgeList/issues/18)) * Add label support ([#19](https://github.com/FlowingCode/BadgeList/issues/19))

Badge List Add-on version 1.1.1
#### Bug fixes: * Prevent rendering of empty label ([#23](https://github.com/FlowingCode/BadgeList/issues/23))

Online