projects / extjs.git / blame
| Commit | Line | Data |
|---|---|---|
| 6527f429 DM |
1 | /**\r |
| 2 | * A simple element that adds extra horizontal space between items in a toolbar.\r | |
| 3 | * By default a 2px wide space is added via CSS specification:\r | |
| 4 | *\r | |
| 5 | * .x-toolbar .x-toolbar-spacer {\r | |
| 6 | * width: 2px;\r | |
| 7 | * }\r | |
| 8 | *\r | |
| 9 | * Example:\r | |
| 10 | *\r | |
| 11 | * @example\r | |
| 12 | * Ext.create('Ext.panel.Panel', {\r | |
| 13 | * title: 'Toolbar Spacer Example',\r | |
| 14 | * width: 300,\r | |
| 15 | * height: 200,\r | |
| 16 | * tbar : [\r | |
| 17 | * 'Item 1',\r | |
| 18 | * { xtype: 'tbspacer' }, // or ' '\r | |
| 19 | * 'Item 2',\r | |
| 20 | * // space width is also configurable via javascript\r | |
| 21 | * { xtype: 'tbspacer', width: 50 }, // add a 50px space\r | |
| 22 | * 'Item 3'\r | |
| 23 | * ],\r | |
| 24 | * renderTo: Ext.getBody()\r | |
| 25 | * });\r | |
| 26 | */\r | |
| 27 | Ext.define('Ext.toolbar.Spacer', {\r | |
| 28 | extend: 'Ext.Component',\r | |
| 29 | // Toolbar required here because we'll try to decorate it's alternateClassName\r | |
| 30 | // with this class' alternate name\r | |
| 31 | requires: ['Ext.toolbar.Toolbar'],\r | |
| 32 | alias: 'widget.tbspacer',\r | |
| 33 | alternateClassName: 'Ext.Toolbar.Spacer',\r | |
| 34 | baseCls: Ext.baseCSSPrefix + 'toolbar-spacer',\r | |
| 35 | \r | |
| 36 | ariaRole: 'presentation'\r | |
| 37 | }); |