Sencha ExtJS Header Title Center Text -

Sencha ExtJS Header Title Center Text -

maybe case of me on thinking have panel , have text want set in title want text centered. want default background (blue) , text color (white) changed custom style. have been able alter background , text color cannot figure out how center in panel. here code below:

{ header: {xtype: 'header', margin:'5', basecls: 'pnlname-header', title: { basecls:'pnlname-header-header', text: '<u>name:</u><br>josh' }}, xtype: 'panel', flex: 15, layout: { type: 'vbox', align: 'center'}} .pnlname-header { color: #ff0000; font-family: tahoma,arial,verdana,sans-serif; font-size: 12px; font-weight: bold; background-color: #ffffff; text-align:center;

}

i pretty sure has simple. help appreciated.

v/r,

josh

how same approach used in header? http://jsfiddle.net/zk31wo5j/1/

//your panel code cls:'center', html: 'some text pretty centered'

where

.center{ text-align:center; }

extjs sencha-touch