Hola soy nuevo con ext y estoy trabajando con los Form.Panel, tengo problemas al momento de pintarlos en la pagina, los encabezados quedan disparejos y no ajustan bien


El codigo que tengo es:

Código: Seleccionar todo

Ext.create('Ext.panel.Panel', {
    width: 800,
    height: 600,
    renderTo: Ext.getBody(),
    title: 'Border Layout',

    layout: {
        type: 'border'
    },   
    defaults: {
        collapsible: true,
        split: true,
    },
   
    items: [{
        // xtype: 'panel' implied by default
        title: 'West Region is collapsible',
        region:'east',
        xtype: 'panel',
        width: 180,
        height: 600,
        collapsible: true,   // make collapsible
        margins: '2 2 2 2'
        },{
        title: 'Center Region',
        region: 'center',     // center region is required, no width/height specified
        xtype: 'panel',
        width: 600,
        height: 600,
        margins: '2 2 2 2',
        collapsible: false,
    }],

});


region: 'center', // center region is required, no width/height specified

Lo cual dice que no necesitas poner un ancho y alto a la region center. Quita el width y height del center y funcionara perfecto