Page 1 of 1

primeng v9 and p-dialog always transparent

Posted: 11 Mar 2020, 13:13
by hvk
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 ...

Re: primeng v9 and p-dialog always transparent

Posted: 24 Mar 2020, 03:09
by freelasp
Managed to solve ?

Re: primeng v9 and p-dialog always transparent

Posted: 24 Mar 2020, 13:46
by bsvancara
It is a problem for me too.

Re: primeng v9 and p-dialog always transparent

Posted: 24 Mar 2020, 17:42
by cagatay.civici
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);
}

Re: primeng v9 and p-dialog always transparent

Posted: 26 Mar 2020, 16:28
by BoschPT
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.

Re: primeng v9 and p-dialog always transparent

Posted: 27 Mar 2020, 10:58
by cagatay.civici
Try after upgrading to Ultima 9 please, should resolve it.

Re: primeng v9 and p-dialog always transparent

Posted: 12 Jul 2021, 16:59
by ranjithtvp
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