Regarding the original question, is it possible to embed non-extjs js components (like jquery components) inside extjs containters/layouts?
Absolutely - it's just HTML when it comes down to it. Adding it here should not give you a problem, though the reset CSS may affect the rendering of external components. We only apply the reset CSS to our own components so that we don't pollute the page as a whole, but if you nest external components inside our own they will naturally be reset too
We only apply the reset CSS to our own components so that we don't pollute the page as a whole, but if you nest external components inside our own they will naturally be reset too
When did that change? I swear, when I add Sencha stuff to a page, the page changes even if I don't have ExtJS components actually on the page. Perhaps I am imagining this?
A viewport component? No. I'm talking about just adding the ExtJS CSS file and the ExtJS JS file to a normal web page, which applies the reset to the body. If it did not, I might be inclined to put it on a few million domains.
In 4 you can actually circumvent that - say you've got a page already with stuff on it and just want to add an Ext JS grid, by using the new CSS scoping you can avoid resetting the CSS for the entire page
In 4 you can actually circumvent that - say you've got a page already with stuff on it and just want to add an Ext JS grid, by using the new CSS scoping you can avoid resetting the CSS for the entire page
That's awesome... how? Is there a guide or something for that?
You can do it by setting the Ext.scopeResetCSS property, or doing a custom build of Ext JS using the scopeResetCSS setting.
If it is set to true, every outermost Ext JS component will be wrapped in a reset div, so the styling is only applied to it. You will also have to build a custom version of our theme with the $scope-reset-css variable set to true.
Originally Posted by mam
Ext JS Senior Software Architect
Reply With Quote
