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

17 Nov 2011, 8:52 AM

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">


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'


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.