リッチフェイスコントロールからグラデーションを削除する

Question

リッチフェイスパネルを基本的に正しいシェイプとして使用したいと思い、スキン可能ですので、フォント、色などを変更できます。ただし、デフォルトのスキンの一部としてヘッダーを含む水平バー勾配を有する。私のデザインはフラットなシンプルなカラーで、どんな種類のグラデーションもありません。

富山のグラデーションを追加するのを止める方法を教えてください。

可能であれば、私はCSSから勾配のすべての言及を完全に削除して、画像の膨張と追加のHTTPリクエストを避けたいと考えています。つまりレンダリングしたい：

background-color：black;

などはまったくありません。

私はプラグとスキンを使用しています。

---

like this question答えはRichFacesのを変更することなく、そのおそらく可能ではないということであるようです。入力いただきありがとうございます。

Answer 1

なぜプレーンスキンを使用しませんか？ これを確認してくださいhttp://livedemo.exadel.com/richfaces-demo/richfaces/panel.jsf?s=plain

あなたが見ることができるように、私はあなたのコンポーネントに欲しいもののように見える 'plain'とタイプするようにスキンを設定しました。

Answer 2

web.xmlファイルに追加します。

<context-param> 
    <param-name>org.richfaces.SKIN</param-name> 
    <param-value>plain</param-value> 
</context-param> 

次に、プラグアンドスキンを使用して修正することができます。

EDIT：

RichFacesのと呼ばれるSkinnablityに建てられた皮膚システムを持っています。 Skinnabilityは標準CSSのハイレベルな拡張です。アプリケーションで使用する独自のスキンファイルを作成することができます（jboss documentation）。

richfaces-impl jarの/ META-INF/skinsフォルダには、すべてのスキンファイル（.skin.properties）が含まれています。名前をコピーして名前を変更し、必要なものを変更します。あなたは瓶を再構築する必要があります。

Answer 3

richfaces siteの例では、CSSを使用したdataTablesに対してこれを行うことができます。 rich:panelのためのドキュメントは、ヘッダーのためのクラスが豊富なパネル・ヘッダーであると言うので、私はCSSが可能だと思う：

.rich-panel-header { 
    background-image:none; 
    background-color:transparent; 
} 

編集：そのあなたのCSSはRichFacesの後にロードされるようにしているこれらの改造を含むことは注目に値しますこの後にロードされたCSSがロードされると、ロードがスキップされます。

Answer 4

私はこれに答えるのに少し遅れていることを実感しましたが、私はこの問題に対する私の解決策を思いつくと思いました。

私は自分のプロジェクトにRichFaces Plug-n-Skinを使用しており、RichFacesのコントロールスキニングを無効にすることで、すべてのグラデーションと定義済みのスタイルを削除できます。これは私のWebプロジェクトのweb.xmlの簡単な変更です。

... 
<context-param> 
    <param-name>org.richfaces.SKIN</param-name> 
    <param-value>PlugNSkinName</param-value> 
</context-param> 

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

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

ニーズに応じて、これはやり過ぎのビットかもしれませんが、私はとにかく私のRichFacesコンポーネントのすべてのほとんどすべてをオーバーライドしています。これにより、プラグインスキンで必要なすべてのスタイルを指定することができ、必要のない不必要なデフォルトのRichFaceスタイル/イメージはロードされません。

これが役に立ちます。