PDA

View Full Version : [FIXED][3.0.0] Displayfield in a form is not aligned with fieldlabel



jburnhams
16 Jul 2009, 1:18 AM
As subject. The displayfield is higher than the fieldlabel.

Code below can be put in the examples directory to test


<html>
<head>
<link rel="stylesheet" type="text/css" href="../resources/css/ext-all.css" />
<script type="text/javascript" src="../adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../ext-all.js"></script>
</head>

<body>
<script type="text/javascript">
Ext.onReady(function(){

var simple = new Ext.Window({
width: 500,
autoHeight: true,
layout: 'fit',
items:[{
xtype: 'form',
frame: true,
autoHeight: true,
items: [{
xtype: 'displayfield',
fieldLabel: 'Display1',
value:'This text is not aligned with the label'
},{
xtype: 'displayfield',
fieldLabel: 'Display2',
value:'This text is not aligned with the label'
}]
}]
});

simple.show();
});
</script>
</body>
</html>

carlopires
16 Jul 2009, 6:41 AM
I confirmed this bug. Any hint to fix this ?

evant
16 Jul 2009, 10:09 AM
Fixed in SVN.

jburnhams
16 Jul 2009, 11:51 PM
Thanks.

Fixed css is:


.x-form-display-field{
padding-top: 3px;
}