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