Results 1 to 3 of 3

Thread: labelAlign not working in sencha-touch-2.1.0-beta3, when select is in hbox

    Success! Looks like we've fixed this one. According to our records the fix was applied for TOUCH-3558 in a recent build.
  1. #1
    Sencha User
    Join Date
    Jul 2012

    Default labelAlign not working in sencha-touch-2.1.0-beta3, when select is in hbox

    Hi All,

    Moving my app from to 2.1.0 (beta3) required me to fix some layout issues. I've been able to overcome most of them but there's one which I've been struggling with without success. It looks like surrounding a 'selectfield' with an 'hbox' causes the select field's label to be aligned with the former's bottom, rather than left. Setting the 'labelAlign' property explicitly didn't help. I'd much appreciate any workaround to this.

    I've isolated the problem with an example app. See the code and the result below.


    Ext.define("GS2.view.Main", {
        extend: 'Ext.Container',
        xtype: 'loginView',
        requires: ['Ext.field.Select'],
        config: {
            fullscreen: true,
            items: [
                    xtype: 'container',
                    layout: 'hbox',
                    width: '100%',
                    items: [
                            xtype: 'selectfield',
                            width: '100%',
                            label: 'Select',
                            labelAlign: 'left',
                            options: [
                                {text: 'First Option',  value: 'first'},
                                {text: 'Second Option', value: 'second'},
                                {text: 'Third Option',  value: 'third'}

  2. #2
    Sencha Premium User mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Gainesville, FL


    I have opened a bug in our bug tracker. labelAlign : 'top' does work but the default, left, does not work as expected.

  3. #3
    Sencha User rdougan's Avatar
    Join Date
    Oct 2008


    Thanks for the report. Fixed for the next release.
    Sencha Inc.
    Robert Dougan - @rdougan
    Sencha Touch 2 and Ext JS 4 Core Team Member, SASS/Theming Wizard.

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts