21 Jan 2013 3:31 AM #1
Issue With Sencha CMD for generating images
I have created an custom UI component similar to below
$background-gradient:color-stops(#333333, #262626 5%, #1A1A1A 100%),
$background-gradient-over: color-stops(#494949 0%,#303030 100%),
I generated CSS using the sencha cmd which looks fine. Now I need to create images for supporting IE 8.
I added an entry in the custom.js as below
Ideally an image with name as 'btn-primarytab-toolbar-medium-bg.gif' should be generated. But the images generated is btn-primarytab-toolbar-medium-medium-bg.gif . Also the image generated is not having proper gradient.
21 Jan 2013 9:55 PM #2
Can someone please reply to this thread.
31 Jan 2013 9:38 PM #3
I'm having the same problem. The gradient image being generated isn't using the right colors etc.. Though the file names appear to be correct.
31 Jan 2013 10:03 PM #4
First thing to check is the rendering of theme.html in Chrome. Does the ui you have created appear correctly there?
31 Jan 2013 10:07 PM #5
I've check Chrome, IE & FF, not rendering correctly in theme.html.
1 Feb 2013 12:28 AM #6
The theme.html file need only render properly in Chrome/WebKit as Cmd uses that rendering engine to do the image slicing.
I would first figure out what is causing the rendering of theme.html to be incorrect in Chrome. Once that is working, slicing should work.