PDA

View Full Version : Theme image not found



CSchmitz81
14 Apr 2013, 7:09 AM
I've been trying for a while to create a custom button ui for my application and have been unsuccessful. This morning, I went into the bubble-panel example that comes with the SDK which is used to show how to create a custom ui for a component, changed one of the colors for the bubble UI, and use compass compile to generate the new stylesheet. Compass gave me the following error for each image it tried to pull:


WARNING: @theme-background-image: Theme image not found: ...
Followed by the path to where the images should be.

When I go to my app in my web browser the button has no style.

Could someone help point out where I'm going wrong? Here's my setup:

My scss file:


@import 'compass';
@import 'ext4/default/all';
$relative-image-path-for-uis: "../../images";






// Your custom code goes here...
@include extjs-button-ui(
'testui-small',


$border-radius: 0px,


$border-width: 0px,


$border-color: null,
$border-color-over: null,
$border-color-focus: null,
$border-color-pressed: null,
$border-color-disabled: null,


$padding: null,
$text-padding: null,


$background-color: null,
$background-color-over: null,
$background-color-focus: null,
$background-color-pressed: null,
$background-color-disabled: null,


$background-gradient: null,
$background-gradient-over: null,
$background-gradient-focus: null,
$background-gradient-pressed: null,
$background-gradient-disabled: null,


$color: null,
$color-over: null,
$color-focus: null,
$color-pressed: null,
$color-disabled: null,


$font-size: null,
$font-size-over: null,
$font-size-focus: null,
$font-size-pressed: null,
$font-size-disabled: null,


$font-weight: null,
$font-weight-over: null,
$font-weight-focus: null,
$font-weight-pressed: null,
$font-weight-disabled: null,


$font-family: null,
$font-family-over: null,
$font-family-focus: null,
$font-family-pressed: null,
$font-family-disabled: null,


$icon-size: null


);

... rest of the style rules


My manifest.js file at the root of my scss folder:


Ext.onReady(function() {
Ext.manifest = {
widgets: [
{
xtype: 'widget.button',
ui: 'testui'
}
]
};
});




the component definition in my view file:


{
xtype : 'button',
text : 'About Us',
id : 'aboutUs',
ui : 'testui'
},


And I made a copy of the ui images used in the ui's to my images folder so my sass file at location:

resources/sass/default/style.sass
Using the location variable:

$relative-image-path-for-uis: "../../images";
Can see the folder:

../../images/uis/

slemmon
19 Apr 2013, 7:52 AM
Bubble panel is the only piece hanging up on you or it's not building for buttons for you either?

CSchmitz81
21 Apr 2013, 4:45 AM
Hey, thanks for replying.

Neither Bubble Panel nor any custom UI's I build for myself will compile correctly with compass.

I've downloaded a whole new version of the SDK and command tools and tried it and it still won't work.

Any input that you could give would be immensely appreciated.

SebTardif
27 Aug 2014, 2:06 PM
So what is the solution for "WARNING: @theme-background-image: Theme image not found", I found over 5 threads in the forum and they are all dead without any solution of any kind.