Aggiungi un'immagine o un'icona all'intestazione scheda primefaces

Question

im cercando di usare un'immagine/icona su un'intestazione di tabulazione invece del titolo del testo (o potrebbe usarli entrambi), stavo testando usando titleStyleClass impostando uno sfondo immagine ma non funziona

scheda

miei primefaces:

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

mio stile css

.tCliente 

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

Grazie per il vostro aiuto: D

Answer 1

Su primefaces 3.0 e più recenti è possibile aggiungere un aspetto di ignorare titolo in schede:

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

Speranza che aiuta.

Answer 2

prova ad aggiungere display:inline-block;

Answer 3

si dovrebbe mettere:

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

ma dopo che ho un problema: la ripetizione dell'immagine nell'intestazione. Ho provato a risolvere background-repeat:no-repeat; ma è lo stesso ... qualcuno può aiutare?

Answer 4

provare in questo modo

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