macoslinuxwindowsinboxwhatsappicloudtweetdeckhipchattelegramhangoutsslackgmailskypefacebook-workplaceoutlookemailmicrosoft-teamsdiscordmessengercustom-services
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
37 lines
1.1 KiB
37 lines
1.1 KiB
9 years ago
|
/**
|
||
|
|
* 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:
|
||
|
|
*
|
||
|
|
* @example
|
||
|
|
* 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.define('Ext.toolbar.Spacer', {
|
||
|
|
extend: 'Ext.Component',
|
||
|
|
// Toolbar required here because we'll try to decorate it's alternateClassName
|
||
|
|
// with this class' alternate name
|
||
|
|
requires: ['Ext.toolbar.Toolbar'],
|
||
|
|
alias: 'widget.tbspacer',
|
||
|
|
alternateClassName: 'Ext.Toolbar.Spacer',
|
||
|
|
baseCls: Ext.baseCSSPrefix + 'toolbar-spacer',
|
||
|
|
|
||
|
|
ariaRole: 'presentation'
|
||
|
|
});
|