how we can change the title alignment in a form

Question

I m creating a form in layout.I want to align the title in centre. example: Registration. Here is a simple code.

{
    // xtype: 'panel' implied by default
    title: 'Settings',
    region:'east',
    xtype: 'panel',
    margins: '0 0 0 0',
    width: 200,
    collapsible: true, 
    split: true,   // make collapsible
    id: 'egion-container',
    layout: 'fit'
 }

i want that title "Settings" in center

Answer 1

you can simply wrap title inside a div tag and do whatever you want :

{
    // xtype: 'panel' implied by default
    title: '<div style="text-align:center;">Settings</div>',
    region:'east',
    xtype: 'panel',
    margins: '0 0 0 0',
    width: 200,
    collapsible: true, 
    split: true,   // make collapsible
    id: 'egion-container',
    layout: 'fit'
}