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,556
    Vote Rating
    1272
      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! Checkout the CODE tag!

    Check out my GitHub, lots of nice things for Ext JS and Sencha Touch
    https://github.com/mitchellsimoens

  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
  •