如何在Richfaces中自定义SKIN?

时间:2011-12-26 07:09:04

标签: jsf-2 richfaces customization skin

我想自定义Web应用程序的整体外观。 目前我使用的是Richfaces 4.1.0。

第一次审判:

要自定义SKIN,我尝试按照http://www.packtpub.com/article/skin-customization-in-jboss-richfaces-3.3

  1. 添加了mySkin属性文件。
  2. 更新了build.xml
  3. 更新了web.xml。
  4. 但这一切都没有成果。我无法自定义皮肤。

    第二次审判:

    参考链接: - 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>
    

    但这也行不通。为了使其正常工作,我需要添加任何其他 RESOURCE

    第3次试验:

    <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>
    

    我尝试将背景颜色明确,但即使这样也失败了。

2 个答案:

答案 0 :(得分:2)

您可以在三个级别自定义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

答案 1 :(得分:0)

我尝试了几件不同的东西,但是对于

第一次试验&amp;

第二次审判

我找到了解决方案。

 <mime-mapping>
            <extension>ecss</extension>
            <mime-type>text/css</mime-type>
        </mime-mapping>
web.xml中缺少

,在添加上述行后,我开始得到预期的结果。