2012-04-02 2 views
3

Primefaces에서 캘린더 필드의 버튼으로 사용되는 아이콘을 어떻게 변경합니까? 내가 http://forum.primefaces.org/images/smilies/icon_e_wink.gif에있는 아이콘을 변경하려면 다음 필드Primefaces : 캘린더 필드의 버튼에서 기본 아이콘을 변경하는 방법은 무엇입니까?

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

에 예를 들어

.

나는 documentation을 보았지만 이에 대한 속성을 찾을 수 없습니다.

UPDATE :

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. 은 내가 달력 단추의 이미지를 변경하기 위해 우선해야 p:calendar에 CSS 스타일을 찾을 수 없습니다.

+0

이 – safarov

+0

감사합니다 당신과 기본 이미지를 교체하려고합니다. 그러나 나는 프라임 용기를 바꾸고 싶지 않습니다. – rapt

+0

CSS로 덮어 씁니다. –

답변

3

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