Toastr is a very nice component, and you can show messages with theses commands: // for success – green box toastr.success(‘Success messages’); // for errors – red box toastr.error(‘errors messages’); // for warning – orange box toastr.warning(‘warning messages’); // for info – blue box toastr.info(‘info messages’); If you want to provide a title on the … Read more
No JavaScript required for this. You should be able to change this in CSS using either #toast-container > div { opacity:1; } or .toast { opacity: 1 !important; }
You can just set it like this, as shown in the toastr demo: http://codeseven.github.io/toastr/ or this demo: http://plnkr.co/edit/6W9URNyyp2ItO4aUWzBB toastr.options = { “debug”: false, “positionClass”: “toast-bottom-full-width”, “onclick”: null, “fadeIn”: 300, “fadeOut”: 1000, “timeOut”: 5000, “extendedTimeOut”: 1000 }
Set extendedTimeOut to 0 too. That will keep it sticky.
I was able to make a minimal reproduction of your issue, and I don’t see any problems: https://stackblitz.com/edit/angular-avcidu Is it possible that you have some custom styles that conflict with the toastr.css styles, or a template that is malformed (an unclosed div, for example)? Are you using the latest version of ngx-toastr? (9.1.1 at the … Read more