Hybrid View

  1. #1
    Sencha User
    Join Date
    Mar 2012
    Posts
    2
    Vote Rating
    0
    Broonix is on a distinguished road

      0  

    Default Unanswered: x-body applied even with scopeResetCss = true

    Unanswered: x-body applied even with scopeResetCss = true


    I'm trying to upgrade from 4.0.1 to 4.0.7 or 4.1.0. In 4.0.1 using scopeResetCss = true caused ExtJs to not apply x-body to the body tag of my HTML.

    When I upgrade this is applied and overrides all the CSS I already have.

    Is there anyway to disable this from happening? even ext-all-scoped.css has this issue.

    I'm loading ext as follows:
    Code:
    <script type="text/javascript" src="/scripts/ext-4.0.7/ext-all.js"></script>
        <script type="text/javascript">
            Ext.scopeResetCSS = true;
        </script>
    I also tried:
    Code:
    <script>Ext = {buildSettings:{"scopeResetCSS": true }};</script>
    <script type="text/javascript" src="/scripts/ext-4.0.7/ext-all.js"></script>

  2. #2
    Sencha - Support Team scottmartin's Avatar
    Join Date
    Jul 2010
    Location
    Houston, Tx
    Posts
    8,910
    Answers
    655
    Vote Rating
    443
    scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future

      0  

    Default


    Try using: extjs/resources/css/ext-all-scoped.css

    Scott.

  3. #3
    Ext JS Premium Member
    Join Date
    Jul 2008
    Location
    New Zealand
    Posts
    91
    Vote Rating
    3
    Greendrake is on a distinguished road

      0  

    Exclamation


    Bump!
    This worked in 4.0.x
    I now want to embed an ExtJS widget in an old website and I get CSS styles screwed up because x-body class gets applied to BODY.

  4. #4
    Sencha - Services Team arthurakay's Avatar
    Join Date
    Sep 2008
    Location
    Antioch, IL
    Posts
    1,353
    Answers
    60
    Vote Rating
    33
    arthurakay is a jewel in the rough arthurakay is a jewel in the rough arthurakay is a jewel in the rough

      1  

    Default


    Can anyone confirm the last version of ExtJS in which this actually works as expected?

    The earliest version I have is 4.0.4, and it doesn't work. Having that knowledge will help me track down the issue (or explanation).
    Arthur Kay
    Developer Relations Manager, Sencha Inc.

    Twitter | Sencha Chicago User Group

  5. #5
    Ext JS Premium Member
    Join Date
    Jul 2008
    Location
    New Zealand
    Posts
    91
    Vote Rating
    3
    Greendrake is on a distinguished road

      0  

    Default


    I've just checked an existing application written on version 4.0.7 where scoped CSS seemingly works, but I still see x-body class applied to BODY. For some lucky reason it did not screw up styles in that particular application which made me think that x-body wasn't there.

    That makes me think that there was probably never an ExtJS version where x-classes were not applied to BODY and HTML when using CSS scoping .

  6. #6
    Sencha - Services Team arthurakay's Avatar
    Join Date
    Sep 2008
    Location
    Antioch, IL
    Posts
    1,353
    Answers
    60
    Vote Rating
    33
    arthurakay is a jewel in the rough arthurakay is a jewel in the rough arthurakay is a jewel in the rough

      0  

    Default


    Quote Originally Posted by Greendrake View Post
    That makes me think that there was probably never an ExtJS version where x-classes were not applied to BODY and HTML when using CSS scoping .
    That's what I was wondering about.

    As far back as I can see, that looks to be the case.

    For some lucky reason it did not screw up styles in that particular application which made me think that x-body wasn't there.
    Can you elaborate more on the specific styles that are causing issues? As in components/layouts that are not acting as you believe they should in a scoped CSS environment?
    Arthur Kay
    Developer Relations Manager, Sencha Inc.

    Twitter | Sencha Chicago User Group

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..."