PDA

View Full Version : Applying scopeResetCSS:true and ext-all-scoped.css doesn't work correctly



DotNetCSharp
8 Mar 2012, 4:10 AM
I use several components from Ext JS inside a web application (ASP.NET MVC). Therefore, I must use scopeResetCSS:true and ext-all-scoped.css, so that the styles of the other content remains unaffected. Unfortunately, this doesn't work correctly:

- Column headers of Ext.grid.Panel are looking not as before (gray and flat)
- Buttons are looking not as before
- Setting modal:true on Ext.window.Window doesn't work (window isn't modal)

I have noticed that css class x-border-box is applied anyway to html tag.
I am using Ext JS 4.0.7 and Internet Explorer 9. If I use Firefox 9.0.1 the style specific issues don't occur, but modal windows don't work as well.
What I am doing wrong?

Any help is appreciated.

Broonix
4 Jun 2012, 12:26 PM
Have you found a solution to this yet? I've having the same issue coming from 4.0.1 to 4.1.0

DotNetCSharp
4 Jun 2012, 10:34 PM
Up to now there was no help in the forum. I still have no solution for the problem, except: live with the limitations or do not use ExtJS with scoped CSS. The issue with differing styles are cosmetics, but if a modal dialog is not a modal dialog, it's a serious problem!