Web Notification Services, Toastr, Opacity

Forum to discuss the new web client version of Servoy.

Web Notification Services, Toastr, Opacity

Postby kwpsd » Fri Jun 15, 2018 2:05 am

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.
Kim W. Premuda
San Diego, CA USA
User avatar
kwpsd
 
Posts: 606
Joined: Sat Jul 28, 2007 6:59 pm
Location: San Diego, CA USA

Re: Web Notification Services, Toastr, Opacity

Postby mboegem » Fri Jun 15, 2018 2:35 am

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:
Code: Select all
.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.
_____________________
Marc Boegem
Solutiative / JBS Group, Partner
• Servoy Certified Developer
• Servoy Valued Professional
• Freelance SAN Developer

Image
User avatar
mboegem
 
Posts: 1436
Joined: Sun Oct 14, 2007 1:34 pm
Location: Hoofddorp, The Netherlands

Re: Web Notification Services, Toastr, Opacity

Postby kwpsd » Mon Jun 18, 2018 7:58 pm

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.
Kim W. Premuda
San Diego, CA USA
User avatar
kwpsd
 
Posts: 606
Joined: Sat Jul 28, 2007 6:59 pm
Location: San Diego, CA USA


Return to Servoy NGClient

Who is online

Users browsing this forum: No registered users and 1 guest