Sencha panel안의 items layout 정렬

panel의 중간에 보이도록 처리

Ext.create('Ext.panel.Panel', {
    title: 'Vertical Alignment Example',
    width: 400,
    height: 300,
    layout: {
        type: 'vbox', // Vertical box layout
        align: 'center', // Center items horizontally
        pack: 'center'   // Center items vertically
    },
    items: [
        {
            xtype: 'component',
            html: '<div style="font-size: 16px;">This is vertically centered!</div>'
        }
    ],
    renderTo: Ext.getBody()
});