styling modalpanel

[ricardomarques]

Hi fellows

I'm giving my first steps on richfaces and i'm facing a CSS problem. I've read the docs but I still don't get it how a specify a style to a modalpanel.

my CSS:

.errorPanel {
 background-color: #eaeff2;
 border: 1px solid #c8d4db;
}

JSF code:

<rich:modalPanel id="#{id}" top="150" height="250" width="325"
 rendered="#{messageBean.errorCount gt 0}"
 resizeable="false" styleClass="errorPanel">

...

</rich:modalPanel>

I've tried with style and styleClass but the resukt is the same, i also tried to redifine modalPanel CSS base classes, but i only want to change style on this component only.

How this rich style works? Can u point some directions?


Thank sin advance!

[ilya_shaikovsky]

use bodyClass and headerClass instead of styleClass.

[willi2793]

There is no bodyClass-Attribute on rich:modalPanel. And I want to have an own background-color in the body of the panel. But there is a white border even if I set border to 0. How can I avoid this?

[nbelaevski]

Hello,

This:

.errorPanel .rich-mp-content {
 background-color: #eaeff2;
 border: 1px solid #c8d4db;
}

should work