Primefaces TabPanel与图像

Question

我阅读了TabView示例（http://www.primefaces.org/showcase/ui/panel/tabView.xhtml）并制作了一些有效的代码。下图是我的所作所为。

我的实际xhtml下面的摘录会产生下面第一张图片的结果。

<p:tabView orientation="left">
<p:tab title="Customer">
<p:graphicImage id="iconPerson"value="/resources/img/icon_person-128.png" />

但我希望有一个略微不同的布局，如下图所示。

编辑： 我添加了facets的建议，但它没有按预期工作。也许是因为这是PF3的解决方案而我正在使用5.但这是我的方法方法的结果。

<p:tab id="customerTab" rendered="true" >
<f:facet name="Customer">
    <h:outputText value="Customer" title="Customer" rendered="true"/>
    <p:graphicImage id="iconPerson" value="/resources/img/icons/128/icon_person-128.png" height="64" width="64" />
</f:facet>

这是渲染的结果 怎么做？