Upgrade to ExtJS 4.0.7 - Released 10/19/2011
[extjs.git] / docs / source / Spacer.html
1 <!DOCTYPE html>
2 <html>
3 <head>
4   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
5   <title>The source code</title>
6   <link href="../resources/prettify/prettify.css" type="text/css" rel="stylesheet" />
7   <script type="text/javascript" src="../resources/prettify/prettify.js"></script>
8   <style type="text/css">
9     .highlight { display: block; background-color: #ddd; }
10   </style>
11   <script type="text/javascript">
12     function highlight() {
13       document.getElementById(location.hash.replace(/#/, "")).className = "highlight";
14     }
15   </script>
16 </head>
17 <body onload="prettyPrint(); highlight();">
18   <pre class="prettyprint lang-js"><span id='Ext-toolbar-Spacer'>/**
19 </span> * A simple element that adds extra horizontal space between items in a toolbar.
20  * By default a 2px wide space is added via CSS specification:
21  *
22  *     .x-toolbar .x-toolbar-spacer {
23  *         width: 2px;
24  *     }
25  *
26  * Example:
27  *
28  *     @example
29  *     Ext.create('Ext.panel.Panel', {
30  *         title: 'Toolbar Spacer Example',
31  *         width: 300,
32  *         height: 200,
33  *         tbar : [
34  *             'Item 1',
35  *             { xtype: 'tbspacer' }, // or ' '
36  *             'Item 2',
37  *             // space width is also configurable via javascript
38  *             { xtype: 'tbspacer', width: 50 }, // add a 50px space
39  *             'Item 3'
40  *         ],
41  *         renderTo: Ext.getBody()
42  *     });
43  */
44 Ext.define('Ext.toolbar.Spacer', {
45     extend: 'Ext.Component',
46     alias: 'widget.tbspacer',
47     alternateClassName: 'Ext.Toolbar.Spacer',
48     baseCls: Ext.baseCSSPrefix + 'toolbar-spacer',
49     focusable: false
50 });</pre>
51 </body>
52 </html>