Home/ Questions/Q 4236028
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-21T02:35:01+00:00

I’ve been asked to demo some ExtJS UI enhancements to our current apps inside

  • 0

I’ve been asked to demo some ExtJS UI enhancements to our current apps inside Salesforce. This is just a proof of concept that ExtJS will work as a good UI replacement for the default UI that most of our VisualForce pages use.

Everything works great, that is, except a few odds and ends of the CSS. There are lots of styles inside “…visual.force.com/sCSS/21.0/sprites/13013…/Theme3/default” that are messing with the ExtJS elements. Specifically commmon.css and extended.css. Here’s an example:

Extended.css

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

Is there an elegant way around this, or is ExtJS just not going to play well inside of Salesforce?

For example: Is there a way that I can tell my VisualForce page to ignore commmon.css and extended.css?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I can’t speak to whatever Salesforce is doing, but if Ext’s styles are being overridden (by any other CSS really) you have two choices: remove the offending CSS, or override the rules yourself. Not much way around that in Ext 3.x.

    In Ext 4 you’ll be able to sandbox your Ext styles by customizing the global Ext.baseCSSPrefix config, which will effectively eliminate this issue going forward.

    • 0