Web Notification Services, Toastr, Opacity

Classic Servoy
1

NG Client
Web Notification Services v1.0.2

For the Toastr side of Web Notifications, is there a way to set the opacity of the Toastr message window? If so, how is this accomplished? Users are complaining that the Toastr messages are difficult to read on certain backgrounds. We would want opacity control on a message-by-message basis, not as a global setting.

2

Hi,

this is not possible.
You could overwrite the CSS for the toast class.
Since I only display top-center, I did something like this:

.toast-top-center {
  top: 20px;
  right: 0;
  width: 100%;
  opacity: 1.0;
}

This is however a global setting.
I think the only other way to achieve this is extract the current implementation and expand on that.
Shouldn’t be too hard to do.

3

Hi, Marc.

I hope you are doing well! Thanks for the feedback. Discovered that mousing over a Toastr message causes it to go 100% opaque and stops the discharge timer. We will instruct the users on this, until we decide how to control it programmatically.