如何显示<b：iconawesome>而不是<b：commandbutton>？

Question

我想知道，如果有任何方法可以用<b:commandButton>替换<b:iconAwesome>的默认按钮。

但是，它确实适用于<h:commandLink>。

<h:commandLink>
    <b:iconAwesome name="arrow-down"></b:iconAwesome>
</h:commandLink>

通过替换，我的意思是完全替换而不是，图标在按钮上。只需检查上面的工作代码即可。

是否还有其他提示？

（注意：<b:...>是BootsFaces的一个组成部分。）

Answer 1

两个答案：

• 要在commandButton中显示图标，只需添加iconAwesome属性：

  <b:commandButton value="" ajax="true" update="form:inform infoshow" 
                   iconAwesome="thumbs-up" look="info" />
  

• 如果要显示图像而不是按钮，在保持按钮功能的同时，添加几个内联样式（另请参阅here）：

  <b:commandButton value="" ajax="true" update="form:inform infoshow" 
                iconAwesome="thumbs-up" look="info" 
                style="padding: 0; border: none; background: none;color: #000" />
  

• 如果您需要更多灵活性：我们已经在努力了。 BootsFaces 0.8允许您在<b:commandButton />内嵌套任意HTML，就像您在<b:commandLink />示例中所做的那样。您可以在我们的错误跟踪器上观看进度：https://github.com/TheCoder4eu/BootsFaces-OSP/issues/65