如何在Richfaces中自定义SKIN？

Question

我想定制我的网络应用程序的整体外观和感觉。 目前我使用的是Richfaces 4.1.0。

第一次试用：

要自定义皮肤，我尝试遵循 http:// /www.packtpub.com/article/skin-customization-in-jboss-richfaces-3.3

1. 添加了 mySkin 属性文件。
2. 更新了 build.xml
3. 更新了 web.xml。

但这一切并没有取得成果。我无法自定义皮肤。

第二次试用：

参考链接：- http://docs.jboss.org/richfaces/latest_4_1_X/Developer_Guide/en-US/html/chap-Developer_Guide-Skinning_and_theming.html

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

但这也不起作用。为了使其正常工作，我是否需要添加任何额外的资源？

第三次试验：

<rich:tabPanel switchType="client" style="width: 70%;margin: auto;background-color:red;">
            
                <rich:tab header="Overview">
                    Tab 1 Content
                </rich:tab>
                <rich:tab header="JSF 2 and RichFaces 4">
                    Tab 2 Content
                </rich:tab>
            
        </rich:tabPanel>

我尝试显式设置背景颜色，但即使这样也失败了。

Answer 1

您可以在 Richfaces 中自定义三个级别的皮肤。

使用皮肤属性文件

可以通过改变皮肤中皮肤参数的值来修改应用界面。为此，您需要编辑 Skin.properties 文件中定义的常量值，以更改映射到该外观属性的每个组件的样式。

使用组件样式表

可以修改组件的 ECSS 文件中列出的映射和其他样式属性。编辑 ECSS 文件的内容以更改该类型的所有组件的样式。

使用自定义组件样式类，

您还可以为各个组件指定 styleClass 属性。为此，将新的样式类添加到应用程序 CSS 中，并使用 styleClass 属性从单个组件引用它。

通过在应用程序中覆盖样式表

您还可以加载自定义样式表，使用该样式表重写为组件的样式类定义的扩展样式。

有关详细信息，请参阅 http://docs.jboss.org/richfaces/latest_4_1_X/Developer_Guide/en-US/html/chap-Developer_Guide-Skinning_and_theming.html

Answer 2

我尝试了一些不同的事情，但对于

第一次试验和第二次试验

第二次试验

我找到了解决方案。

 <mime-mapping>
            <extension>ecss</extension>
            <mime-type>text/css</mime-type>
        </mime-mapping>

web.xml 中缺少，添加上述行后，我开始得到预期的结果。