2012-04-20 11 views
0

のカスタムCSSを適用できません。リッチフェイスのJSF 2.0のサンプルプロジェクトに取り組んでいます。4.Probelmはrichfacesスキンがコンポーネントに適用されていません。リッチ:dataTableヘッダークラ​​ス

RichdatatableのHeaderClassにカスタムCSSを使用したいと思いますが、それを表示できません。 inbuilt cssだけがヘッダーに適用されます。でも、私はこのような単一の値のみを使用する場合もcolumnClassesについて:。columnClassesは=列ごとに「JspContentForDataTable、JspContentForDataTable、JspContentForDataTable、JspContentForDataTable "JspContentForDataTable、そのiはcolumnClasses =を行う必要が表示されない" を

のweb.xml:

<context-param> 
     <param-name>org.richfaces.skin</param-name> 
     <param-value>ruby</param-value> 
    </context-param> 

    <context-param> 
     <param-name>org.ajax4jsf.VIEW_HANDLERS</param-name> 
     <param-value>com.sun.facelets.FaceletViewHandler</param-value> 
    </context-param> 


    <context-param> 
     <param-name>org.richfaces.CONTROL_SKINNING</param-name> 
     <param-value>disable</param-value> 
    </context-param> 

    <context-param> 
    <param-name>org.richfaces.LoadStyleStrategy</param-name> 
    <param-value>None</param-value> 
</context-param> 

    <context-param> 
     <param-name>org.jboss.jbossfaces.WAR_BUNDLES_JSF_IMPL</param-name> 
     <param-value>true</param-value> 
    </context-param> 

私は何も悪いことをやっている場合は修正してください。 高度でのおかげで私を助けて。

+0

頭に浮かぶのは、CSSを使用できるということです。 Firebugを使用して、CSSで設定する正しいクラスを見つけてください。デフォルトのスタイルをオーバーライドすることが重要です! –

+0

お返事ありがとうございます。私は火かき棒でそれがヘッダーに適用されているだけのCSSクラスに組み込まれていることを確認しました。手動でカスタムクラスを追加してから、スタイルチェンジを追加するときに追加します。しかし、なぜそれがプログラム的に適用されていないのか分かりません。 –

答えて

0

あなたのスタイルは要素/コンポーネントに適用取得されていない主な理由は、スタイルシートが先にロードされているということで、その後、デフォルトのスタイルで上書きされ、あなたがタグ

例:使用して、あなたのスタイルシートをインポートする必要があり、実行時にスタイルを含める: - :の頭>タグ

<h:outputStylesheet library="css" name="style.css" />

は< 時間で宣言を含めることを忘れないでくださいあなたのページ。

Including css using h:outputStyleet

このリンクを参照してください使用して、実行時にCSSを読み込むの詳細説明については 私は私はあなたの修正がこれを試して見つけたと思うオーケーカスタムデータテーブルにCSSを適用しながら、いくつかの問題があるように思われます。

この文をベースファイルまたは現在のページに含めます。

カスタムコンポーネントには、レンダリングされていないコンポーネントとして問題を引き起こしているコンポーネントに含まれている基本的なリッチタグが含まれています。

例: - 使用している可能性のある基本的なリッチコンポーネントはrich:dataTableです。そのコンポーネントを使用するファイルにrendered = "false"というこのコンポーネントを追加してください。

Like < rich:dataTable rendered = "false" />これはあなたの問題を解決しますが、これはなぜ起こったのかはっきりしませんが、これで問題は解決します。

+0

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

+0

あなたの歓迎:) 理想的には、これはほとんどのシナリオでうまくいくものですが、あなたがまだ問題に直面しているように思われる理由がわかりません。 – saNiks

+0

私は答えを更新しました。それが役立つかどうか確認してください:) – saNiks

関連する問題