Results 1 to 4 of 4

Thread: Custom theme not displaying for older browsers

  1. #1
    Ext JS Premium Member cmeans's Avatar
    Join Date
    Jun 2010
    Location
    Chicago, IL USA
    Posts
    115
    Vote Rating
    7
      0  

    Default 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
    115
    Vote Rating
    7
      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 - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    39,336
    Vote Rating
    1296
      0  

    Default

    Do you have $theme-name : 'blue'; set in app.scss?
    Mitchell Simoens @LikelyMitch
    Sencha Inc, Senior Software Engineer
    ________________
    Learn BBCode and use it!

    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
    115
    Vote Rating
    7
      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

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •