Upgrade to ExtJS 4.0.1 - Released 05/18/2011
[extjs.git] / src / toolbar / Spacer.js
index 61b044e..1494ffb 100644 (file)
@@ -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:
- * <pre><code>
-    .x-toolbar .x-toolbar-spacer {
-        width:2px;
-    }
- * </code></pre>
- * <p>Example usage:</p>
+ *
+ *     .x-toolbar .x-toolbar-spacer {
+ *         width:2px;
+ *     }
+ *
+ * ## Example
+ *
  * {@img Ext.toolbar.Spacer/Ext.toolbar.Spacer.png Toolbar Spacer}
- * <pre><code>
-    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()
-    });   
-</code></pre>
+ *
*     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