What is the correct way to install ExtJS 4.2 in CSS mode with CSS?

Question

ExtJS 4.2 doesn't seem to include scoped CSS. Therefore, when I use ExtJS to render the grid, my view of the page is destroyed. I checked this link: How to embrace CSS reset that applies to Ext components using the scopeResetCSS property?

I wonder if there is a way to do a CSS reset area or any method to do what I want in ExtJS 4.2.

Answer 1

@Sencha explains the fix in this link.

ExtJs v4.1.1 or v4.2.1 Ext = { buildSettings:{ baseCSSPrefix: 'x-', scopeResetCSS: true } }; ExtJs v4.2.0 Ext.define('Ext.BorderBoxFix', { override: 'Ext.AbstractComponent', initStyles: function(targetEl) { this.callParent(arguments); if (Ext.isBorderBox && (!me.ownerCt || me.floating)) { targetEl.addCls(Ext.baseCSSPrefix + 'border-box'); } } }); Ext.onReady(function() { Ext.fly(document.documentElement).removeCls(Ext.baseCSSPrefix + 'border-box'); });