Notifications
Toastr notifications plugin and their variants
Example, Live Preview | Usage Directions |
---|---|
Information Message |
Simple Toastr notification. To fire this notification the code below is executed:
toastr.info('Are you the 6 fingered man?'); |
Success Message |
More advanced Toastr notification. It has close button and title.
To fire this notification the code below is executed:
var opts = { "closeButton": true, "debug": false, "positionClass": "toast-bottom-right", "onclick": null, "showDuration": "300", "hideDuration": "1000", "timeOut": "5000", "extendedTimeOut": "1000", "showEasing": "swing", "hideEasing": "linear", "showMethod": "fadeIn", "hideMethod": "fadeOut" }; toastr.success("So me by marianne admitted speaking.", "This is a title", opts); |
Danger Message |
This notification will be placed as full-width on top. It has close button and title.
To fire this notification the code below is executed:
var opts = { "closeButton": true, "debug": false, "positionClass": "toast-top-full-width", "onclick": null, "showDuration": "300", "hideDuration": "1000", "timeOut": "5000", "extendedTimeOut": "1000", "showEasing": "swing", "hideEasing": "linear", "showMethod": "fadeIn", "hideMethod": "fadeOut" }; toastr.error("Do to be agreeable conveying oh assurance. Wicket longer admire do barton vanity itself do in it. Preferred to sportsmen it engrossed listening.", "Fanny at wrong table ye in", opts); |
Warning Message |
This notification will be placed on bottom-right. It has close button and title.
To fire this notification the code below is executed:
var opts = { "closeButton": true, "debug": false, "positionClass": "toast-bottom-left", "onclick": null, "showDuration": "300", "hideDuration": "1000", "timeOut": "5000", "extendedTimeOut": "1000", "showEasing": "swing", "hideEasing": "linear", "showMethod": "fadeIn", "hideMethod": "fadeOut" }; toastr.warning("Park gate sell they west hard for the.", null, opts); |