rich:panel style problem

[jmiguel77]

Hi:

I am trying to modify the css style associated with the rich:panel component. I have a global.css stylesheet that i include in my page with a <a4j:loadStyle id="globalStyle" src="/common/css/global.css" /> component

In this css file i have a .rich-panel style class that is intend to modify the panel behaviour

The thing is that when the page is rendered my .css file is called before the auto generated css files of the richFaces framework. Because of that, the style that i created is not applied to the rendered divs that forms the panel

How can i workaround this ??

thanks a lot

[sergeysmirnov]

the generated css has no definition for '.rich-panel'. So, the order of loading might not be the problem.
Do the other styles from this global.css work fine?

[jmiguel77]

Hi Sergey

that's right, the styles applied are over the dr-panel div, but it applies a padding that i would like to overwrite

that is what i am trying to do, change the padding; but it seems that the dr-panel padding property prevales over what i define

thanks

[sergeysmirnov]

rich-panel comes after dr-pnl, so, padding of dr-pnl cannot override the padding of rich-panel. Do not spend you time thinking that it is possible.
The question from my previous post is still actual.
If you have FireFox and FireBug extension you can see the style hierarchy of applied styles there. Otherwise, install them and see.

[jmiguel77]

I really hate the way the css links are organized; the a4j:loadStyle defined by me should be rendered at last so my styles override those especified by the dinamically created ones