-
1. Re: How to change rich:popupPanel background opacity
michpetrov Sep 30, 2015 11:10 AM (in response to vpenugo)Every component has a styleClass attribute, use it to set a parent class for the selector - .yourStyleClass .rf-pp-shade {…} (btw that alpha filter only works in IE)
-
2. Re: How to change rich:popupPanel background opacity
vpenugo Oct 1, 2015 5:05 AM (in response to michpetrov)Thank you Michal for your quick Response. I made the changes as you mention. but nothing happens. below is the changed style class. please correct me if I did any wrong here. if I use styleClass on rich:popupPanel it is applying to the inner div. if you see the generated html, It has two div elements one is for background to cover entire screen with opacity and another one is having our content. if we apply styleClass it is applying to the inner div which having out content.
Changed Code:
<h:outputStylesheet>
.progressStyle .rf-pp-shade {
filter: alpha(opacity=1); BACKGROUND-COLOR: rgb(208,208,208); WIDTH: 100%;
}
</h:outputStylesheet>
<rich:popupPanel id="modalPanelProgress" autosized="true" modal="true" immediate="true" styleClass="progressStyle">
......
</rich:popupPanel>
generated HTML code
if you see the above code our style class is applied to inner div which having 'rf-pp-cntr' style class.
-
3. Re: How to change rich:popupPanel background opacity
vpenugo Oct 1, 2015 5:23 AM (in response to vpenugo)Michal, sorry if I am wrongly understood your response, If I apply style like below it is working..
#modalPanelProgress_shade
{
filter: alpha(opacity=1); BACKGROUND-COLOR: rgb(208,208,208); WIDTH: 100%;
}