Stack Overflow
Stack Overflow

Questions tagged [toastr]

toastr is a JavaScript library for non-blocking notifications. It uses jQuery and the goal is to create a simple core library that can be customized and extended.

toastr is a JavaScript library for non-blocking notifications. It uses jQuery and the goal is to create a simple core library that can be customized and extended.

You can see a demo here

Stack Snippet Starter Pack

HTML:

<link href="//cdnjs.cloudflare.com/ajax/libs/toastr.js/2.1.2/toastr.css" rel="stylesheet"/>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/js/toastr.js"></script>

JavaScript:

toastr.success("Hello World", "Toaster Title")
348 questions
0
votes
1 answer

toastr js is not showing toasts

I am using toastr.js for notification, my drop down code is <%= Html.DropDownListFor(m => m.MakeText, Model.MakeSelect, string.Empty, new { data_bind = "optionsText: Make,value: Make", Id = "ddMake", style = "width: 200px;font-size: 20px" })%> and…
BraveBoy
  • 117
  • 1
  • 14
0
votes
4 answers

toastr messages not displaying in IE

In firefox, this works great - the toastr (https://github.com/CodeSeven/toastr) displays both success and error messages. In IE, there is no error and the messages are not displayed. Is there an issue with how I'm calling the toastr methods? …
user1202839
  • 365
  • 1
  • 5
  • 18
-1
votes
1 answer

toastr options not working with bootstrap 5?

I have a web app that uses bootstrap and toastr. I recently upgraded the bootstrap library from bootstrap4 to bootstrap5. I then found out that toastr options do not work properly. For example the toastr.options timeOut, extendedTimeOut don't…
Avner Moshkovitz
  • 1,138
  • 1
  • 18
  • 35
-1
votes
1 answer

Displaying toastr messages sequentially in Angular

I update multiple records using the following update method and receive the updated and failed record count from result. Then I want to display related toastr message sequentially using Angular Material toastr. However, the following approach skip…
user15122827
-1
votes
1 answer

How to display a toastr alert in a react form after submit succeed or failed?

I would like to know how to display a toastr alert when clicking the "send information" button showing "Your information has been sent" and if it fails "Your information could not been sent, here is a problem!" the code i have for sending is: const…
Cristian Blanco
  • 59
  • 10
-1
votes
1 answer

How to expand toastr thing in Angular 2?

I have a ToastrService imported from 'ngx-toastr' in my Angular 2 app. The problem is that the text which I show there does not fit in, and it gets cut. Can I expand it somewhere? Eg, I can set up some params in toastrConfig: const toastrConfig:…
Sofia Bo
  • 679
  • 1
  • 10
  • 20
-1
votes
3 answers

ToastData missing in Toastr

I had ng2-Toasty implemented in my old Angular 5 application. I am trying to use ngx-toastr since ng2-Toasty doesnt support Aungular 8. If you see below , the ngx-toastr doesnt seem to have an equivalent of ToastData ng2-toasty import {…
Tom
  • 8,175
  • 41
  • 136
  • 267
-1
votes
3 answers

Javascript array shows [object object] instead of showing the text

have been trying to pass a PHP array to a JavaScript array, but when I read out the content of that JavaScript array it shows literally [object, object]. if($error!='') { $this->output ->set_content_type('application/json') …
Samir Raihan
  • 1
  • 2
-1
votes
1 answer

Can Not Set Toastr Message From Controller in ASP.NET MVC 5

I want to display toastr message from controller for that i Preferred Link but not working properly. i pass message from controller like this this.AddToastMessage("", "Menu Added Successfully", ToastType.Success); message pass to view ... for that…
NiharikaJagani
  • 51
  • 2
  • 11
-1
votes
2 answers

Adding Id to the toastr notification

Is it possible to Add Id to Toastr Notification? I need to identify one of several notifications when i close it. I use this plugin. https://github.com/CodeSeven/toastr
marmite
  • 113
  • 8
-1
votes
2 answers

Toastr not working in conjuction with AngularJs

I am trying to use Toastr with angular js, but getting the following error. I have included jquery.js file as expected. src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js" Error message: angular.js:11594 TypeError: Cannot read…
Ahsan
  • 2,964
  • 11
  • 53
  • 96
-1
votes
1 answer

AngularJS not evaluating data inside brackets

I am facing a rather strange issue with AngularJs. I have an AngularJS (AJS henceforth) application which is listening to certain SignalR hubs. When a SignalR hub receives a message (and the data object is passed in that call too), it fires an event…
Shrewdroid
  • 800
  • 1
  • 10
  • 31
-1
votes
2 answers

Boolean response from c# web method doesn't work

This is my very first attempt on ajax! I'm unable to find a good post on the internet from where I could learn and apply to my project. Let me show you the code straightaway! [WebMethod] protected bool CheckUsername(string username) { …
vohrahul
  • 1,123
  • 10
  • 17
-2
votes
1 answer

Can I suppress the 'i' symbol in an information toast?

Is it possible to suppress the 'i' symbol in an information toast in tostr?
AAA
  • 3
  • 2
-2
votes
1 answer

Which version of ngx-Toastr supports version 13.0.4 of Angular CLI? How to install ngx-Toastr this version?How to install ngx-Toastr certain version?

I have an Angular project. My global Angular CLI version is 14.2.1, and my local Angular CLI version is 13.0.4. Newest version of ngx-Toastr supports Angular CLI version 14.0.0 and and more, so it doesn't support Angular CLI 13.0.4 and it won't work…
Denis
  • 305
  • 1
  • 4
  • 8
1 2 3
…
23
24