Hybrid View

    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
    Posts
    5
    Vote Rating
    0
    yishayw is on a distinguished road

      0  

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

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


    Hi All,

    Moving my app from 2.0.1.1 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.

    Thanks,
    Yishay

    Code:
    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'}
                            ]
                        }
                    ]
                }
            ]
        }
    });
    Result:

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,525
    Vote Rating
    871
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    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 - Sencha Touch Dev Team rdougan's Avatar
    Join Date
    Oct 2008
    Posts
    1,158
    Vote Rating
    6
    rdougan will become famous soon enough

      0  

    Default


    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.

Thread Participants: 2