В настоящее время я пытаюсь изменить стиль моей панели, как на картинке, но я не могу манипулировать css каждого элемента в панели. Например, я попытался немного переместить последнее текстовое поле от других и хотел дать другую ширину с атрибутом стиля, но почему-то это не работает. Любые идеи о том, как это сделать?Ext JS Изменение CSS каждого элемента в панели
Ext.define('KitchenSink.view.form.FieldTypes', {
viewModel: true,
extend: 'Ext.form.Panel',
alias: 'form-fieldtypes',
renderTo:"tab3",
layout: 'form',
height: 565,
width: 800,
items: [{
xtype: 'textfield',
name: 'textfield1',
fieldLabel: 'Name',
value: 'Text field value'
},{
xtype: 'textfield',
name: 'textfield2',
fieldLabel: 'Description',
value: 'Text field value'
},{
xtype: 'textfield',
name: 'textfield3',
fieldLabel: 'Type',
value: 'Text field value'
},{
xtype: 'textfield',
name: 'textfield4',
fieldLabel: 'Version',
value: 'Text field value'
},{
xtype: 'textfield',
name: 'textfield5',
fieldLabel: 'Tag',
value: 'Text field value',
style:
{
width:'20px',
'margin-top':'130px',
},
}]
})
Ext.create('form-fieldtypes', {
renderTo: "tab3"
});