[CLOSED] Ext.ux.statusbar.StatusBar - tbFill issue

[supera]

[Daniil]

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]

Hi Daniil!

Changing to common Toolbar, working very fine!

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

Thanks a lot