2

Richfaces パネルを基本的に正しい形状として使用したいので、スキンを変更できるので、フォントや色などを変更できます。ただし、デフォルトのスキンの一部として、ヘッダーを含む水平バーにグラデーションがあります。私のデザインは、グラデーションのないフラットでシンプルな色です。

グラデーションを追加するリッチフェイスを停止するにはどうすればよいですか?

可能であれば、CSS からグラデーションに関するすべての言及を完全に削除して、画像の肥大化や追加の HTTP リクエストを回避したいと考えています。つまり、レンダリングしたい:

背景色: 黒;

他には何もありません。

プラグアンドスキンを使用しています。

この質問のように、答えはおそらくリッチフェイスを変更しないと不可能だということです。入力していただきありがとうございます。

4

4 に答える 4

3

これに答えるのが少し遅れていることに気づきましたが、この問題の解決策を投入すると思いました。

プロジェクトに 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 スタイル/イメージをロードしません。

お役に立てれば。

于 2011-09-01T14:03:58.013 に答える
1

CSS を使用して dataTables に対してこれを行う例が、richfaces サイトにあります。rich:panelのドキュメントには、ヘッダーのクラスが rich-panel-header であると記載されているため、CSS は次のようになると思います。

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

編集: これらの mod を含む CSS は、Richfaces スキンをロードした後にロードする必要があることに注意してください。この後にロードされた CSS は過負荷になる可能性があります。

于 2009-05-01T17:02:43.337 に答える
1

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

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

次に、プラグアンドスキンを使用して変更できます。

編集：

RichFaces には、Skinnablity と呼ばれるスキン システムが組み込まれています。スキナビリティは、標準 CSS の高度な拡張機能です。アプリケーションで使用する独自のスキン ファイルを作成できます ( jboss ドキュメント)。

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

于 2009-03-23T15:49:20.577 に答える
-1

プレーンスキンを使用しないのはなぜですか？これをチェックしてください http://livedemo.exadel.com/richfaces-demo/richfaces/panel.jsf?s=plain

ご覧のとおり、スキンを「プレーン」タイプに設定しました。これは、コンポーネントに必要なもののようです。

于 2009-03-23T15:13:19.447 に答える