PDA

View Full Version : [CLOSED] Ext.ux.statusbar.StatusBar - tbFill issue



supera
Feb 08, 2013, 12:54 PM

Daniil
Feb 08, 2013, 2:40 PM
Hi @supera,

A StatusBar has the specific structure. It has the status in a corner (right or left according to the StatusAlign option) and all the rest things in another corner. It adds a tbfill internally to accomplish this structure. It doesn't allow to get the layout you need.

Please use a common Toolbar or override the StatusBar's initComponent as needed. The default is:

StatusBar's initComponent

initComponent : function(){
var right = this.statusAlign === 'right';

this.callParent(arguments);
this.currIconCls = this.iconCls || this.defaultIconCls;
this.statusEl = Ext.create('Ext.toolbar.TextItem', {
cls: 'x-status-text ' + (this.currIconCls || ''),
text: this.text || this.defaultText || ''
});

if (right) {
this.cls += ' x-status-right';
this.add('->');
this.add(this.statusEl);
} else {
this.insert(0, this.statusEl);
this.insert(1, '->');
}
}

supera
Feb 08, 2013, 3:48 PM
Hi Daniil!

Changing to common Toolbar, working very fine!


tbStatus = Ext.create("Ext.toolbar.Toolbar", {
itemId: "tbStatus",
region: "south"
});


Thanks a lot