PDA

View Full Version : [FIXED-527][3.1] boxLabel is fixed to 22 by default css



Trey
4 Feb 2010, 8:15 AM
Ext version tested:


Ext 3.1.0



Adapter used:


ext



css used:


only default ext-all.css


Browser versions tested against:


FF3 (firebug 1.3.0.10 installed)


Operating System:



Win vista



Description:


When I set a too long text in a checkbox boxLabel, the text is mixed with next checkbox text. It's from this css :
/* 2.0.2 style */
.x-form-check-wrap {
line-height:18px;
height: 22px;
}



Test Case:



Ext.get(document.body).update('<div id="test"></div>');
var panel = new Ext.form.FormPanel({
width:500,
height:500,
defaults:{xtype:'checkbox'},
renderTo:'test',
items:[
{
boxLabel:'my checkbox'
},
{
boxLabel:'other checkbox'
},

{
boxLabel:'too long......................................................................................................'
},

{
boxLabel:'my last checkbox'
}
]

});

Possible fix:


.x-form-check-wrap {
height:auto;
}

jayrobinson
22 Feb 2010, 6:27 PM
This fix has been applied to Ext JS 3.1.x and 3.2.x.