View Full Version : Slicer help for custom UI image creation

11 Jan 2012, 4:12 AM
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.

29 Jun 2012, 3:13 AM
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