顯示圖標：面板

Question

我使用的組件<p:panel>

如果我們把先進的面板爲例，有沒有什麼辦法，這讓我能夠在的左側添加一個圖標文字「關於巴薩」？

Answer 1

可以擴展使用<f:facet name="header">

<f:facet name="header"> 
    <h:panelGrid columns="2"> 
    <span class="ui-icon" /> 
    <h:outputText value="About Barca" /> 
    </h:panelGrid> 
</f:facet> 

可以使用span元件加CSS定製或p:graphicImage部件頭部。

Answer 2

這是你可以添加一個圖標到面板組件的方式：

<p:panel header="the header text you want"> 
    <f:facet name="actions"> 
     <p:commandLink 
      styleClass="ui-panel-titlebar-icon ui-corner-all ui-state-default"> 
      <h:outputText styleClass="ui-icon ui-icon-help" /> 
     </p:commandLink> 
    </f:facet> 
</p:panel>