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.

0
votes
0answers
14 views

Ng2-Toastr core1_style not working Angular 7

Style has been moved from @angular/core. I get this error. "TypeError: core_1.style is not a function[Learn More] toast-container.component.js:118 js toast-container.component.js:118 ...
1
vote
1answer
32 views

how to render toastr within angular?

How do you import toastr into an angular app? I'm following the Angular Fundamentals course, and attempting to simply display toastr.success from within my export class: handleThumbnailClick(...
0
votes
0answers
10 views

How to get toastr to appear on the top of the page?

I am having trouble getting the Bootstrap navbar to work with toastr. The toast creates a blank space on top of the navbar for a short while and then disappears but the toast itself is not visible. ...
1
vote
1answer
13 views

StaticInjectorError(Platform: core)[RegistrationComponent -> ToastrManager]

[Error while testing a component due to toastr manager][1] <img src="https://i.stack.imgur.com/hjhd9.png"> I am not using toastr manager in this component and still it is showing ...
0
votes
1answer
31 views

Toastr notification on sign in not working

The point is for the user to log in with their google account, and then for a toast to pop up saying, "Hey there, NAME!". However, the toast doesn't appear; I've checked the console, and it's empty! ...
0
votes
0answers
31 views

Toastr in Web Forms

I have a method in my MasterPage to display Toastr messages public void ShowToastr(Page page, string message, string title, string type ="info") { ScriptManager.RegisterStartupScript(...
0
votes
1answer
29 views

ngx-toastr, Toast not showing in Angular

I'm developing a web app using Angular and I wanted to include ngx-toastr to send notifications to users but it isn't working as expected. When I trigger a toast nothing happens my code is below ...
1
vote
1answer
30 views

Calling method in Master page from User control

I am building a web forms application where I user the JS lib Toastr for displaying messages to the user. This works great ...for most parts. My application is designed like this Master - Nested ...
0
votes
0answers
37 views

Toastr position with jQuery

I need to position a toastr-notification (https://codeseven.github.io/toastr/) in a div next to a form which is submitted by blur event. There are multiple forms on this page and every form looks ...
-1
votes
3answers
58 views

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 ...
0
votes
0answers
31 views

Chrome extension failing - manifest.json problem - won't download toastr

I'm trying to enable a Chrome extension for my browser, which has worked successfully on other computers. I've worked out a few bugs, but I'm stuck on this message. Failed to load extension File ~\...
0
votes
1answer
24 views

Target specific toastr element

Using toastr to have my FCM popups come up on the screen. The notifications are of different kinds (success, info etc) - how would I target the specific element that I am currently firing? This is my ...
0
votes
1answer
21 views

Accessing FCM parameters by toastr

I have notification coming in via FCM in thee following JSON format: { "message":{ "token":"bk3RNwTe3H0:CI2k_HHwgIpoDKCIZvvDMExUdFQ3P1...", "notification":{ "...
26
votes
5answers
7k views

ngx-toastr, Toast not showing in Angular 7

I'm currently developing a web app using Angular 7. I wanted to include ngx-toastr to send notifications to users but it isn't working as expected. When I trigger a toast nothing happens, except for a ...
0
votes
1answer
14 views

How do I “return index(request)” on successful form submit in Django 1.11

I am trying to use Toastr to pass status messages upon completion of a form. If the form is valid it returns you to the index using "return index(request)" I want to pass context through this. I ...
0
votes
1answer
117 views

how can I initialize a 3rd party module within my .forRoot() in angular

I am building an internal library for our projects, using Angular 6+. I am using the .forRoot() approach to register global services as documented. My library will be using ngx-toastr to provide ...
4
votes
0answers
108 views

How can I simulate onClose method for a toast

I am using react-toastify for displaying toasts and one specific call that I want to unit test is toast.success("You did well", {onClose: ()=> {window.location ="/home", console.log("Going home")...
0
votes
0answers
37 views

Activeadmin and js toastr

I want to show toastr notifications through JavaScript in my ActiveAdmin, possibly with translations. I put the following code in app/assets/javascripts/active_admin.js.coffee: #= require ...
0
votes
0answers
86 views

Toastr not working as intended? Showing up at bottom of screen

This is what I have written for my toastr. toastr.options = { "closeButton": true, "debug": false, "newestOnTop": true, "progressBar": false, "...
1
vote
1answer
27 views

Angular JS cascade notifications

I need your advice to help me. I'm making an Angular JS app and I need some notifications like angular-toastr or angular-ui-notification but showing not like a list but cascade. Like in picture ...
0
votes
0answers
21 views

Angular JS Toastr: notifications should remain in place

I'm sorry if it is a duplicate of a question but I can't find anything to help me. I'm using AngularJS Toastr to show notifications in my app. Every time when I have a list of toasts (not a single), ...
0
votes
0answers
29 views

AngularJS toaster individual toast option (exactly tap-to-dismiss)

I want to know individual toaster option in AngularJS. I use Jiri Kavulak's Toaster plugin, which version is 0.4.5. Exactly I want to know how give to option 'tap-to-dismiss:false' on individual. I ...
0
votes
1answer
18 views

Event should trigger when Toastr notification appears

i want to trigger an event using protractor for close the Toastr notification messages. whenever the notification appears this event should triggered.. is this possible?? I have 10 forms ,i am ...
0
votes
0answers
28 views

Toastr not remove html elements

I have a problem about toastr popups. When I display toastr popup its disappear after a while but html element not removed and that html code blocks the other html elements. Library and version is "...
0
votes
0answers
190 views

Toastr and FontAwesome 5 not displaying the right icon in a success message [duplicate]

I'm using toastr and when I display a success message, by default there was a font-awesome "check" icon there, but after I upgraded to FA-5, the icon is gone now. I inspected element and saw these ...
0
votes
0answers
46 views

Rails: undefined local variable or method `resource' Toastr Rails

I wanted to add toastr-rails to my application and now I'm getting the following error. undefined local variable or method `resource' for #<#:0x854eb18> In the first application everything ...
0
votes
1answer
707 views

using ng2-toastr {ToastsManager} in Angular6

Failed to compile. ./node_modules/ng2-toastr/src/toast-manager.js Module not found: Error: Can't resolve 'rxjs/Subject' in '/Users/siva/Desktop/Angular/chatApp/node_modules/ng2-toastr/src' I ...
0
votes
0answers
104 views

toastr not showing when imported in a jsx file

I have a react app that uses webpack to bundle JS and CSS into 1 file and output it into a destination folder. I've recently added toastr to 1 of my jsx file: import toastr from "toastr"; import "...
0
votes
2answers
72 views

Laravel Notification System

I use a simple Query Code to display Toastr in my application. This is the code: <script> document.getElementById("test").onclick = function() { $.toaster({ priority : 'success',...
0
votes
0answers
35 views

Toastr only display one message at a time

My question is simple, yet still hard to do... I want to be able to only display one (1) message at a time using toastr.js I have tried the following options already: "maxOpened": 1, "limit":1 None ...
-3
votes
1answer
199 views

Error function of ngx toastr is not showing error message

When I call toastr.error and pass message then it is not showing message although toastr appears. But for toastr.success it is working fine. Please help me how I can fix it. Uploaded screenshot of ...
-1
votes
1answer
156 views

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", ...
0
votes
1answer
179 views

Toastr JS Notification on show/close events

I'm using Toastr Notifications and I'm trying to do something when the notification appears and when it disappears or is manually closed. I'm not really sure how to do this...I've seen the developer ...
1
vote
1answer
592 views

ngx-toastr not working inside upload function of Angular 5 service

I am using ngx-toastr in my Angular 5 project. I have a service in my project which is being used to upload the files to a AWS bucket. The Problem is I want to use Ngx-toastr inside my service to ...
0
votes
0answers
33 views

Angular 2- need to have a logout link link inside toastr error

I have a toastr error message in which I need to display a link. This is how I do it this.toastr.error('Session expired, <a class="toast-custom" href="/signin">please login again</a>.', '...
1
vote
1answer
116 views

Prevent multiple instances of toastr on same page

Is there a way to prevent toastr from displaying multiple instances of the same message on a single page. I am using one page to cater to my add and update functions. Here is a snippet of my code ...
2
votes
1answer
547 views

How to use react-toastr?

I am trying to user a single ToastContainer for all my components in a ReactJS app but I can't seem to figure out how to do it. I tried: let container; ReactDOM.render( <App container={...
0
votes
0answers
113 views

How to pass a parameter to Toaster's onClick event?

I'm in the following scenario: I've to open a page at Toastr notification click. Consider the popup is shown in the real scenario when a notification arrives from SignalR. In the dojo I've created it'...
0
votes
0answers
30 views

Toastr CloseClick event fired even without clicking on it

I've got a strange behavior with Toastr 2.1.1, what happens is that the CloseClick event is fired when the tooltip appears even if I've not clicked on it My code is the following (with some omission ...
0
votes
2answers
459 views

How to test toast messages in Protractor in Angular?

In the app I am testing, there are lines in the component class that displays a toastr message. I am trying to write a protractor test that tests to if these messages display or not but am having a ...
1
vote
0answers
89 views

jQuery toastr.js limit the number of message displayed at once

I am using jQuery toastr.js js to show notifications and now i received new requirement to display only 5 notifications at a time. So how i can extend toastr.js to fulfil my needs, as i have checked ...
0
votes
0answers
195 views

ngx-toastr error in loading not found angular 5 firebase

I am trying to use ngx-toastr in creating a crud application for angular and firebase, when i use ng serve i get the below error. i have installed the module but still i get that module not found. ...
3
votes
0answers
295 views

Toastr is not defined, javascript error

In my php project i'm trying to implement toastr notifications. When i just use the toastr setup with the hardcoded cdn resources it works fine. But now i'm using bower etc to included toastr into my ...
0
votes
1answer
245 views

ng2-toastr not working in angular 4 application

ng2-toastr message is working fine when it is inside: data => { this.toastr.info('OOPS!!!', 'Information!'); this.dictData = data; console.log(this.dictData); this....
1
vote
1answer
811 views

TypeError: _this.handler.handle is not a function

I use angular 5.2.10 and I want to migration from ng2-toastr to ngx-toastr. So I remove 'this.toastr.setRootViewContainerRef(vcr);' from my AppComponent. An error occurs in that situation. ERROR ...
0
votes
0answers
40 views

When to clear out Viewbag on a redirect with toastr

I'm using toastr to display messages after an action is performed in an MVC application. It displays the message correctly, the problem is that it shows it again if someone comes back to the page it ...
0
votes
1answer
202 views

Cannot read property 'toastr' of undefined

I have been trying to implement express-toastr into my express js form and use it to send the express-validator error messages as toast notifications, however when I place the required div #{req....
0
votes
1answer
128 views

Toastr multiple divs

i have multiple divs that contain custom css toastr notification, what i need help with is displaying random div each time page loads or using toastr by codeseven how to do it in same way, any help is ...
0
votes
0answers
14 views

Toastr exception with ember-cli

I am planning to use toastr in my application. I have imported toastr in app's ember-cli-build.js and in the controlle and finally use it in an action. However, I keep getting error Uncaught ...
0
votes
0answers
106 views

infinite loop with angularjs httpInterceptor injecting service using toastr

I'm getting and issue with my httpInterceptor and my toastr Service. It always make infinite loop AlertService (using toastr) class AlertService { constructor(toastr) { this.toastr = ...

http://mssss.yulina-kosm.ru