primefaces デフォルト・スタイルシートをカスタマイズ

primefacesのデフォルト・スタイルシートを無効にして、カスタマイズする。

何も設定しないと、こんな感じでスタイルシートがロードされる。
<link type="text/css" rel="stylesheet" href="/(ルート)/faces/javax.faces.resource/theme.css?ln=primefaces-aristo" />


これをまず無効にするにはweb.xmlに以下の内容を追記する。

<context-param>
  <param-name>primefaces.THEME</param-name>
  <param-value>none</param-value>
</context-param>


あとはprimefacesのjarファイルを解凍して、resources下に必要なものをコピー。
cssを好きなようにカスタマイズする。

xhtmlファイル
<link type="text/css" rel="stylesheet" href="resources/primefaces-aristo/theme.css" />

jarファイルのありかはこちら。

コメント 1

初めまして。

勉強させていただきます！
by 師子乃 (2018-10-21 23:17)