3 Nov 2012 10:10 AM #1
Custom theme not displaying for older browsers
Sencha Cmd v184.108.40.206
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:
background-image: url(../../../ext/resources/themes/images/default/toolbar/toolbar-default-bg.gif) !important
background-image: url(../../../ext/resources/themes/images/default/toolbar/toolbar-blue-bg.gif) !important
Did I do something wrong in the "build/compile" process?
3 Nov 2012 3:25 PM #2
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.
5 Nov 2012 7:28 AM #3
- Join Date
- Mar 2007
- Gainesville, FL
- Vote Rating
Do you have $theme-name : 'blue'; set in app.scss?
Sencha Inc, Senior Software Engineer
Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
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 firstname.lastname@example.org
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.
5 Nov 2012 9:09 AM #4
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
@import 'compass'; $theme-name: 'coffee'; $font-family: arial,verdana,sans-serif; $font-size: 12px; $base-color: #336ea4; @import 'ext4/default/all';