1. #1
    Sencha - Services Team Stju's Avatar
    Join Date
    Dec 2008
    Location
    Redwood city, California
    Posts
    287
    Vote Rating
    3
    Stju is on a distinguished road

      0  

    Question labelAlign is ignored on child containers

    labelAlign is ignored on child containers


    Looks like labelAlign is ignored on child containers.
    For example(fields in Form definition):
    Code:
    {
                xtype:'textfield',
                name:'aaa',
                fieldLabel:'Label A'
            },{
                xtype:'textfield',
                labelAlign:'top',
                name:'bbb',
                fieldLabel:'Label B'
            }
    ..so for field bbb label is still placed on the left side instead of top position..
    Any thoughts or should this be moved to bugs?
    Version 3.2.2

  2. #2
    Sencha - Services Team Stju's Avatar
    Join Date
    Dec 2008
    Location
    Redwood city, California
    Posts
    287
    Vote Rating
    3
    Stju is on a distinguished road

      0  

    Default


    As there is no labelAlign property for fields I could not figure out how to override it (despite in documentation for Form is stated: * @cfg {String} labelAlign The label alignment value used for the text-align specification
    * for the
    container. Valid values are "left", "top" or "right"
    * (defaults to
    "left"). This property cascades to child containers and can be
    * overridden on any child
    container (e.g., a fieldset can specify a different labelAlign
    * for its fields).

    ),
    I came with solution:
    Code:
    items:[{
    xtype:'textfield',
    name:'kombuli'
    },
    .
    .
    .
    {
                layout:'column',
                border:false,
                    items:[{
                        columnWidth:.33,
                        layout: 'form',
                        labelAlign: 'top',
                        border:false,
                        items: [{
                            xtype:'datefield',
                            format:'d.m.Y',
                            name:'izsludinasanas_dat',
                            fieldLabel:'Date of issue'
                        }]
                    },{
                        columnWidth:.33,
                        layout: 'form',
                        labelAlign: 'top',
                        border:false,
                        items: [{
                            xtype:'datefield',
                            format:'d.m.Y',
                            name:'beigu_dat',
                            fieldLabel:'Valid till'
                        }]
                    },{
                        columnWidth:.33,
                        layout: 'form',
                        labelAlign: 'top',
                        border:false,
                        items: [{
                            xtype:'datefield',
                            format:'d.m.Y',
                            name:'pasutijuma_dat',
                            fieldLabel:'Planned date of order'
                        }]
                    }]
                }
    .
    .
    .
    Maybe there is more simpler solution, but at least this one works out of the box

Similar Threads

  1. [2.0] FieldSet labelAlign
    By trbs in forum Community Discussion
    Replies: 13
    Last Post: 2 Apr 2009, 8:17 PM
  2. LabelAlign issues
    By dieter in forum Ext 2.x: Help & Discussion
    Replies: 0
    Last Post: 5 May 2008, 2:53 AM
  3. labelAlign: 'right' same as 'left'
    By Chimera in forum Ext 2.x: Help & Discussion
    Replies: 3
    Last Post: 14 Nov 2007, 11:47 AM
  4. labelAlign bug
    By mdombos in forum Ext 1.x: Bugs
    Replies: 1
    Last Post: 8 Aug 2007, 9:27 AM