Properties Methods Events Config Options Direct Link
Observable
  Component
    BoxComponent
      Toolbar.Item
        Toolbar.Spacer

Class Ext.Toolbar.Spacer

Package:Ext
Defined In:Toolbar.js
Class:Toolbar.Spacer
Subclasses:Toolbar.Fill
Extends: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:

new Ext.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'
    ]
});

Config Options

Config OptionsDefined By
 allowDomMove : Boolean
Whether the component can move the Dom node when rendering (defaults to true).
Component
 data : Mixed
The initial set of data to apply to the tpl to update the content area of the Component.
Component
 disabled : Boolean
Render this component disabled (default is false).
Component
 disabledClass : String
CSS class added to the component when it is disabled (defaults to 'x-item-disabled').
Component
 hidden : Boolean
Render this component hidden (default is false). If true, the hide method will be called internally.
Component
 overflowText : String
Text to be used for the menu if the item is overflowed.
Toolbar.Item
 pageX : Number
The page level x coordinate for this component if contained within a positioning container.
BoxComponent
 pageY : Number
The page level y coordinate for this component if contained within a positioning container.
BoxComponent
 width : Number
The width of the spacer in pixels (defaults to 2px via css style .x-toolbar .xtb-spacer).
Toolbar.Spacer
 x : Number
The local x (left) coordinate for this component if contained within a positioning container.
BoxComponent
 y : Number
The local y (top) coordinate for this component if contained within a positioning container.
BoxComponent

Public Properties

PropertyDefined By
 disabled : Boolean
True if this component is disabled. Read-only.
Component
 hidden : Boolean
True if this component is hidden. Read-only.
Component
 initialConfig : Object
This Component's initial configuration specification. Read-only.
Component
 rendered : Boolean
True if this component has been rendered. Read-only.
Component

Public Methods

MethodDefined By

Public Events

EventDefined By