#toast-container > mdb-toast-component

showSuccess() {

let options= { closeButton:true, tapToDismiss:false, titleClass:'red' };

this.toastrService.success('Hello world!', 'Toastr success!', options);

}

Weiser pro commented 6 years ago

Hi Damian, thank you for answering. Could you please explain what arguments toastClass can take? setting toastClass:'black' or to other colors wont change the view. it would be great if you could pass own css to toastClass like: let options= { progressBar:true, timeOut:3000, toastClass:’opacity: 0.95; ...’}; this.toast.warning(‘Warnig message’, ‘Toastr warning!’, options); i would like to avoid taking changes to node modules, because you have to change them again after npm install. is there really no other way to do this?

Hi Damian, thank you for answering. Could you please explain what arguments toastClass can take? setting toastClass:'black' or to other colors wont change the view. it would be great if you could pass own css to toastClass like: let options= { progressBar:true, timeOut:3000, toastClass:’opacity: 0.95; ...’}; this.toast.warning(‘Warnig message’, ‘Toastr warning!’, options); i would like to avoid taking changes to node modules, because you have to change them again after npm install. is there really no other way to do this?

Please insert min. 15 characters.

Publish

---

Damian Gemza staff commented 6 years ago

Hello Weiser, toastClass takes string as value. For example, if you want to your toast got black background and opacity 1.0, you have to create some class like .black { background-color: black !important; opacity: 1.0 !important}, and put it to global styles.scss sheet. Without !important it won't work, because our color classes like toast-warning or toast-success got higher priority than toastClass. If something isn't clear to you, feel free to post another comment. Best Regards, Damian

Hello Weiser, toastClass takes string as value. For example, if you want to your toast got black background and opacity 1.0, you have to create some class like .black { background-color: black !important; opacity: 1.0 !important}, and put it to global styles.scss sheet. Without !important it won't work, because our color classes like toast-warning or toast-success got higher priority than toastClass. If something isn't clear to you, feel free to post another comment. Best Regards, Damian

Please insert min. 15 characters.

Publish

---

Weiser pro commented 6 years ago

Hi Damian, adding css class to global styles.scss has done the trick! I've tried it before by adding it to local component scss. Could you add this to your documentation? that might be a important missing information. thank you!

Hi Damian, adding css class to global styles.scss has done the trick! I've tried it before by adding it to local component scss. Could you add this to your documentation? that might be a important missing information. thank you!

Please insert min. 15 characters.

Publish

---

Damian Gemza staff commented 6 years ago

I'm glad that my solution works for you. Yes, i'll put this in our docs :)

I'm glad that my solution works for you. Yes, i'll put this in our docs :)

Please insert min. 15 characters.

Publish

---