TOASTR Customization Tips

Online example

Example Demo

How to use

1. <button Type="button" class="btn btn-primary" id="Showtoast "> display </button>

Copy

1. Toastr. Info(' I'm just a hint message ')

CopyParameter description

2. $(function() {
4. ///parameter settings, if the default value can be omitted to the following generation
6. Toastr. Options = {
8. "CloseButton": false, //Whether the Close button is displayed
10. "Debug": false, //whether to use Debug mode
12. "Positionclass": location of "Toast-top-full-width",//pop-up window
14. "Showduration": "+",//animation time displayed
16. "Hideduration": "+",//Lost animation time
18. "TimeOut": "The", //Show time
20. " extendedtimeout": "+",//Extended display time
22. "Showeasing": "Swing",//animation buffering mode at display
24. "Hideeasing": "linear",//animation buffering mode when disappearing
26. "Showmethod": "FadeIn",//Animation mode on display
28. "Hidemethod": animation mode when "FadeOut"//Disappears
30. };
34. //Successful prompt binding
36. $("#success"). Click(function() {
38. Toastr. Success("Congratulations on your Success");
40. })
44. //Information hint binding
46. $("#info"). Click(function() {
48. Toastr. Info("This is a hint message");
50. })
54. //WARNING hint binding
56. $("#warning"). Click(function() {
58. Toastr. Warning("warn you not to bother me");
60. })
64. //Wrong language hint binding
66. $("#error"). Click(function() {
68. Toastr. Error("errors, please change");
70. })
74. //Clear window bindings
76. $("#clear"). Click(function() {
78. Toastr. Clear();
80. })
82. })

Copy

Download

TOASTR Customization Tips