CSS, Salesforce, ExtJS и блюз

Question

Меня попросили продемонстрировать некоторые улучшения пользовательского интерфейса ExtJS для наших текущих приложений в Salesforce.Это просто подтверждение концепции, что ExtJS будет работать как хорошая замена пользовательского интерфейса по умолчанию для интерфейса, который используется большинством наших страниц VisualForce.

Все отлично работает, то есть, за исключением нескольких шансов 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 конфиг, который эффективно устранит эту проблему в будущем.