Stack Same-Type KendoReact Notifications and Hide Them after a Timeout


Product Version4.5.0
ProductProgress® KendoReact


How to stack Notifications of the same type on Grid Row click and hide them automatically after a specific timeout.


In order to have multiple notifications of the same type, they need to be initialized separately from each other. For example, each individual notification can be kept as a separate element in an array. The Notifications would then be dynamically generated using the JavaScript method. Hiding notifications can currently be done using the setTimeout function as shown in the example below.

View Source
Change Theme:

Also, there is a feature request for having a property that sets the timeout of the notifications in our portal and I can suggest voting for it as it will increase its chances of being implemented as a built-in feature:

In this article

Not finding the help you need?