PNotify

by Faisal Pathan

HTML

<script src="//cdn.jsdelivr.net/pnotify/2.0.0/pnotify.all.min.js"></script>
<link rel="stylesheet" href="//cdn.jsdelivr.net/pnotify/2.0.0/pnotify.all.min.css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">

JavaScript

PNotify.prototype.options.styling = "bootstrap3";
PNotify.desktop.permission();

var notify = new PNotify({
	title: "Testing notification",
	text: "This is a sample notification",
    desktop: {
        desktop: false
    },
    buttons: {
        sticker: true,
        closer: false
    }
});

$(".ui-pnotify-container").click(function() {
    notify.remove();
});