Ravi Ram Ravi Ram - 6 months ago 19
Javascript Question

Toastr JS Setting fadeAway value

I am using a cool alert js library Project: https://github.com/CodeSeven/toastr

I wanted to fadeOut the following alter after a period of time.
Looking at the toastr.js file, I do see the options are there.
I just dont know how to access the property 'fadeAway'

toastr.info('Processing...');


I tried

toastr.info('Processing...', fadeAway:1000);


How do I use the fadeAway by passing in a parameter ?

Answer

Before you call toastr.info, set the option you choose. For example:

toastr.options.fadeOut = 2500;

You can see many of the options in the demo here: toastr demo

These are the defaults. You can override many of them:

options = {
  tapToDismiss: true,
  toastClass: 'toast',
  containerId: 'toast-container',
  debug: false,
  fadeIn: 300,
  fadeOut: 1000,
  extendedTimeOut: 1000,
  iconClass: 'toast-info',
  positionClass: 'toast-top-right',
  timeOut: 5000, // Set timeOut to 0 to make it sticky
  titleClass: 'toast-title',
  messageClass: 'toast-message'
}
Comments