1

我想知道，是否有任何方法可以将默认按钮替换<b:commandButton>为<b:iconAwesome>.

<h:commandLink>但是，它确实可以完美地与 a 一起使用。

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

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

还有其他提示要提到吗？

（注：<b:...>是 BootsFaces 的一个组件。）

4

1 回答 1

1

两个答案：

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

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

BootsFaces 图像命令按钮示例

  • 如果您想显示图像而不是按钮，同时保留按钮功能，请添加几个内联样式（另见此处）：

    <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 将允许您将任意 HTML 嵌套在 中<b:commandButton />，就像您在<b:commandLink />示例中所做的那样。您可以在我们的错误跟踪器上查看进度：https ://github.com/TheCoder4eu/BootsFaces-OSP/issues/65

于 2015-07-31T21:03:49.857 回答