Topic: change the position of toast service
How do I manually re-position the toast message?
It shows it on the top-right where it overrides with the navigation bar.
So I want to move it a bit down from the top.
this.toastrService.success('Logged in');
Add comment
Hello,
You would need to add custom position class with toast options. Here is how to do that:
showSuccess() {
constoptions= { positionClass:'toast-custom' };
this.toastrService.success('Hello world!', 'Toastr success!', options);
}
.toast-custom {
top: 80px;
right: 0px;
}
Regards,
Arek
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
Resolved
Specification of the issue
- ForumUser: Pro
- Premium support: No
- Technology: MDB Angular
- MDB Version: 6.2.3
- Device: web
- Browser: chrome
- OS: windows 10
- Provided sample code: Yes
- Provided link: No