Clear Up
SharpKit Reference

Spacer Class

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 .x-toolbar-spacer {
            width: 2px;
            }
            

Example:

  
    Ext.create('Ext.panel.Panel', {
            title: 'Toolbar Spacer Example',
            width: 300,
            height: 200,
            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'
            ],
            renderTo: Ext.getBody()
            });
            

Namespace: Ext.toolbar

Constructors

© Copyright 2005-2011 SharpKit. All rights reserved.