Breaking News: Grepper is joining You.com. Read the official announcement!

toastr.success

Add Answer

Alert Albatross answered on October 13, 2021 Popularity 9/10 Helpfulness 4/10

answer toastr.success

related display toastr success

related toast success

toastr.success

Comment

view source
01
toastr.error('Error','Error Title',{
02
 
03
  // tap to dismiss
04
  tapToDismiss:true,
05
 
06
  // toast class
07
  toastClass:'toast',
08
 
09
  // container ID
10
  containerId:'toast-container',
11
 
12
  // debug mode
13
  debug:false,
14
   
15
  // fadeIn, slideDown, and show are built into jQuery
16
  showMethod:'fadeIn',
17
 
18
  // duration of animation
19
  showDuration: 300,
20
 
21
  // easing function
22
  showEasing:'swing',
23
 
24
  // callback function
25
  onShown: undefined,
26
  onHidden: undefined,
27
 
28
  // hide animation
29
  hideMethod:'fadeOut',
30
 
31
  // duration of animation
32
  hideDuration: 1000,
33
 
34
  // easing function
35
  hideEasing:'swing',
36
   
37
  // close animation
38
  closeMethod:false,
39
 
40
  // duration of animation
41
  closeDuration:false,
42
 
43
  // easing function
44
  closeEasing:false,
45
 
46
  // timeout in ms
47
  extendedTimeOut: 1000,
48
 
49
  // you can customize icons here
50
  iconClasses: {
51
    error:'toast-error',
52
    info:'toast-info',
53
    success:'toast-success',
54
    warning:'toast-warning'
55
  },
56
  iconClass:'toast-info',
57
 
58
  // toast-top-center, toast-bottom-center, toast-top-full-width
59
  // toast-bottom-full-width, toast-top-left, toast-bottom-right
60
  // toast-bottom-left, toast-top-right
61
  positionClass:'toast-top-right',
62
 
63
  // set timeOut and extendedTimeOut to 0 to make it sticky
64
  timeOut: 5000,
65
 
66
  // title class
67
  titleClass:'toast-title',
68
 
69
  // message class
70
  messageClass:'toast-message',
71
 
72
  // allows HTML content in the toast?
73
  escapeHtml:false,
74
 
75
  // target container
76
  target:'body',
77
 
78
  // close button
79
  closeHtml:'<button type="button">&times;</button>',
80
 
81
  // place the newest toast on the top
82
  newestOnTop:true,
83
 
84
  // revent duplicate toasts
85
  preventDuplicates:false,
86
 
87
  // shows progress bar
88
  progressBar:false
89
   
90
})

Popularity 9/10 Helpfulness 4/10 Language javascript

Source: www.jqueryscript.net

Tags: javascript

Link to this answer
Share Copy Link

Contributed on Jul 21 2022

Alert Albatross

0 Answers Avg Quality 2/10

Closely Related Answers

display toastr success

Comment

toastr.success('successful');

Popularity 9/10 Helpfulness 5/10 Language javascript

Source: Grepper

Tags: display

Link to this answer
Share Copy Link

Contributed on Oct 13 2021

Ivan Cuaco

0 Answers Avg Quality 2/10

toast success

Comment

$.toast({
    heading: 'Information',
    text: 'Now you can add icons to the toasts as well.',
    icon: 'info'
})

Popularity 9/10 Helpfulness 4/10 Language javascript

Source: kamranahmed.info

Tags: info

Link to this answer
Share Copy Link

Contributed on Jun 01 2022

Beautiful Booby

0 Answers Avg Quality 2/10

toastr.success

Contents

More Related Answers

toastr.success

Closely Related Answers

display toastr success

toast success

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.