如何在面板标题旁边添加徽章？

Question

我正在使用 0.7.0 版的 BootsFaces。

在 BootsFaces 中，您可以使用 <b:badge value="#{bean.size}"/> 轻松创建徽章。这很好用。

其实我用的是<b:panel title="Authors"/>。

我正在尝试在标题旁边添加一个 <b:badge/>（如图所示）。是否有可能通过 BootsFaces 实现此目的，或者 CSS 中是否有更好的方法？您还有其他使用提示，特别是针对用户 XP 的提示吗？

Answer 1

将 <b:panel> 的标题替换为 heading 方面：

<b:panel>
  <f:facet name="heading">
    <h:outputText value="Panel heading with a facet in place of a title "/>
    <b:badge style="margin-left:10px" value="since version 0.4"/>
  </f:facet>
  <h:outputText value="Panel Content"/>
</b:panel>

（注意<b:badge>的style属性是BootsFaces 0.8.0的特性）。

如何在面板标题旁边添加徽章？

How can I add a badge next to the title of a panel?

jsf

bootsfaces