2017-09-26 6 views
1

は私の問題は次である:サイズP:FA-2XとcommanButton

私はAPを持っています。このようなcommanButton:

<p:commandButton icon="fa fa-reply fa-2x"/> 

は、問題は、コンテンツ(FA-返信)が成長するということですが、ボタンの大きさはありません。

問題がありますか?

私が行ったとき:<p:commandButton icon="fa fa-reply" styleClass="fa-2x"/>ボタンのサイズは大きくなりますが、内容が正しく表示されません。

私は私を助けてくれることを願っています。感謝と挨拶。

+0

アイコン付きのテキストを使用していますか? –

+0

ボタンにテキストはありませんが、太字になっています。 – agu

答えて

0

私は、簡単な作業-arroundの次として、代わりにp:commandButtonのマニュアル<i class="fa fa-reply fa-2x"></i>タグでp:commandLinkを使用することだと思う:

<p:commandLink> 
    <i class="fa fa-reply fa-2x"></i> 
</p:commandLink> 

そして、あなたが同様にテキストを使用したい場合は、次のようになります。

<p:commandLink> 
    <i class="fa fa-reply fa-2x"> Reply</i> 
</p:commandLink> 

それ以外の場合は、カスタムCSSクラスを使用して、p:commandButtonの異なるサイズのアイコン(fa-xx)に互換性を追加する必要があります。

+0

私の場合、それは解決策です。ありがとう。 – agu

+0

お手伝いをしてうれしいです。ハッピーコーディング! –

関連する問題