ADF Skin.css - 自定义问题答案

【问题标题】：ADF Skin.css -customizing issuesADF Skin.css - 自定义问题
【发布时间】：2015-04-09 06:10:12
【问题描述】：

我正在处理 ADF skin.css 以创建自定义网页。我在 skin.css 上进行的许多自定义似乎并没有适当地反映在页面上。例如，当我尝试将渐变效果应用于面板拉伸布局时，它不会出现。任何人都可以提供有关如何进行此操作的良好指南吗？

谢谢，吉萨

【问题讨论】：

标签： css customization webpage oracle-adf skin

【解决方案1】：

尽管我不是 HTML 专家，但我发现最有效的是使用带有 Firebug 的 Firefox 查看生成的 HTML。

为了缩小 HTML 大小，ADF 会压缩样式表类的名称，例如：

class="x10" and class="x2e"

但是如果你去掉这个压缩，你会开始在 html 中看到这样的东西：

class="af_inputComboboxListOfValues_dropdown-table"

这可以通过这样的蒙皮来控制：

af|inputComboboxListOfValues::dropdown-table {
    height:350px;
}

要禁用 CSS 样式压缩，您需要将此 cod sn-p 放在您的 web.xml 中：

<context-param>
   <param-name>org.apache.myfaces.trinidad.DISABLE_CONTENT_COMPRESSION</param-name>
   <param-value>true</param-value>
</context-param>

【讨论】：

谢谢..在我尝试调试时非常有用。

【解决方案2】：

您可能想从使用皮肤编辑器开始 - 这里是它可以做什么的快速介绍 - https://blogs.oracle.com/shay/entry/adf_faces_skin_editor_how

【讨论】：