1. #1
    Sencha User
    Join Date
    Oct 2011
    Posts
    23
    Vote Rating
    1
    Just-Boris is on a distinguished road

      0  

    Default Unanswered: Theme image not found, when button has no rounded-borders

    Unanswered: Theme image not found, when button has no rounded-borders


    I want green not rounded button and create custom UI.
    PHP Code:
    @include extjs-button-ui(
        
    /* UI + Scale */  'green-button-medium',
    // ...
    //colors, fonts, padding
    // ...
      
    $border-radius0px
    ); 
    Then I build theme using compass compile. But warnings like this appears in progress:
    PHP Code:
      WARNING: @theme-background-imageTheme image not found: ../images/btn/btn-green-button-medium-pressed-corners.gif
             on line 18 of 
    ../../ext/resources/themes/stylesheets/ext4/default/mixins/_theme-background-image.scss 
    This sprites doesn't need because this button hasn't rounded borders, but compass still write it. Built theme works correct but because of this warnings I may miss something really important.
    I slice theme on sptites by sencha cmd, but these files still missing. How to hide or fix it?

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,227
    Answers
    3523
    Vote Rating
    859
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    It will try to use the theme-background-image mixin only if $supports-border-radius and $compile-all variables are set to true, which they are by default. It does not go off the border radius you provide.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  3. #3
    Sencha User
    Join Date
    Oct 2011
    Posts
    23
    Vote Rating
    1
    Just-Boris is on a distinguished road

      0  

    Default


    It works good as temporary solution, but how do I be sure that $compile-all=false doesn't break something else?
    Why not add to extjs-button-ui mixin config $frame, which will handle framing and rounded-borders?

  4. #4
    Sencha User
    Join Date
    Oct 2013
    Posts
    3
    Vote Rating
    0
    Ravi.SDarj is on a distinguished road

      0  

    Default I have tire your solution but didnt work

    I have tire your solution but didnt work


    Can you please help?