Ajouter une image ou une icône de primefaces onglet en-tête

im essayant d'utiliser une image /icône sur l'onglet en-tête à la place du texte titre(ou à l'aide de deux d'entre eux), j'ai été le tester à l'aide de titleStyleClass paramétrer une image d'arrière-plan mais ne fonctionne pas

mon primefaces onglet:

 <p:tab titleStyleClass="tCliente" title="Vehiculo">

Mon style css

 .tCliente 

 {     
   background-image: url(../images/logo_tropidatos.gif);
 }

Merci pour votre aide 😀

OriginalL'auteur arkantos | 2012-01-23

  1. 40

    Sur PrimeFaces 3.0 et versions ultérieures, vous pouvez ajouter une facette de remplacer le titre sur les onglets:

    <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>

    Espère que cela aide.

    Pas de travail pour moi. Mon xmlns est xmlns:p="primefaces.org/ui". Ce qui me manque?

    OriginalL'auteur sabadow

  2. 1

    essayez d'ajouter display:inline-block;

    OriginalL'auteur Daniel

  3. 1

    Vous devez mettre:

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

    mais après que j'ai un problème: la répétition d'image dans l'en-tête.
    J'ai essayé de résoudre l'ajout de background-repeat:no-repeat; mais c'est la même chose... quelqu'un peut-il aider?

    OriginalL'auteur Ricardo

  4. 0

    essayer de cette façon,

    background-image: url("../images/logo_tropidatos.gif") !important;
background-repeat:no-repeat !important;
    Ce n'est pas une solution

    OriginalL'auteur Alexandre Viegas