/** * @class Ext.toolbar.Spacer * @extends Ext.toolbar.Item * A simple element that adds extra horizontal space between items in a toolbar. * By default a 2px wide space is added via css specification:*.x-toolbar .xtb-spacer { width:2px; } *
Example usage:
** @constructor * Creates a new Spacer * @xtype tbspacer */ Ext.define('Ext.toolbar.Spacer', { extend: 'Ext.Component', alias: 'widget.tbspacer', cls: 'xtb-spacer', flex: 1 }); // Ext.reg('tbspacer', Ext.toolbar.Spacer);new Ext.panel.Panel({ tbar : [ 'Item 1', {xtype: 'tbspacer'}, // or ' ' 'Item 2', // space width is also configurable via javascript {xtype: 'tbspacer', width: 50}, // add a 50px space 'Item 3' ] });