Image 将图像或图标添加到primefaces选项卡标题

Image 将图像或图标添加到primefaces选项卡标题,image,header,tabs,icons,primefaces,Image,Header,Tabs,Icons,Primefaces,我试图在标签标题上使用图像/图标,而不是文本标题,或者可能同时使用这两个标题,我正在使用titleStyleClass设置图像背景进行测试,但不起作用 “我的脸”选项卡: <p:tab titleStyleClass="tCliente" title="Vehiculo"> 感谢您的帮助:D尝试添加显示:内联块 你应该把: 背景图片:url../images/logo_-tropidatos.gif!重要的 但在那之后,我遇到了一个问题:图像重复到标题中。 我试图解决添加背景重复

我试图在标签标题上使用图像/图标,而不是文本标题,或者可能同时使用这两个标题,我正在使用titleStyleClass设置图像背景进行测试,但不起作用

“我的脸”选项卡:

 <p:tab titleStyleClass="tCliente" title="Vehiculo">
感谢您的帮助:D

尝试添加显示:内联块

你应该把:

背景图片:url../images/logo_-tropidatos.gif!重要的

但在那之后,我遇到了一个问题:图像重复到标题中。 我试图解决添加背景重复:无重复;但还是一样的。。。有人能帮忙吗?

试试这个方法

background-image: url("../images/logo_tropidatos.gif") !important;
background-repeat:no-repeat !important;

在PrimeFaces 3.0及更新版本上,您可以添加一个刻面以覆盖选项卡上的标题:

<p:tabView>
    <p:tab>
        <!-- overrides title on tab-->
        <f:facet name="title">
               <h:outputText value="tab title"/>
               <p:graphicImage value="/resources/images/icon.png"/>
            </f:facet>

        <h:panelGrid>
            <!-- tab content -->
        </h:panelGrid>
    </p:tab>    
</p:tabView>

希望有帮助。

这不是一个解决方案,对我来说不起作用。我的xmlns是xmlns:p=。我缺少什么?有没有办法从p:tab中删除默认的右箭头>图标?
<p:tabView>
    <p:tab>
        <!-- overrides title on tab-->
        <f:facet name="title">
               <h:outputText value="tab title"/>
               <p:graphicImage value="/resources/images/icon.png"/>
            </f:facet>

        <h:panelGrid>
            <!-- tab content -->
        </h:panelGrid>
    </p:tab>    
</p:tabView>