Slicer help for custom UI image creation

[uday_sencha]

I have followed the theming doc http://docs.sencha.com/ext-js/4-0/#!/guide/theming to create new ExtJS UI "bubble" as per the doc with one modification "$ui-header-background-gradient: color-stops(yellow, red)" instead of "$ui-header-background-gradient: null" .

Tried to use the command
"sencha slice theme -d extjs -c resources/css/my-ext-theme.css -o resources/images -v" at the <appname> directory it created the images (for panel, tip, btn-group etc), but no images created for new ExtJS UI "bubble".

I've been looking for info in the forums and docs to see if there is anything to help a newbie like me and so far I'm lost.

[Izhaki]

You'd need to create a new file (for example, resources/manifest.js):



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


And then run:


sencha slice theme -d extjs -m resources/manifest.js -c resources/css/my-ext-theme.css -o resources/images -v