Hybrid View

  1. #1
    Sencha Premium Member
    Join Date
    Jan 2012
    Posts
    34
    Vote Rating
    0
    parasharsh is on a distinguished road

      0  

    Default Issue With Sencha CMD for generating images

    Issue With Sencha CMD for generating images


    Hi,
    I have created an custom UI component similar to below
    @include extjs-button-ui(
    'primarytab-toolbar-medium',
    $background-color:#444444,
    $background-color-over:#555555,
    $background-gradient:color-stops(#333333, #262626 5%, #1A1A1A 100%),
    $background-gradient-over: color-stops(#494949 0%,#303030 100%),
    $color:#CCCCCC,
    $color-over:#FFF,
    $color-disabled:#CCCCCC,
    $font-weight:bold,
    $font-family: $font-family,
    $font-family-over: $font-family
    );


    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
    {
    xtype: 'widget.button',
    ui: 'primarytab-toolbar-medium'
    }


    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.

  2. #2
    Sencha Premium Member
    Join Date
    Jan 2012
    Posts
    34
    Vote Rating
    0
    parasharsh is on a distinguished road

      0  

    Default


    Can someone please reply to this thread.

  3. #3
    Ext JS Premium Member cmeans's Avatar
    Join Date
    Jun 2010
    Location
    Chicago, IL USA
    Posts
    112
    Vote Rating
    7
    cmeans is on a distinguished road

      0  

    Default


    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.

  4. #4
    Sencha - Ext JS Dev Team dongryphon's Avatar
    Join Date
    Jul 2009
    Location
    Kansas
    Posts
    1,403
    Vote Rating
    147
    dongryphon is a splendid one to behold dongryphon is a splendid one to behold dongryphon is a splendid one to behold dongryphon is a splendid one to behold dongryphon is a splendid one to behold dongryphon is a splendid one to behold dongryphon is a splendid one to behold

      0  

    Default


    First thing to check is the rendering of theme.html in Chrome. Does the ui you have created appear correctly there?
    Don Griffin
    Engineering Manager - Frameworks (Ext JS / Sencha Touch)

    Check the docs. Learn how to (properly) report a framework issue and a Sencha Cmd issue

    "Use the source, Luke!"

  5. #5
    Ext JS Premium Member cmeans's Avatar
    Join Date
    Jun 2010
    Location
    Chicago, IL USA
    Posts
    112
    Vote Rating
    7
    cmeans is on a distinguished road

      0  

    Default


    I've check Chrome, IE & FF, not rendering correctly in theme.html.

  6. #6
    Sencha - Ext JS Dev Team dongryphon's Avatar
    Join Date
    Jul 2009
    Location
    Kansas
    Posts
    1,403
    Vote Rating
    147
    dongryphon is a splendid one to behold dongryphon is a splendid one to behold dongryphon is a splendid one to behold dongryphon is a splendid one to behold dongryphon is a splendid one to behold dongryphon is a splendid one to behold dongryphon is a splendid one to behold

      0  

    Default


    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.
    Don Griffin
    Engineering Manager - Frameworks (Ext JS / Sencha Touch)

    Check the docs. Learn how to (properly) report a framework issue and a Sencha Cmd issue

    "Use the source, Luke!"

Thread Participants: 2