Ngx-toastr: fade in/out fly right/left

[alireza-saberi]

HI;
I am trying to have some animations on the toast (success/error/info) but I can't make it with this library.
However, I see that there is Pink toast with animation.
What is the trick to have fade in/out fly right/left on these normal toasts?

[scttcper]

Its hardcoded into the pink toast. https://github.com/scttcper/ngx-toastr/blob/master/src/app/pink.toast.ts#L59-L92

[alireza-saberi]

cool. thanks for quick response.
I noticed the appearance of normal toasts i.e. success/error/info are also having fade in/out. but mine is flashing to show and disappear. Am I missing something that is not written in the README file?

[scttcper]

Have you imported BrowserAnimationsModule?

[alireza-saberi]

Yes, I imported it in my app.module.ts

[scttcper]

What browser+version and version of angular?

[alireza-saberi]

Browser is Chrome Version 61.0.3163.100 (Official Build) (64-bit),
AngularJS is
"@angular/cli": "1.4.4",
"@angular/compiler-cli": "4.0.0",

[scttcper]

i think there was pretty big changes in angular ^4.4.0 which might be causing issues.

[yarrgh]

Are you trying to use custom toast components? If so, can you post your code for us to take a look at?