Could anyone tell me any plugin or how to create Notification in a HTML page?

Question

I am creating a web application and I want to include a notification box instead of a message box to show what the user is doing or any error message. So far I have found a plugin lobibox which provides notification pop up from the side and is removed automatically after a certain time or the user could remove it.

I would like to know is there anyway that i could create notification like instead of using a plugin? If not, is there any other plugin other than lobibox?

If you share a code, that would be much better. Thanks

I would recommend using https://github.com/tameraydin/ngToast. Really easy to setup and configure. — Shikloshi, Sep 27 '15 at 09:25
Thanks.... For now i stick with lobibox plugin.. later I would use it. — gayan1991, Sep 27 '15 at 10:24

score 2 · Accepted Answer · answered Sep 27 '15 at 08:31

2

There are several other notification plugins.

The best that i have come across is notifIt!

You can find a whole lot more here

answered Sep 27 '15 at 08:31

Anantha Raju C

1,780
12
25
35

Thanks for the help....! – gayan1991 Sep 27 '15 at 10:30
@gayan1991 you're welcome. – Anantha Raju C Sep 27 '15 at 10:31

score 0 · Answer 2 · answered Sep 27 '15 at 08:28

yes, you can create it yourself manually. Here's a dead simple way in which you can recreate that effect.

1.) On the RHS of the panel, create multiple DIVS. These will be your message box. Style them up nicely using CSS + Animations.

2.) Once you are satisfied with your design, add a css "hidden" class to it which will hide the DIVS

3.) When you want to show the "notification box", simply un-hide those divs and animate them in. Remember to set the notification box content with the text that you want too.

Hi, thanks. If you have something that you have actually built sample, that would be much better — gayan1991, Sep 27 '15 at 10:23

Could anyone tell me any plugin or how to create Notification in a HTML page?

2 Answers2