Success! Looks like we've fixed this one. According to our records the fix was applied for TOUCH-1616 in a recent build.
  1. #1
    jay@moduscreate.com's Avatar
    Join Date
    Mar 2007
    Location
    Frederick MD, NYC, DC
    Posts
    16,361
    Vote Rating
    81
    jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all

      0  

    Default [PR4] form.Field labelWidth improperly documented, and input field is unstyled.

    [PR4] form.Field labelWidth improperly documented, and input field is unstyled.


    The documentation is very confusing:
    It states number but demonstrates a string. It seems that *only* percentages work, not real numbers.

    Code:
    labelWidth : Number
    The width to make this field's label (defaults to 30%).
    
    Defaults to: "30%"

    That said, The text field itself is unstyled unless you wrap it in a field set. This feels dir
    PHP Code:
    Ext.create('Ext.form.Panel', {
                
    floating   true,
                
    height     100,
                
    width      300,
                
    items      : [
                    {
                        
    xtype 'textfield',
                        
    label 'Name',
                        
    labelWidth 90
                    
    }
                ]
            }).
    show() 




    With the field set item:
    PHP Code:
      
            Ext
    .create('Ext.form.Panel', {
                
    fullscreen true,
                
    centered   true,
                
    height     100,
                
    width      300,
                
    items      : {
                    
    xtype  'fieldset',
                    
    items  : [
                        {
                            
    xtype      'textfield',
                            
    label      'Name',
                            
    labelWidth 90 // only something like '90%' works
                        
    }
                    ]
                }

            }); 

  2. #2
    Sencha User Jamie Avins's Avatar
    Join Date
    Mar 2007
    Location
    Redwood City, California
    Posts
    3,661
    Vote Rating
    20
    Jamie Avins is a jewel in the rough Jamie Avins is a jewel in the rough Jamie Avins is a jewel in the rough

      0  

    Default


    Thank you for the report.

    Sencha Inc

    Jamie Avins

    @jamieavins

  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.

    Override for anyone who can't wait until the next release:

    Code:
    Ext.define('Ext.overrides.field.Field', {
        overrides: 'Ext.field.Field',
    
        updateLabelWidth: function(newLabelWidth) {
            if (newLabelWidth) {
                this.label.setWidth(newLabelWidth);
            }
        }
    });
    Sencha Inc.
    Robert Dougan - @rdougan
    Sencha Touch 2 and Ext JS 4 Core Team Member, SASS/Theming Wizard.

Thread Participants: 2