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

Helmet is displaying error when toast is displayed

Has anyone encountered this message while trying to display a toast while using Helmet? The toast still displays but, I'm not sure why the error is.
user3183411
  • 315
  • 2
  • 7
  • 19
0
votes
1 answer

JSON post data from HTMLto PHP and alert the user is the process is successful or not

CaseI create a new registration form and save it into database.The save process was succeed but I want to add some user interaction like when the data is successfully saved, the system notify user by toastr.I have create the code but it is not…
mior farhan
  • 82
  • 10
0
votes
1 answer

Using toastr with MVC - how to pass state along during postback

I have an MVC view that allows a user to save a project they are working on. It also allows them to edit that project and post the edits as well. I want to setup a toastr (growler) notification so they can see that something has been done. However,…
VBAHole
  • 1,508
  • 2
  • 24
  • 38
0
votes
2 answers

Toastr: toast-top-center doesn't get applied at the first click of the button

When I click the button, the message is displayed in the top-right. Only after one or two attempts, it is positioned in the top-center. But when submitting a form it should come in the top-center in the first click itself. Could anyone please tell…
user5776462
  • 29
  • 1
  • 10
0
votes
1 answer

toastr Notification not showing up

I've included toaster.css, toaster.js and jquery like that: and i am sure…
Ciprian Andrei Focsaneanu
  • 559
  • 1
  • 4
  • 7
0
votes
0 answers

Toastr notification running a blank notification on pageload

Im catching the Html.ValidationSummary in a toastr notification which works fine, Issue i have is that it keeps showing a blank error toastr notification on page load. Ive removed the onload class from my body tag in the page layout, but no…
surGe
  • 135
  • 2
  • 11
0
votes
1 answer

How can i add close button to toastr.js in asp.net web form?

I'm beginning in asp.net and want to use the toastr.js for show user any message,for that purpose download the toastr.js and in my web form in submit button write this code: protected void Submit(object sender, EventArgs e) { …
behzad razzaqi
  • 53
  • 6
0
votes
0 answers

Stop toastr notification running on page load ASP.NET MVC

Im catching the Html.ValidationSummary in a toastr notification which works fine, Issue i have is that it keeps showing a blank error toastr notification in on page load. Ive removed the onload class from my body tag in the page layout, but no…
surGe
  • 135
  • 2
  • 11
0
votes
1 answer

Show toastR with onclick event for form submit

I am writing a simple shop in PHP (as a practice). I want to add functionality, that when I click the submit button, ToastR is shown: "Product successfully added to cart". I am new to PHP. The problem is, that form get submited (and page refreshed)…
Marek
  • 3,935
  • 10
  • 46
  • 70
0
votes
0 answers

Is it possible to show/hide a message based on a boolean variable in toastr .js?

I am using toastr to show a message to my users, I want the message to appear/disappear depending on a boolean value (i.e. content loaded) - Is this possible?
user533507
0
votes
0 answers

Toastr Notification Display Text on Top Of Each Other Instead of New Line

I am using Toastr to display simple messages to the user. I include the toastr.css and toastr.js files in my application. I override a few default options as shown below. When the message is displayed to the user, it display in 1 lines when it's…
Jean B
  • 343
  • 1
  • 6
  • 19
0
votes
1 answer

AngularJS Toastr fadeIn fadeOut

i have a service code like ;