Primefaces: so ändern Sie das Standard-Symbol auf die Schaltfläche Kalender-Feld?

In Primefaces, wie ändere ich das Symbol, das verwendet wird, indem Sie die Taste von Feld Kalender?

Beispielsweise in das folgende Feld

<p:calendar value="#{calendarBean.date3}" id="popupButtonCal" showOn="button" />

Ich möchte, um das Symbol zu ändern, um http://forum.primefaces.org/images/smilies/icon_e_wink.gif.

Habe ich mir angeschaut, die Dokumentation, aber ich kann nicht finden, ein Attribut für diese.

UPDATE:

Ich habe versucht, die folgenden, mit teilweisem Erfolg:

JSF:

<p:commandButton id="modalDialogButton" value="" onclick="dlg2.show();" type="button" icon="ui-calendar"/>

CSS:

.ui-widget .ui-calendar {

    background-image: url(#{resource['images:country_flag.gif']});
}

PROBLEME:

  1. Sehe ich das Bild auf der p:commandButton Schaltfläche jetzt. Aber, ich erhalte die Warnmeldung:

    Apr 03, 2012 10:43:58 AM com.sun.faces.application.resource.ResourceHandlerImpl logMissingResource
    WARNING: JSF1064: Unable to find or serve resource, images/country_flag.gif.jsf.

  2. Konnte ich nicht finden, einen css-Stil auf der p:calendar dass ich überschreiben sollten, um um das Bild zu ändern, auf die Schaltfläche "Kalender".
ersetzen Sie Standard-Bild mit dir
Danke. Aber ich möchte nicht, ändern Sie die primefaces-Glas.
Überschreiben Sie es mit css.
Civici könnten Sie bitte ein Beispiel/link? Danke.
wie wäre es mit diesem Ansatz stackoverflow.com/a/512067/617373

InformationsquelleAutor rapt | 2012-04-02

  1. 4

    versuchen, diese

    .ui-icon-calendar {
    background-image: <your URL> !important;
    background-position: center center !important;
    width: 16px;
    height: 16px;
}

    InformationsquelleAutor liukvar

Schreibe einen Kommentar