PDA

View Full Version : [FIXED] labelAlign: 'top' doesn't work



dlouwers
17 Nov 2011, 8:52 AM
REQUIRED INFORMATION


Ext version tested:


Sencha Touch 2.0 PR2



Browser versions tested against:


Chromium 14



DOCTYPE tested against:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">



Description:


After the upgrade from PR1 to PR2 the labels of form fields can not be placed above the fields anymore.



Steps to reproduce the problem:


Create a form with text fields with labelAlign:'top' specified.



The result that was expected:


Labels are positioned above the text field



The result that occurs instead:


Labels are positioned to the left of the text field



Test Case:



Ext.define('MyForm', {
extend: 'Ext.form.Panel',
requires: ['Ext.field.Text'],
config: {
items: [{
xtype: 'fieldset',
defaults: {
labelAlign: 'top'
},
items: [{
xtype: 'textfield',
name: 'text1',
label: 'text1'
},{
xtype: 'textfield',
name: 'text2',
label: 'text2'
}]
}]
}
});




HELPFUL INFORMATION


Debugging already done:


The element correctly gets the .x-label-align-top class but the label is still positioned to the left of the field. When labelWidth:'100%' is added, the label covers the text field entirely.



Possible fix:


not provided



Additional CSS used:


only default sencha-touch.css



Operating System:


Ubuntu 10.10

Jamie Avins
17 Nov 2011, 9:19 AM
Thank you for the report.