primeng v9 and p-dialog always transparent

UI Components for Angular
Post Reply
hvk
Posts: 20
Joined: 27 Dec 2017, 18:05

11 Mar 2020, 13:13

After upgrading v9 all p-dialog boxes are transparent.

background-color and color settings in .scss are applied, but not opacity - tried with !important, and opacity: unset ...

freelasp
Posts: 4
Joined: 20 May 2015, 02:54

24 Mar 2020, 03:09

Managed to solve ?

bsvancara
Posts: 7
Joined: 06 May 2016, 13:18

24 Mar 2020, 13:46

It is a problem for me too.

cagatay.civici
Prime
Posts: 18616
Joined: 05 Jan 2009, 00:21
Location: Cybertron
Contact:

24 Mar 2020, 17:42

Do you use a premium template? What is your theme? If you have a premium theme, try upgrading to the version 9.x if available, if not set the following in _common.scss and remove any opacity in ui-widget-overlay a transparency must be done via rgba.

Code: Select all

.ui-widget-overlay {
    background-color: rgb(0,0,0,0.4);
}

BoschPT
Posts: 4
Joined: 02 Dec 2016, 14:22

26 Mar 2020, 16:28

It's happen to me as well, I have Ultima template, rgb.. doesn't work to me, I just added a color and I added opacy 0.9 inside of class ui-widget-overlay.

cagatay.civici
Prime
Posts: 18616
Joined: 05 Jan 2009, 00:21
Location: Cybertron
Contact:

27 Mar 2020, 10:58

Try after upgrading to Ultima 9 please, should resolve it.

ranjithtvp
Posts: 1
Joined: 12 Jul 2021, 16:55

12 Jul 2021, 16:59

in primeng 9 ui-dropdown, ui-multiselect contains display : inline-flex but upto primeng 8 its display: inline-block
if we give it the same inline-block custom , issue will be resolved

Post Reply

Return to “PrimeNG”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 31 guests