All Questions
18 questions
0
votes
0
answers
175
views
toastr shows only after I refresh the page just for one condition
I am using the following line to display toastr success message. But there is one condition where this line is being hit but toastr is not getting displayed and it works when the page is refreshed.
...
0
votes
1
answer
171
views
Toast notification from theme
I am using a theme made with bootstrap and sass for my webapp.
I am not very familiar with bootstrap and sass.
I need to know how to get the code to insert on my webapp.
You can see the ...
- 3
0
votes
2
answers
2k
views
Toastr for Form validation
Im trying to replace javascript alerts with Toastr. I have successfully linked both css and script.
For example: If the textbox is empty, a Toastr will pop up showing "Please enter your ID". Im new ...
0
votes
1
answer
768
views
Toastr JS appears in source code but is invisible
I am trying to use Toastr JS, initially i could not figure out why it just wont appear but it actually does(figured out by changing Timeout to 10min and looking at the source code) but it is invisible ...
- 109
0
votes
1
answer
1k
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 ...
- 274
1
vote
0
answers
899
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,
"...
- 453
0
votes
0
answers
3k
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 ...
- 1,918
0
votes
1
answer
662
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 ...
- 15
0
votes
1
answer
317
views
Multiple toastr js click function [closed]
I'm fetching multiple post from DB. There is a option for make post as Favourite, I'm using toastr for showing notification. every post has a id="favourite_ads". but toastr notification only works ...
- 63
0
votes
0
answers
654
views
Is toastr confirm works with Angularjs
Dear experts: I am using toastr.success and toastr.warning and they are working fine. BUT it is not working with toastr.confirm. I have added the jquery,angularjs and toastr libraries . Any idea or ...
- 211
0
votes
2
answers
9k
views
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 ...
- 29
2
votes
1
answer
10k
views
Toastr notifications not showing on bottom right
I am trying to use Toastr notifications (https://github.com/CodeSeven/toastr). They work fine, but the problem is that they only appear at the top right. I can change anything about the position, but ...
- 31
1
vote
1
answer
3k
views
Html, how to import / use toastr.js
I've got a little problem here. I think the solution is pretty simple and I'm just overseeing something.
So, my problem is, that I'm trying to use toastr.js on my webpage.
What I've got so far:
<...
- 73
0
votes
1
answer
771
views
How to add a AJAX submit form inside a notification without reloading the page?
I am using the jQuery plugin for notifications toastr js (http://codeseven.github.io/toastr/) and I am trying to add a contact form in the notification balloon and when submitted to use AJAX.
Even ...
- 8,826
6
votes
1
answer
65k
views
toastr is not defined [closed]
Receiving the following error in developer console when loading the page:
Uncaught ReferenceError: toastr is not defined
Here are the html contents. Can someone please explain to me why toastr is ...
- 107
0
votes
2
answers
516
views
Responsive design using Css
I would like to do a responsive design for the popup notifications in my application.I'm using Angular Toaster for the notifications.
For instance I have located the toaster-container element in the ...
- 3,877
6
votes
3
answers
46k
views
How to adjust toaster popup width
I'm using AngularJS-Toaster to popup notifications in my app. For the frontend I'm using bootstrap.
Using the class 'container' I have a grid of 1200px. Inside I have a div with the popup ...
- 3,877
0
votes
1
answer
11k
views
How do I use toastr?
I like the idea of what I can do with toastr, but I can't seem to get it to work.
From the official page...
(1) Link to toastr.css
(2) Link to toastr.js
(3) Use toastr to display a toast for info, ...
- 171