我是Rich Faces的新手。我們正在驗證表格。我們使用rich:消息來顯示錯誤消息。如果用戶沒有輸入數據,並且他點擊保存,則會顯示驗證消息。當我使用rich:message時,錯誤消息有一條錯誤消息,後面跟着文本。如何自定義豐富的面孔默認的CSS?
如何刪除錯誤圖像以及如何更改字體樣式?
請把我留在這裏。
我是Rich Faces的新手。我們正在驗證表格。我們使用rich:消息來顯示錯誤消息。如果用戶沒有輸入數據,並且他點擊保存,則會顯示驗證消息。當我使用rich:message時,錯誤消息有一條錯誤消息,後面跟着文本。如何自定義豐富的面孔默認的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.jar
的META-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
但皮膚是不夠的情況下(例如刪除錯誤圖片),因此您需要使用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;
}
你檢查在[鏈接]標籤規格(http://docs.jboss.org/richfaces/latest_3_3_X/en /devguide/html/rich_message.html),最後有一個鏈接指出如何使用帶有richfaces標籤的自定義css類。 –