jsf - 为我的应用程序更改 skinning.ecss

Question

我需要完全改变现有应用程序的 UI 样式。如何告诉 RichFaces，我想使用另一个 EL CSS 文件进行蒙皮？在哪里放置新的 .ecss 文件？

Answer 1

如果您想完全更改 RichFaces 皮肤，可以将其添加到 web.xml：

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

其中一些皮肤是：emeraldTown、blueSky、wine、japanCherry、ruby、classic、deepMarine 等。

但是，如果您想将某些内容更改为当前（或默认皮肤），您可以使用 .ecss 文件进行操作。

您可以在这里找到更多信息：http: //docs.jboss.org/richfaces/latest_4_2_X/Developer_Guide/en-US/html/chap-Developer_Guide-Skinning_and_theming.html

希望这可以帮助！:)

Answer 2

Richfaces 明确描述了 .ecss 文件的修改。

您可以通过为您的自定义皮肤创建一个 jar 并将 .ecss 文件添加到此存档中来做到这一点。

自定义皮肤 jar 具有以下结构：

└───META-INF
    │   faces-config.xml
    │   MANIFEST.MF
    │
    ├───resources
    │   │   skinning.ecss
    │   │   skinning_both.ecss
    │   │   skinning_classes.ecss
    │   │
    │   └───org.richfaces
    │           collapsiblePanel.ecss
    │           datascroller.ecss
    │           panel.ecss
    │           panelMenu.ecss
    │           popupPanel.ecss
    │           tabPanel.ecss
    │           toolbar.ecss
    │
    └───skins
            common.skin.properties

但请注意。我遇到了 Richfaces (4.3.7)并不总是喜欢您的自定义 ecss 文件而不是其标准文件的问题！我想出的唯一解决方案是从 richfaces-components-ui.jar 中删除相关的 .ecss 文件