Добавить значок на панель p:?

Question

как я могу добавить значок на компонент p: панель?

<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>

Но это добавляет разрыв строки между текстом и командой Link, которая отображается только в виде значка.

Кто-нибудь знает, как я мог это сделать? ти

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>

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>