1. #11
    Sencha - Community Support Team edspencer's Avatar
    Join Date
    Jan 2009
    Location
    Palo Alto, California
    Posts
    1,939
    Vote Rating
    9
    edspencer is a jewel in the rough edspencer is a jewel in the rough edspencer is a jewel in the rough

      0  

    Default


    Quote Originally Posted by mam View Post
    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
    Ext JS Senior Software Architect
    Personal Blog: http://edspencer.net
    Twitter: http://twitter.com/edspencer
    Github: http://github.com/edspencer

  2. #12
    Ext JS Premium Member stever's Avatar
    Join Date
    Mar 2007
    Posts
    1,407
    Vote Rating
    6
    stever will become famous soon enough stever will become famous soon enough

      0  

    Default


    Quote Originally Posted by edspencer View Post
    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?

  3. #13
    Sencha - Community Support Team edspencer's Avatar
    Join Date
    Jan 2009
    Location
    Palo Alto, California
    Posts
    1,939
    Vote Rating
    9
    edspencer is a jewel in the rough edspencer is a jewel in the rough edspencer is a jewel in the rough

      0  

    Default


    Are you using a Viewport?
    Ext JS Senior Software Architect
    Personal Blog: http://edspencer.net
    Twitter: http://twitter.com/edspencer
    Github: http://github.com/edspencer

  4. #14
    Ext JS Premium Member stever's Avatar
    Join Date
    Mar 2007
    Posts
    1,407
    Vote Rating
    6
    stever will become famous soon enough stever will become famous soon enough

      0  

    Default


    Quote Originally Posted by edspencer View Post
    Are you using a Viewport?
    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.

  5. #15
    Sencha - Community Support Team edspencer's Avatar
    Join Date
    Jan 2009
    Location
    Palo Alto, California
    Posts
    1,939
    Vote Rating
    9
    edspencer is a jewel in the rough edspencer is a jewel in the rough edspencer is a jewel in the rough

      0  

    Default


    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
    Ext JS Senior Software Architect
    Personal Blog: http://edspencer.net
    Twitter: http://twitter.com/edspencer
    Github: http://github.com/edspencer

  6. #16
    Ext JS Premium Member stever's Avatar
    Join Date
    Mar 2007
    Posts
    1,407
    Vote Rating
    6
    stever will become famous soon enough stever will become famous soon enough

      0  

    Default


    Quote Originally Posted by edspencer View Post
    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?

  7. #17
    Sencha - Sencha Touch Dev Team rdougan's Avatar
    Join Date
    Oct 2008
    Posts
    1,158
    Vote Rating
    6
    rdougan will become famous soon enough

      0  

    Default


    @stever

    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.