JSF commandLink avec l'image

J'ai un problème avec <p:commandLink>. Je veux faire planer effet, mais je ne peux pas charger l'image à <p:graphicImage> via CSS.

CSS:

.accountEditBtn {
    background-image:
    url('#{request.contextPath}/resources/image/pencil_black.png');
}

JSF:

<p:commandLink
    update="@form"
    actionListener="#{someBean.someListener}">
    <h:graphicImage styleClass="accountEditBtn" />
</p:commandLink>

Je vois rectangle vide avec de la frontière.

Mais quand j'ajoute la touche alt pour graphicImage, j'obtiens l'image sur le texte d'alt...

Où mon erreur?
Je vous remercie.
p.s. erreur de frappe - classType -> styleClass

  • Juste une remarque, mais au lieu de background-image: url('#{request.contextPath}/resources/image/pencil_black.png'); en CSS, vous pouvez écrire des background: url("#{resource['image/pencil_black.png']}");
InformationsquelleAutor MaximG | 2012-04-19
  1. 6

    essayez d'utiliser styleClass au lieu de <h:graphicImage

    <p:commandLink 
   styleClass="accountEditBtn"
   update="@form"
   actionListener="#{someBean.someListener}"
</p:commandLink>

    essayer cette classe

    .accountEditBtn { background-image: url('../resources/image/pencil_black.png'); }

    B. T. W

    n'est pas, il doit y avoir des images ? ou c'est l'image de (nom du dossier)

    prendre un coup d'oeil à ce que bien.. dans le cas où vous souhaitez bouton de commande de l'image: PrimeFaces icônes

    • fonctionne... mais seulement lorsque la valeur définie=" " + white-space:pre; dans le css. primefaces 2.2.1.. est-ce un bug ou mon erreur?
    • bizarre... ne sais pas , que la façon dont il fonctionne dans la version 3.0 +
    InformationsquelleAutor Daniel
  2. 2

    Pourquoi n'utilisez-vous pas 

    <p:commandButton ... icon="yourbuttonstyleclass"/>

    et en css

    .yourbuttonstyleclass {  
background-image: url('../images/yourimage.png') !important;
}
    • Vous devriez vous abstenir de l'aide !important.
    InformationsquelleAutor roel