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
1answer
17 views

Append from Toastr

My desired behavior - On a page click the words "click me", this brings up the Toastr, and has a text box, the user types information in the Toastr Text box then clicks "Append" and this adds the text ...
0
votes
1answer
54 views

toastr installed but not showing

Salut my fellow developers! I am working on an application where I have to send axios requests to the server and on the basis of response I have to show some sort of toast or message that whether it ...
0
votes
0answers
17 views

How to fix '$.extend is not a function' error in nodejs

I have SPAs. I use nodejs + mongoDb. In the end of my SPAs, I have contact form. When visitor fill the contact form and click submit button. I received an E-mail. Everythings fine until here. I want ...
0
votes
0answers
25 views

How to translate message within service using toastr notification and $translate.instant

How to translate message using toastr with a service itself Am using AngularJS v1.5.5 and https://cdnjs.cloudflare.com/ajax/libs/angular-translate/1.1.1/angular-translate.js copy.service('ngCopy', ...
0
votes
0answers
15 views

ngx-toastr GlobalConfig timeout settings

Not able to achieve using the IndividualConfig and GlobalConfig classes. imports: [ToastrModule.forRoot({timeOut: 10000, positionClass: 'toast-bottom-right', preventDuplicates: true})] Setting the ...
0
votes
0answers
26 views

Asp .NET Core 2.2 NToastifyToastr not working properly

Hi i'm using NToastifyToastr to process notifications from server side and it does not work properly. Here are some configurations services.AddMvc() .AddRazorPagesOptions(...
0
votes
2answers
47 views

It's there a way to close a toast with an external event?

I have a react component that wraps some content that it's not available in screens under 1024px if the user resizes the screen an event will be triggered opening a toast that only can be closed ...
0
votes
1answer
34 views

How to know which specific toastr was clicked?

I have successfully shown toast by ngx-toaster. By i am showing toaster for various type of notifications as per id and taskcode. I tried to get tap callback and action callback but did not found ...
0
votes
1answer
37 views

How to apply toastr when user get leveled up?

This question is about when User get leveled up and toastr will pop up. This script is from my view blade template. What I want to do is i want to put the toastr.js inside my script but I don't have ...
0
votes
2answers
107 views

Using ngx-toastr globally in angular application

I am using the following toastr implementation in my Angular 7 app: https://www.npmjs.com/package/ngx-toastr I am trying to figure out on how can I make all the toasts append to the body, or other ...
0
votes
0answers
55 views

How to fix an error with react redux toastr for confirmation

I am getting the following error when using react redux toastr. The issue has been logged Warning: Function components cannot be given refs. Attempts to access this ref will fail. here is the action ...
0
votes
0answers
27 views

How do I pass Rails5 flash notification to toastr in a form_for with remote: true without reloading the page?

I am building a basic CRUD app and I have a form_for that is set up for ajax with remote: true. The form works, as do the notifications, but I can't get it integrate with toastr. Essentially, this is ...
0
votes
0answers
62 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
46 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
16 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
17 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
36 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
38 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
207 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
31 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
56 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
72 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
39 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
29 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
23 views

Accessing FCM parameters by toastr

I have notification coming in via FCM in thee following JSON format: { "message":{ "token":"bk3RNwTe3H0:CI2k_HHwgIpoDKCIZvvDMExUdFQ3P1...", "notification":{ "...
31
votes
5answers
12k 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
15 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
222 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
175 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
42 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 ...
1
vote
0answers
134 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
26 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
32 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
25 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
42 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
306 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
1answer
92 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
923 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
155 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
74 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
43 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
220 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
226 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
201 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
674 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
35 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
168 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
675 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
130 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'...

http://mssss.yulina-kosm.ru