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: 687
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 Developer

Image

Partner of Tower - The most powerful Git client for Mac and Windows
User avatar
mboegem
 
Posts: 1742
Joined: Sun Oct 14, 2007 1:34 pm
Location: Amsterdam

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: 687
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 7 guests