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
    117
    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
    117
    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 User mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    40,026
    Vote Rating
    1367
      0  

    Default

    Do you have $theme-name : 'blue'; set in app.scss?
    Mitchell Simoens @LikelyMitch
    Modus Create, Senior Frontend Engineer
    ________________
    Need any sort of Ext JS help? Modus Create is here to help!

    Check out my GitHub:
    https://github.com/mitchellsimoens

  4. #4
    Ext JS Premium Member cmeans's Avatar
    Join Date
    Jun 2010
    Location
    Chicago, IL USA
    Posts
    117
    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
  •