Как я могу отобразить <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 позволит вам встраивать произвольный HTML в <b:commandButton />, точно так же, как вы делали в своем примере <b:commandLink />. Вы можете наблюдать за ходом на нашем багтрекер: https://github.com/TheCoder4eu/BootsFaces-OSP/issues/65