X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/7a654f8d43fdb43d78b63d90528bed6e86b608cc..3789b528d8dd8aad4558e38e22d775bcab1cbd36:/src/toolbar/Spacer.js diff --git a/src/toolbar/Spacer.js b/src/toolbar/Spacer.js index 61b044e7..1494ffb4 100644 --- a/src/toolbar/Spacer.js +++ b/src/toolbar/Spacer.js @@ -3,29 +3,30 @@ * @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 .x-toolbar-spacer {
-        width:2px;
-    }
- * 
- *

Example usage:

+ * + * .x-toolbar .x-toolbar-spacer { + * width:2px; + * } + * + * ## Example + * * {@img Ext.toolbar.Spacer/Ext.toolbar.Spacer.png Toolbar Spacer} - *

-    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()
-    });   
-
+ * + * 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() + * }); + * * @constructor * Creates a new Spacer * @xtype tbspacer