我是Rich Faces的新手.我们正在提供一份带有验证的表格.我们正在使用rich:message来显示错误消息.如果用户未输入数据,并且单击"保存",则将显示验证消息.当我使用rich:message时,错误消息后面会出现一条错误消息.
如何删除错误图像以及如何更改字体样式?
请关注我.
有两种方法可以更改样式和字体:
Skin允许您自定义某些样式(如字体),但不能自定义所有样式.要创建自己的皮肤,添加yourskinname.skin.properties在META-INF/skins目录中.另外,添加以下行web.xml:
<context-param>
<param-name>org.richfaces.skin</param-name>
<param-value>yourskinname</param-value>
</context-param>
Run Code Online (Sandbox Code Playgroud)
对于内容,复制文件META-INF/skins夹的一个文件的内容richfaces-core-impl-4.0.0-Final.jar,并更改所需的属性.您可以通过baseSkin=name of base skin在文件中添加" "来仅提供属性的子集:将从基础皮肤中检索文件中未描述的属性.
例如,要将字体更改为"Calibri 13px",您的文件将如下所示:
baseSkin = DEFAULT
generalSizeFont=13px
generalFamilyFont=Calibri
# Fonts
headerSizeFont=13px
headerFamilyFont=Calibri
tabSizeFont=13px
tabFamilyFont=Calibri
buttonSizeFont=13px
buttonFamilyFont=Calibri
Run Code Online (Sandbox Code Playgroud)
但是皮肤不适合您的情况(例如删除错误图像),因此您需要使用CSS,如@Asad所示.Personaly,我遇到了这个解决方案的问题:richfaces CSS总是在我的后面加载.我找到了一种克服这个问题的方法:我把一个<h:outputStylesheet library="css" name="myrichfaces.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;
}
Run Code Online (Sandbox Code Playgroud)
| 归档时间: |
|
| 查看次数: |
5977 次 |
| 最近记录: |