AJAX 표시기 이미지는 어디에서 찾을 수 있습니까?

Question

는 내가 Primefaces 쇼케이스에서와 같은 로딩 표시 GIF 싶습니다 : 소스에에 대한 참조가 없습니다 http://www.primefaces.org/showcase/ui/ajax/basic.xhtml

. 정의 된 위치는 어디입니까?

Answer 1

개발 도구를 사용하면 (re)source이됩니다.

실제 투명도가있는 SVG를 사용하는 것이 좋습니다. 훨씬 더 좋아 보인다! 밖에 여러 개의 online generators가 있습니다.

I am not sure how to use this.

표시기 화상 PrimeFaces ShowCase에 도시 PrimeFaces Documentation 설명 <p:graphicImage /><p:ajaxStatus />와 조합하여 사용된다.

<p:ajaxStatus 
    style="position: fixed; bottom: 0px; right: 0px; z-index: 9999999999;" 
> 
    ... 
</p:ajaxStatus> 

Answer 2

생성과에서 다운로드 : http://www.ajaxload.info/ (아약스-loader.gif)

복사로 같은 사용자 정의 스타일을 추가 할 필요가 the page you referenced에 같은 페이지의 오른쪽 하단 모서리에 표시하려면 (예) : 웹 애플리케이션/자원/이미지

코드 :

  <p:ajaxStatus style="height:16px"> 
       <f:facet name="start"> 
        <h:graphicImage name="images/ajax-loader.gif" /> 
       </f:facet> 
       <f:facet name="complete"> 
        <h:outputText value="" /> 
       </f:facet> 
      </p:ajaxStatus>