Toastr in ALL
Exciting Features
To notify, Toaster access anywhere, no need to import.
Note: Extensively Tested on Odoo Vanilla with Ubuntu OS
-
Usage
- Display a warning toast, with no title
- toastr.warning('My name is Inigo Montoya. You killed my father, prepare to die!')
- Display a success toast, with a title
- toastr.success('Have fun storming the castle!', 'Miracle Max Says')
- Display an error toast, with a title
- toastr.error('I do not think that word means what you think it means.', 'Inconceivable!')
- Immediately remove current toasts without using animation
- toastr.remove()
- Remove current toasts using animation
- toastr.clear()
- Override global options
- toastr.success('We do have the Kapua suite available.', 'Turtle Bay Resort', {timeOut: 5000})
- Display a warning toast, with no title
- toastr.warning('My name is Inigo Montoya. You killed my father, prepare to die!')
- Display a warning toast, with no title
- toastr.warning('My name is Inigo Montoya. You killed my father, prepare to die!')
Escape HTML characters
- In case you want to escape HTML characters in title and message
- toastr.options.escapeHtml = true;
Close Button
- Optionally enable a close button
- toastr.options.closeButton = true;
- Optionally override the close button's HTML.
- toastr.options.closeHtml = '<button><i class="icon-off"></i></button>';
- Display an error toast, with a title
- toastr.error('I do not think that word means what you think it means.', 'Inconceivable!')
- Immediately remove current toasts without using animation
- toastr.remove()
- Remove current toasts using animation
- toastr.clear()
- Override global options
- toastr.success('We do have the Kapua suite available.', 'Turtle Bay Resort', {timeOut: 5000})
- Display a warning toast, with no title
- toastr.warning('My name is Inigo Montoya. You killed my father, prepare to die!')
- You can also override the CSS/LESS for #toast-container .toast-close-button
- Optionally override the hide animation when the close button is clicked (falls back to hide configuration).
- toastr.options.closeMethod = 'fadeOut';
- toastr.options.closeDuration = 300;
- toastr.options.closeEasing = 'swing';
Display Sequence
- Show newest toast at bottom (top is default)
- toastr.options.newestOnTop = false;
Callbacks
- Define a callback for when the toast is shown/hidden/clicked
- toastr.options.onShown = function() { console.log('hello'); }
- toastr.options.onHidden = function() { console.log('goodbye'); }
- toastr.options.onclick = function() { console.log('clicked'); }
- toastr.options.onCloseClick = function() { console.log('close button clicked'); }
Animation Options
- Toastr will supply default animations, so you do not have to provide any of these settings. However you have the option to override the animations if you like.
Easings
- Optionally override the animation easing to show or hide the toasts. Default is swing. swing and linear are built into jQuery.
- toastr.options.showEasing = 'swing';
- toastr.options.hideEasing = 'linear';
- toastr.options.closeEasing = 'linear';
Animation Method
- Use the jQuery show/hide method of your choice. These default to fadeIn/fadeOut. The methods fadeIn/fadeOut, slideDown/slideUp, and show/hide are built into jQuery.
- toastr.options.showMethod = 'slideDown';
- toastr.options.hideMethod = 'slideUp';
- toastr.options.closeMethod = 'slideUp';
Prevent Duplicates
- Rather than having identical toasts stack, set the preventDuplicates property to true. Duplicates are matched to the previous toast based on their message content.
- toastr.options.preventDuplicates = true;
Timeouts
- Control how toastr interacts with users by setting timeouts appropriately.
- toastr.options.timeOut = 30; // How long the toast will display without user interaction
- toastr.options.extendedTimeOut = 60; // How long the toast will display after a user hovers over it
Prevent from Auto Hiding
- To prevent toastr from closing based on the timeouts, set the timeOut and extendedTimeOut options to 0. The toastr will persist until selected.
- toastr.options.timeOut = 0;
- toastr.options.extendedTimeOut = 0;
Progress Bar
- Visually indicate how long before a toast expires.
- toastr.options.progressBar = true;
rtl
- Flip the toastr to be displayed properly for right-to-left languages.
- toastr.options.rtl = true;
-
Screenshot