RichFaces SKIN

[arvinpd84]

Hello, i´m developing a web application using RichFaces controls. I´m using the CLASSIC Skin as default, but I want to use the JAPANCHERRY Skin for one tabpanel. Only for one of all my panels, ¿How can I do this?

Thanks

[sergeysmirnov]

Skin applies only on the whole application. If you want customize the particular component, re-define its css classes. I.e. provide your own instead of the default taken from skin.

[arvinpd84]

i´ve tried that, but it doesn´t work. This is what I did:

· in my styles.css file, I added this:

#custom_panel {
headerBackgroundColor:#E8BDBD;
generalBackgroundColor:#F6EAEA;
.....................
.....................
}

· in my page, I did this:

<rich:panel id="custom_panel">


It didn´t work. Can you help me?

thanks

[metin.osman]

Your panel Id may be modified by JSF, for example if it's in a form called myForm, it will become myForm:custom_panel.

Then your CSS class won't apply to it.

You'd better declare your CSS this way :

.custom_panel {
headerBackgroundColor:#E8BDBD;
generalBackgroundColor:#F6EAEA;
.....................
.....................
}

And set styleClass attribute for your panel :

<rich:panel styleClass="custom_panel">
...
<rich:panel>

[metin.osman]

One thing more, i did'nt payed attention to your CSS.

Your CSS style class is incorrect : there's no CSS attribute called "headerBackgroundColor".

You should overwrite the CSS attribute (ex: background-color, font-size, ...) in your class, not the skin properties.

[arvinpd84]

i want to change that properties... how do i do that??

i want my panel to appear with "Sakura" skin colors.

thx