- Right to left text support
- Added callbacks for click events on close button
- Fixed some CSS that prevented touch events from propagating on iOS devices
- Removed role attribute because it duplicated voice over on text-to-speech readers; kept aria-live.
- Consistent line-heights for close button to resolve issues with Bootstrap.
- Removed Plato from gulp
- Added HTML escaping (use toastr.options.escapeHTML)
- Added more options for overriding animations, specifically to closing a toast
- Events are now passed into the onClick handler of the toast
- Resolved issue with centered toasts that would override top and bottom margins
- Removed
module
andrequire
from the.jshintrc
file - Cleaned up the readme
- Builds moved to the
builds
folder - Made href calls relative to the transport in the demo
- CSS is now built by the included LESS file as part of a
gulp
call - Removed un-used deps
- Refactor to use gulp
- Prevent duplicate sequential toasts SBero | aa083d8
- Add support for top-center and bottom-center toasts showwin | 86a4798
- Add feature allowing progress bars to be shown for toasts TravisTX | PR 189
toastr.options.preventDuplicates = true;
toastr.options.progressBar = true;
- None
- None
- Add karma test runner
- Added Travis CI hooks
- None
- positionClass changes were not being honored due to 2.0.2 release changes. Refactored getContainer to only get the container, unless a 2nd boolean parameter is passed in in which case it will also create it if the container did not exist 871c2a6
- None
- Added simple ARIA reader support (45c6362)
- Added SASS support (direct port of CSS for now) (b4c8b34)
- Added sourcemap for the min file (1da4bd1)
- IE 8 does not support stopPropagation on the event (6989573)
- Media query width fixes (ea2f5db)
- Fix of onHidden firing twice when clicking on it then moving mouse out of toast (ad613b9 , #105)
- Clear all toasts followed by a new toast now displays correctly (3126a53 , #149 , #118)
- None
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>';
You can also override the CSS/LESS for #toast-container .toast-close-button
// Define a callback for when the toast is shown/hidden
toastr.options.onShown = function() { console.log('hello'); }
toastr.options.onHidden = function() { console.log('goodbye'); }
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';
Using the jQuery Easing plugin (http://www.gsgd.co.uk/sandbox/jquery/easing/)
toastr.options.showEasing = 'easeOutBounce';
toastr.options.hideEasing = 'easeInBack';
####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';
###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
###Animation Changes The following animations options have been deprecated and should be replaced:
- Replace
options.fadeIn
withoptions.showDuration
- Replace
options.onFadeIn
withoptions.onShown
- Replace
options.fadeOut
withoptions.hideDuration
- Replace
options.onFadeOut
withoptions.onHidden
Show newest toast at bottom (top is default)
toastr.options.newestOnTop = false;