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 