1. #1
    Sencha Premium Member
    Join Date
    May 2012
    Posts
    2
    Vote Rating
    1
    avoka_team is on a distinguished road

      1  

    Default Slice tool for large buttons

    Hello,

    we've got some particular UI requirements which require the usage of medium and large buttons (scale=medium or large), custom style for buttons, and support of IE8 and modern browsers.

    I've created my own button UIs using the extjs-button-ui mixin, and it works well for medium buttons. The slice tool produced the imaes, and the buttons look reasonably close on IE8 compared to that of Chrome or IE9. So in general, I don't have a problem using the slice tool or theming UI.

    However, there is a problem with large buttons. According to our requirements, the buttons are 100x100. With the theme definition similar to default-large buttons (with changed colors etc.) the buttons look good on Chrome/IE9 (see attached screenshot, with gradient evenly distributed across the button). However, after running the slice tool the images that it generates no longer match this look, and the buttons look odd on IE8. Attached is the generated background image. From what I can see, it looks identical to the medium button background, with gradient only taking 20-25 pixels at the top. Attached is also the screenshot of how the button looks on IE8 (with gradient only at the top of the image), and my manifest.

    Is this a known limitation of ExtJS or the slicing tool? Is there a way to make it work? What are the alternative ways of achieving the look that I'm after apart from rendering the whole button ourselves?

    Thanks.

    Denis
    Attached Images
    Attached Files

  2. #2
    Sencha - Community Support Team jsakalos's Avatar
    Join Date
    Apr 2007
    Location
    Slovakia
    Posts
    27,663
    Vote Rating
    401
    jsakalos has a brilliant future jsakalos has a brilliant future jsakalos has a brilliant future jsakalos has a brilliant future jsakalos has a brilliant future jsakalos has a brilliant future jsakalos has a brilliant future jsakalos has a brilliant future jsakalos has a brilliant future jsakalos has a brilliant future jsakalos has a brilliant future

      0  

    Default

    We at support have no control on SDK tools, don't you want this thread to be moved to its forum?
    Jozef Sakalos, aka Saki

    Education, extensions and services for developers at new http://extjs.eu
    News: Grid MultiSearch Plugin, Grid MultiSort Plugin, Configuring ViewModel Hierarchy


  3. #3
    Sencha Premium Member
    Join Date
    May 2012
    Posts
    2
    Vote Rating
    1
    avoka_team is on a distinguished road

      0  

    Default

    Can you move it or do I need to repost?

    Thanks.

    Denis

  4. #4
    Sencha - Support Team scottmartin's Avatar
    Join Date
    Jul 2010
    Location
    Houston, Tx
    Posts
    9,315
    Vote Rating
    485
    scottmartin has a reputation beyond repute scottmartin has a reputation beyond repute scottmartin has a reputation beyond repute scottmartin has a reputation beyond repute scottmartin has a reputation beyond repute scottmartin has a reputation beyond repute scottmartin has a reputation beyond repute scottmartin has a reputation beyond repute scottmartin has a reputation beyond repute scottmartin has a reputation beyond repute scottmartin has a reputation beyond repute

      0  

    Default

    Moved

    Scott

Thread Participants: 2

Tags for this Thread