1. #1
    Ext JS Premium Member
    Join Date
    Dec 2011
    Location
    Bangalore, India
    Posts
    6
    Vote Rating
    0
    uday_sencha is on a distinguished road

      0  

    Default Slicer help for custom UI image creation

    Slicer help for custom UI image creation


    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.

  2. #2
    Sencha User Izhaki's Avatar
    Join Date
    Apr 2009
    Location
    London
    Posts
    118
    Vote Rating
    13
    Izhaki will become famous soon enough

      0  

    Default


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

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

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

Thread Participants: 1