CSS,Salesforce,ExtJS和布鲁斯

Question

我被要求为Salesforce中的当前应用程序演示一些ExtJS UI增强功能.这只是一个概念证明,ExtJS将作为我们大多数VisualForce页面使用的默认UI的良好UI替代品.

一切都很好,也就是说,除了CSS的几个零碎之外."... visual.force.com/sCSS/21.0/sprites/13013.../Theme3/default"里面有很多样式,它们正在搞乱ExtJS元素.特别是commmon.css和extended.css.这是一个例子:

Extended.css

body .x-date-middle, .x-date-left, .x-date-right {
    background: none repeat scroll 0 0 transparent;
}

有没有一种优雅的方式,或者ExtJS是不是在Salesforce内部发挥不好？

例如:有没有办法告诉我的VisualForce页面忽略commmon.css和extended.css？

Answer 1

您需要标准的Salesforce样式表吗？如果没有,您可以使用showHeader和standardStylesheets属性来阻止Salesforce发送样式表.

<apex:page standardStylesheets="false" showHeader="false">
</apex:page>

Answer 2

我无法谈论 Salesforce 正在做的任何事情，但如果 Ext 的样式被覆盖（实际上被任何其他 CSS 覆盖），您有两个选择：删除有问题的 CSS，或自己覆盖规则。Ext 3.x 中对此没有太多解决办法。

在 Ext 4 中，您将能够通过自定义全局配置来沙箱您的 Ext 样式Ext.baseCSSPrefix，这将有效地消除此问题。