Xenon - Notifications

×

### John Smith

Web Developer

Edit Profile Upgrade

#### Notifications

- Messages
- Events
- Updates
- Server Uptime

#### Help Desk

- Support Center
- Submit a Ticket
- Domains Protocol
- Terms of Service

# Notifications

Toastr notifications plugin and their variants

Toastr Examples

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);

## Chat 0

Favorites Catherine J. Watkins Nicholas R. Walker Susan J. Best Fernando G. Olson Brandon S. Young
Work Rodrigo E. Lozano Robert J. Garcia Daniel A. Pena
Other Dennis E. Johnson Stuart A. Shire Janet I. Matas Mindy A. Smith Herman S. Foltz Gregory E. Robie Nellie T. Foreman William R. Miller Vivian J. Hall Melinda A. Anderson Gary M. Mooneyham Robert C. Medina Dylan C. Bernal Marc P. Sanborn Kenneth M. Rochester Rachael D. Carpenter
× Arlind Nushi Online

- Arlind Nushi 09:00

  Are you here?

- Brandon S. Young 09:25

  This message is pre-queued.

- Brandon S. Young 09:26

  Whohoo!

- Arlind Nushi 09:27

  Do you like it?