如何显示 <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

如何显示 <b:iconAwesome> 而不是 <b:commandButton>？

How can I display a <b:iconAwesome> instead of a <b:commandButton>?

css

jsf

bootsfaces