Image on Tab

[WolinDesign]

Is there a way to place an image on each tab? Not in the body/content of the tab, in the tab itself. For instance, in the example in the showcase, rather than just having "Godfather Part I" in the first tab, is there a way to place an image instead of and/or next to the words? I've tried using <f:facet> and <f:attribute> tags without success. I see that the <p:tab> tag is rendered as an <a href..> tag inside an unordered list, but so far that hasn't helped me figure this out. Thanks in advance.

[cagatay.civici]

There is no easy built-in way, hard way is to place an image on page and append it to the tab header with a jQuery one liner.

[WolinDesign]

Darn, I was hoping I was missing something obvious. Thanks for the quick response!

[cagatay.civici]

I suggest trying the jquery approach if it is an important requirement, it would do the job. Then you can create your custom composite component and reuse it.