为我的应用程序更改 skinning.ecss答案

【问题标题】：Change skinning.ecss for my application为我的应用程序更改 skinning.ecss
【发布时间】：2012-07-26 06:22:19
【问题描述】：

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

【问题讨论】：

【解决方案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 文件来实现。

希望这会有所帮助！ :)

【讨论】：

感谢您的回答，但我想准确更改 ecss 文件。我知道 Richfaces 使用 ECSS 模板文件 (skinning.ecss) 并将皮肤文件中的值插入到该文件中。如何将标准 skinning.ecss 更改为另一个？
所以您想用另一个文件（例如 myFile.eccs）更改 skinning.eccs？但是，如果您可以覆盖 skinning.eccs 中的 css，为什么要这样做？例如，如果您想将一些 css 应用到，您可以在 css 文件中使用 .rf-p {}，它会覆盖富面孔面板 css！在我给你的链接中，你有关于这个你可以做的每一个改变的细节......我希望我已经正确理解它想要你想要的！ :)

【解决方案2】：

Richfaces 明确describes .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 文件

【讨论】：