1. #1
    Sencha User
    Join Date
    Mar 2007
    Location
    Austria
    Posts
    118
    Vote Rating
    1
    Carina is on a distinguished road

      0  

    Default [2.0.2][SOLVED] button text cut off in IE7 when using uppercase

    [2.0.2][SOLVED] button text cut off in IE7 when using uppercase


    ext 2.0.2, rev. 1705, IE7:
    When setting text-transform:uppercase or setting a larger letter spacing, the text in an Ext.Toolbar.Button is cut off.
    PHP Code:
    .mycooltoolbar button.x-btn-text{
      
    text-transform:uppercase;
      
    letter-spacing:0.5em;

    I think this is caused by Ext.util.TextMetrics.Instance.bind (which is called by Ext.Button.autowidth) because it doesn't take these styles (text-transform, letter-spacing and maybe others too) into consideration. If modified like this, it works fine:
    PHP Code:
      bind : function(el){
        
    ml.setStyle(
           
    Ext.fly(el).getStyles('font-size','font-style''font-weight''font-family','line-height' /* added => */'text-transform''letter-spacing' /* <= added */)
        );
      }, 

  2. #2
    Sencha User jack.slocum's Avatar
    Join Date
    Mar 2007
    Location
    Tampa, FL
    Posts
    6,955
    Vote Rating
    17
    jack.slocum will become famous soon enough jack.slocum will become famous soon enough

      0  

    Default


    Thanks. This will be in the next commit.
    Jack Slocum
    Ext JS Founder
    Original author of Ext JS 1, 2 & 3.
    Twitter: @jackslocum
    jack@extjs.com

Thread Participants: 1