Programmatically style panel component in dataGrid

[MISS_DUKE]

I have a dataGrid component and every grid contains a panel component, thus there are many panels in a page.

Every panel contains data of either a female or a male.

I like female panel has pink title bar and male panel has gray title bar.

How can I achieve this?

(I know I can use ui-panel-titlebar CSS class to style all panels with the same style, but my requirement is female panels should be pink and male panels should be gray)

[jaideralba]

Hi miss_duke,

I don't know what css properties of the datagrid can be changed, but there is the styleClass of the datagrid that you could try something like this:

<p:dataGrid styleClass="#{yourBean.male ? 'maleCssClass' : 'femaleCssClass' }" >
</p:dataGrid>

I hope this help you.

[cagatay.civici]

This would help;

http://primefaces.prime.com.tr/forum/vi ... ilit=panel

[MISS_DUKE]

The above replies really showed me the way to achieve my goal. Thanks very much.

[cagatay.civici]

Glad to hear.