プライムフェイスのアコーディオンアイコンの変更

Question

プライマリのアコーディオンパネルのアイコンを変更する方法はありますか？

右矢印と下矢印をプラス（[+]）およびマイナス（[ - ]）記号に変更したいとします。

誰もそれを行う方法を説明できますか？

ありがとうございました。

Answer 1

あなたはプラスとマイナスにデフォルトのアイコンの背景位置を変更するいくつかのカスタムCSSで投げることができます：もっときれいな方法があるようには思えない、現在のPrimeFaces 3.2のリリースで

.ui-accordion .ui-icon.ui-icon-triangle-1-e { 
    background-position: -16px -128px; 
} 
.ui-accordion .ui-icon.ui-icon-triangle-1-s { 
    background-position: -48px -128px; 
} 

代わりに<p:accordionPanel>コンポーネントに.ui-icon-plusと.ui-icon-minusを明示的に指定する必要があります。これにはenhancement requestを投稿してください。

Answer 2

あなたはjQueryのを使用してすることができます

$(document).ready(function() { 
    $("#[accordion-id] h3 span.ui-icon").removeClass("ui-icon-triangle-1-e").addClass("ui-icon-plus") 
}); 

は、[アコーディオン-ID]を置き換えることを忘れないでください正しいアコーディオン同上