PDA

View Full Version : [FIXED-277][3.??] The button with custom size under IE6/IE7



vladsch
30 Sep 2009, 6:40 AM
Browser: IE6/IE7

The following button

new Ext.Button({id:"Button1",renderTo:Ext.getBody(),height:128,width:128,text:"128 x 128"});

looks incorrect under IE6/7 if page contains the following DOCTYPE

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Screenshot:

Condor
30 Sep 2009, 7:40 AM
Temporary work-around:


Ext.override(Ext.Button, {
onResize : function(adjWidth, adjHeight, rawWidth, rawHeight){
if((Ext.isIE6 || Ext.isIE7) && Ext.isStrict && this.btnEl && Ext.isNumber(adjHeight)){
Ext.fly(this.btnEl.dom.parentNode.parentNode).setHeight(adjHeight - 6);
}
}
});

evant
1 Oct 2009, 6:01 AM
Condors fix applied to svn in rev #5437 for patch release 3.0.3.

At this point it's not ideal, but it works.

Condor
1 Oct 2009, 7:01 AM
I would prefer:

.ext-strict .ext-ie6 .x-btn-mc, .ext-strict .ext-ie7 .x-btn-mc {height: 100%;}

extJS_learner
7 Dec 2009, 4:08 PM
had to remove this style fix to get the button height correct using IE 7.0.5, XP. see attached pics.