プライムフェイスと組み合わせてカスタムCSSテンプレートを使用

Question

私はPrimeface 2.2とJSF 2.1で開発されたプロジェクトを持っています。

私は、彼らが提供するPrimefaces'テンプレートもないThemeRollerのと満足していないので、私は

http://themeforest.net

に非常に興味深いテーマを発見し、私は私のプロジェクトでは、これらのいずれかを統合したいです。

PrimefaceとThemeforestのテンプレートを統合することは可能ですか？私は考慮すべきトラップがありますか？

Answer 1

プライムフェイスのテーマは、テーマローラーによって強化されています（構造とスキニングのために別々のCSSです）。テーマを実装する唯一の方法は、PrimefacesのテンプレートまたはThemeRollerを使用することです。さも当然のことながら、ここにhttp://www.primefaces.org/documentation.html

Answer 2

はいprimefaces文書で述べたように、あなたはのparam値

<context-param> 
    <param-name>primefaces.THEME</param-name> 
    <param-value>#{themeSwitcherBean.theme}</param-value> 
    </context-param> 

としてEL式を定義することにより、ダイナミックなテーマを試すことができますが、それは、テンプレートではありません。それはテーマです。あなたはファサレで簡単にそれを行うことができます。

Answer 3

私は決してPrimefacesによって提供されるテンプレート/スキニングを使用しませんが、非常に有用なコンポーネントがいくつかあるため、プロジェクトに統合することはありません。もちろん、Themeforestで見たようなカスタムテンプレートを使用することもできます。 HTMLファイルの代わりにXHMTLを作成し、いくつかの構文を修正するだけです（たとえば、inputタグには、終了タグがXHTMLである必要があります）。問題は、p:inputTextのようなコンポーネントのスタイリングを完全に無効にすることはできません。h:inputTextを使用し、styleClass属性でテンプレートによって提供されるクラスを適用する必要があります。