2011-08-01 17 views
2

私はリッチフェイスを初めて使用しています。我々はバリデーションのあるフォームを持っています。リッチ:メッセージを使用してエラーメッセージを表示しています。ユーザーがデータを入力せずに「保存」をクリックすると、検証メッセージが表示されます。私はrich:メッセージを使用しているので、エラーメッセージの後ろにテキストが続きます。リッチフェイスのデフォルトCSSをカスタマイズするにはどうすればよいですか?

エラーイメージを削除するにはどうしたらいいですか、フォントのスタイルを変更するにはどうすればよいですか?

私はこれを覗いてください。

+1

あなたは[リンク](http://docs.jboss.org/richfaces/latest_3_3_X/enでタグの仕様を確認しました/devguide/html/rich_message.html)、richfacesタグでカスタムCSSクラスを使用する方法についての最後のリンクがあります。 –

答えて

8

スタイルやフォントを変更するための2つの方法があります。

  1. スキン
  2. でCSS

スキンはすべてあなたが(フォントなど)一部スタイルをカスタマイズすることができますが、ありませんで。独自のスキンを作成するにはyourskinname.skin.propertiesMETA-INF/skinsディレクトリに追加します。 、コンテンツについて

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

richfaces-core-impl-4.0.0-Final.jarMETA-INF/skinsフォルダの一つのファイルの内容をコピーして、あなたが必要なプロパティを変更します。また、web.xmlに以下の行を追加します。 ファイルに "baseSkin=name of base skin"を追加すると、プロパティのサブセットのみを指定できます。ファイルに記述されていないプロパティはベーススキンから取得されます。 (http://docs.jboss.org/richfaces/latest_4_0_X/Developer_Guide/en-US/html/chap-Developer_Guide-Skinning_and_theming.html

見しかし、スキンはあなたのケースのために十分ではない、より深い植について

baseSkin = DEFAULT 
generalSizeFont=13px 
generalFamilyFont=Calibri 

# Fonts 
headerSizeFont=13px 
headerFamilyFont=Calibri 

tabSizeFont=13px 
tabFamilyFont=Calibri 

buttonSizeFont=13px 
buttonFamilyFont=Calibri 

は例えば、「Calibri 13px」は、あなたのファイルは次のようになりますし、フォントを変更するにはたとえば、エラー画像を削除する)ので、@ AsadのようにCSSを使用する必要があります。 Personaly、私はこの解決策に問題がありました:richfaces CSSはいつもの後にロードされました。私はこの問題を解決する方法を見つけました:私は<body>タグの中に<h:outputStylesheet library="css" name="myrichfaces.css"/>を入れました!私のカスタマイズした値を置くところでは、CSSは富裕層の後に読み込まれます。

メッセージのCSSタグは、ここに記載されています。http://docs.jboss.org/richfaces/latest_4_0_X/Component_Reference/en-US/html/chap-Component_Reference-Output_and_messages.html#sect-Component_Reference-richmessage-Style_classes_and_skin_parameters;そう、エラーメッセージのアイコンを除去するためには、次のCSS文を追加することができます。

.rf-msg-err { 
    background-image: none; 
} 
関連する問題