1. #1
    Ext JS Premium Member cmeans's Avatar
    Join Date
    Jun 2010
    Location
    Chicago, IL USA
    Posts
    112
    Vote Rating
    7
    cmeans is on a distinguished road

      0  

    Default Custom theme not displaying for older browsers

    Custom theme not displaying for older browsers


    Sencha Cmd v3.0.0.230
    ExtJS v4.1.1a

    I created a custom theme (just one tweak to see something different).

    It's rendering fine in FF, but not in IE8.

    It appears that the CSS references to "sliced" files are wrong.

    For instance, the tool bar default is set as:

    HTML Code:
    background-image: url(../../../ext/resources/themes/images/default/toolbar/toolbar-default-bg.gif) !important
    but I think it should be:

    HTML Code:
    background-image: url(../../../ext/resources/themes/images/default/toolbar/toolbar-blue-bg.gif) !important
    ("blue" is my custom theme name.)

    Did I do something wrong in the "build/compile" process?

    Thanks.

  2. #2
    Ext JS Premium Member cmeans's Avatar
    Join Date
    Jun 2010
    Location
    Chicago, IL USA
    Posts
    112
    Vote Rating
    7
    cmeans is on a distinguished road

      0  

    Default


    I realized that my choice for a theme name might have been stupid (blue), so I tried a different theme name "coffee". Unfortunately, got the same result.

  3. #3
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,642
    Vote Rating
    898
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    Do you have $theme-name : 'blue'; set in app.scss?
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  4. #4
    Ext JS Premium Member cmeans's Avatar
    Join Date
    Jun 2010
    Location
    Chicago, IL USA
    Posts
    112
    Vote Rating
    7
    cmeans is on a distinguished road

      0  

    Default


    Nope.

    We're talking about the app.scss that's in the 'resources/sass/<theme>/' folder correct?

    If so, I just tried that using the theme name "coffee", and got tons of the following types of error:

    [INFO ] [shellscript] WARNING: @theme-background-image: Theme image not found: ../../../ext/resources/themes/images/coffee/box/corners.gif
    Here's my app.scss:

    Code:
    @import 'compass';
    
    $theme-name: 'coffee';
    $font-family: arial,verdana,sans-serif;
    $font-size: 12px;
    $base-color: #336ea4;
    
    @import 'ext4/default/all';
    -Chris

Thread Participants: 1