[blackfox]

Здравствуйте!
Помогите решить простенькую задачку.
Просто надо расположить компонент по центру но не получается. Может кто кинет примерчик?

<script>
Ext.onReady(function(){
    
var form = new Ext.form.FormPanel({
        baseCls: 'x-plain',
        layout:'form',
        defaultType: 'textfield',
        border: false,
        hideBorders: true,
        plain:true,
        labelWidth: 180,
    items: [
      {xtype:'textfield', id:'text', fieldLabel:'', value : 'Поле которое надо центрировать', width: 200},
      {xtype:'numberfield', id:'year', fieldLabel:'Тест 1', value : ''},
      {xtype:'numberfield', id:'month', fieldLabel:'Тест 2', value : '1'},
      {xtype:'checkbox', id:'inv', fieldLabel:'Тест 3'}




           ]
    });

var win = new Ext.Window({
        title: 'Ia?aiao?u io?aoa',
        width: 400,
        height: 200,
        layout: 'fit',
        border: false,
        hideBorders: true,
        plain:true,
        items: [form]
    }).show();
    
    
});

</script>

центрировать нужно первое поле xtype:'textfield' Прошу помощи! layout и layoutConfig пробовал и align что то не действует. наверное что то не то делаю так как с компонентом всего неделю работаю...