3 This file is part of Ext JS 4
5 Copyright (c) 2011 Sencha Inc
7 Contact: http://www.sencha.com/contact
9 GNU General Public License Usage
10 This file may be used under the terms of the GNU General Public License version 3.0 as published by the Free Software Foundation and appearing in the file LICENSE included in the packaging of this file. Please review the following information to ensure the GNU General Public License version 3.0 requirements will be met: http://www.gnu.org/copyleft/gpl.html.
12 If you are unsure which license is appropriate for your use, please contact the sales department at http://www.sencha.com/contact.
19 'Ext.container.ButtonGroup',
20 'Ext.layout.container.Table'
23 Ext.onReady(function() {
24 var fakeHTML = "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.";
26 var SamplePanel = Ext.extend(Ext.Panel, {
29 style : 'margin-top:15px',
30 bodyStyle: 'padding:10px',
31 renderTo : Ext.getBody(),
42 menu: [{text: 'Menu Button 1'}]
47 menu: [{text: 'Cut Menu Item'}]
54 menu: [{text: 'Paste Menu Item'}]
62 title: 'Multi columns',
74 menu: [{text: 'Menu Item 1'}]
79 menu: [{text: 'Cut Menu Item'}]
86 menu: [{text: 'Paste Menu Item'}]
93 title: 'Other Bogus Actions',
102 menu: [{text: 'Menu Button 1'}]
107 menu: [{text: 'Cut Menu Item'}]
114 menu: [{text: 'Paste Menu Item'}]
123 title: 'Multi columns (No titles, double stack)',
125 xtype: 'buttongroup',
134 menu: [{text: 'Menu Item 1'}]
139 menu: [{text: 'Cut Menu Item'}]
146 menu: [{text: 'Paste Menu Item'}]
152 xtype: 'buttongroup',
161 menu: [{text: 'Menu Item 1'}]
166 menu: [{text: 'Cut Menu Item'}]
173 menu: [{text: 'Paste Menu Item'}]
182 title: 'Mix and match icon sizes to create a huge unusable toolbar',
184 xtype: 'buttongroup',
190 rowspan: 3, iconCls: 'add',
192 cls: 'x-btn-as-arrow'
201 menu: [{text: 'Menu Item 1'}]
203 xtype:'splitbutton', text: 'Cut', iconCls: 'add16', menu: [{text: 'Cut Menu Item'}]
205 text: 'Copy', iconCls: 'add16'
207 text: 'Format', iconCls: 'add16'
210 xtype: 'buttongroup',
212 title: 'Other Actions',
216 rowspan: 3, iconCls: 'add',
218 cls: 'x-btn-as-arrow'
227 menu: [{text: 'Menu Button 1'}]
229 xtype:'splitbutton', text: 'Cut', iconCls: 'add16', menu: [{text: 'Cut Menu Item'}]
231 text: 'Copy', iconCls: 'add16'
233 text: 'Format', iconCls: 'add16'
239 title: 'Medium icons, arrows to the bottom',
241 xtype: 'buttongroup',
252 menu: [{text: 'Menu Item 1'}]
258 menu: [{text: 'Cut Menu Item'}]
262 cls: 'x-btn-as-arrow'
267 menu: [{text: 'Paste Menu Item'}]
269 text: 'Format<br/>Stuff',
273 xtype: 'buttongroup',
274 title: 'Other Bogus Actions',
284 menu: [{text: 'Menu Item 1'}]
290 menu: [{text: 'Cut Menu Item'}]
294 cls: 'x-btn-as-arrow'
299 menu: [{text: 'Paste Menu Item'}]
303 cls: 'x-btn-as-arrow'
310 title: 'Medium icons, text and arrows to the left',
325 menu: [{text: 'Paste Menu Item'}]
338 title: 'Small icons, text and arrows to the left',
353 menu: [{text: 'Paste Menu Item'}]