在p：panel中添加图标？

Question

如何向组件p：panel中添加图标？

<p:panel header="text" />

不幸的是，它不支持“ icon”属性。所以我尝试了这个：

<f:facet name="header">
 <h:outputText value="text">
</h:outputText>
 <p:commandLink styleClass="ui-icon ui-icon-comment" />
</f:facet>

但这会在文本和仅显示为图标的命令“链接”之间添加换行符。

有人知道我还能怎么做吗？ty

Answer 1

图标导致其下方的文本向下移动的原因是因为ui-icon该类具有一种display: block样式，该样式导致图像贪婪地占用该行并将文本向下推。下面的页眉构面将围绕图像和文本构建一个2列表，强制页眉并排显示它们。

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