Toastr JS Setting fadeAway value

javascript alert toastr
Ravi Ram picture Ravi Ram · Jan 31, 2013 · Viewed 36.3k times · Source

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

John Papa picture John Papa · Feb 2, 2013

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'
}

Related questions

How to show an alert box in PHP?

I want to display an alert box showing a message with PHP. Here is my PHP code: <?php header("Location:form.php"); echo '<script language="javascript">'; echo 'alert(message successfully sent)'; //not showing an …

Read More
How to edit a JavaScript alert box title?

I'm generating a JavaScript alert with following code in C# .NET page: Response.Write("<script language=JavaScript> alert('Hi select a valid date'); </script>"); It displays an alert box with the heading title as "Message from …

Read More
Bootstrap Alert Auto Close

My need is to call alert when I click on Add to Wishlist button and should disappear the alert in 2 secs. This is how I tried, but the alert is disappearing instantly as soon as it is appearing. Not sure, …

Read More