Question

152

Toastr JS Setting fadeAway value

rated 0 times [ 156] [ 4] / answers: 1 / hits: 48581 / 12 Years ago, thu, january 31, 2013, 12:00:00

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 ?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

harleyterryp

Add To Favorites

Follow

Total Points: 290

Total Questions: 92

Total Answers: 95

Location: Montenegro

Member since Sun, May 7, 2023

1 Year ago

answered 12 Years ago miles · Accepted 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'

}