Primefaces: как изменить значок по умолчанию на кнопке поля календаря?

В примитивах, как изменить значок, который используется кнопкой поля календаря?

Например, в следующем поле 

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

Я хочу изменить значок на http://forum.primefaces.org/images/smilies/icon_e_wink.gif .

Я посмотрел документацию , но я не могу найти атрибут для этого.

Обновление:

Я попробовал следующее, с частичным успех:

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']});
}

Задачи:

  1. Теперь я вижу изображение на кнопке p:commandButton. Но я получаю предупреждающее сообщение:

    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. Я не смог найти стиль css на p:calendar, который я должен переопределить, чтобы изменить изображение на кнопке календаря.

1 3
javascript css jquery jsf primefaces

1 ответ:

Попробуйте это

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