Stack Notifications

[Ioannis]

Hello.

I want to be able to stack notifications in a div.

The result I am looking for is the one created in the jQuery version of Notification, when I click 'Static in the panel bellow' from this example: https://demos.telerik.com/kendo-ui/notification/index

Is it possible to have a similar end result in Angular Notifications?

Thank you.

[Martin]

Hi Ioannis,

In general, a functionality close to the jQuery example is demonstrated and explained in the Positioning (Align to Containers) section of the Notification Component:

https://www.telerik.com/kendo-angular-ui/components/notification/positioning/#toc-aligning-to-containers

I further prepared an example, where using some additional CSS styles (I commented them in the code), we can achieve the same behavior as the one demonstrated in the jQuery example: 

https://stackblitz.com/edit/angular-gsvumd

The demonstrated example may need some further modifications so that it suits the requirements of the project, but it should point you in the right direction of achieving the desired result.

I hope this works for you. Let me know if I am missing something or any further assistance is required.

Regards,
Martin
Progress Telerik