primefaces panel title background color

[tamizharasi]

Hi,

I am having 3 panel on my page. In which I want to change only one panel tile background color.

If I put like

.ui-panel-titlebar
{


background-color: #3B73B9;
background-image: url(images/std_idm_header.png);


}

It changes all the panel background color.

Is it possible to change only one panel?

I am using primefaces 2.2 JSF 2.0 & JBOSS 4.3

[leventgny]

Use styleClass attribute to make your components more individual. Like;

Code: Select all

<p:panel styleClass="redColoredPanel" .. />

<p:panel styleClass="leftAlignedPanel" .. />

.redColoredPanel .ui-panel-titlebar {
   color: red;
}

.leftAlignedPanel {
   float: left;
}

[tamizharasi]

Wow. It is solved my issue.....Thx a lot