2011-08-01 68 views
2

我是Rich Faces的新手。我們正在驗證表格。我們使用rich:消息來顯示錯誤消息。如果用戶沒有輸入數據,並且他點擊保存,則會顯示驗證消息。當我使用rich:message時,錯誤消息有一條錯誤消息,後面跟着文本。如何自定義豐富的面孔默認的CSS?

如何刪除錯誤圖像以及如何更改字體樣式?

請把我留在這裏。

+1

你檢查在[鏈接]標籤規格(http://docs.jboss.org/richfaces/latest_3_3_X/en /devguide/html/rich_message.html),最後有一個鏈接指出如​​何使用帶有richfaces標籤的自定義css類。 –

回答

8

有兩種方式改變風格和字體:

  1. 隨着皮膚
  2. 使用CSS

皮膚允許您自定義一些樣式(如字體),但不是萬能的。要創建自己的皮膚,請在META-INF/skins目錄中添加一個yourskinname.skin.properties。此外,添加以下行web.xml

<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文件夾中的一個文件的內容,並更改所需的屬性。 通過在文件中添加「baseSkin=name of base skin」,您可以只提供一部分屬性:您的文件中未描述的屬性將從基礎皮膚中檢索。

例如,改變字體爲「宋體13像素」,你的文件看起來像:

baseSkin = DEFAULT 
generalSizeFont=13px 
generalFamilyFont=Calibri 

# Fonts 
headerSizeFont=13px 
headerFamilyFont=Calibri 

tabSizeFont=13px 
tabFamilyFont=Calibri 

buttonSizeFont=13px 
buttonFamilyFont=Calibri 

對於較深移出,看http://docs.jboss.org/richfaces/latest_4_0_X/Developer_Guide/en-US/html/chap-Developer_Guide-Skinning_and_theming.html

但皮膚是不夠的情況下(例如刪除錯誤圖片),因此您需要使用CSS,正如@Asad所建議的那樣。個人意見,我有這個解決方案的問題:richfaces CSS總是加載我的。我找到了一種克服這個問題的方法:我在中放置了我的自定義值,在<body>標記中,然後我的CSS被加載到richfaces之後,所以我可以重載值。

消息的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; 
} 
相關問題