Intellipaat Back

Explore Courses Blog Tutorials Interview Questions
0 votes
in Salesforce by (11.9k points)

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 "" that are messing with the ExtJS elements. Specifically commmon.css and extended.css. Here's an example:


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?

1 Answer

0 votes
by (32.1k points)
edited by

It looks like you're using Ext 3. The latest version, ie. ExtJS 6. Right from Ext 4 you're able to sandbox your Ext styles by customizing the global Ext.baseCSSPrefixconfig, this effectively eliminates this issue from going forward.

I will recommend you this salesforce certification course from Intellipaat. This training provides all the required skills and helps you to become a certified salesforce developer!

Browse Categories