-/*
- * ================ AccordionLayout config =======================
- */
-var accordion = {
- id: 'accordion-panel',
- title: 'Accordion Layout',
- layout: 'accordion',
- bodyBorder: false, // useful for accordion containers since the inner panels have borders already
- bodyStyle: 'background-color:#DFE8F6', // if all accordion panels are collapsed, this looks better in this layout
- defaults: {bodyStyle: 'padding:15px'},
- items: [{
- title: 'Introduction',
- tools: [{id:'gear'},{id:'refresh'}],
- html: '<p>Here is some accordion content. Click on one of the other bars below for more.</p>'
- },{
- title: 'Basic Content',
- html: '<br /><p>More content. Open the third panel for a customized look and feel example.</p>',
- items: {
- xtype: 'button',
- text: 'Show Next Panel',
- handler: function(){
- Ext.getCmp('acc-custom').expand(true);
- }
- }
- },{
- id: 'acc-custom',
- title: 'Custom Panel Look and Feel',
- cls: 'custom-accordion', // look in layout-browser.css to see the CSS rules for this class
- html: '<p>Here is an example of how easy it is to completely customize the look and feel of an individual panel simply by adding a CSS class in the config.</p>'
- }]
-};
+ /*
+ * ================ AccordionLayout config =======================
+ */
+ accordion: {
+ id: 'accordion-panel',
+ title: 'Accordion Layout',
+ layout: 'accordion',
+ bodyStyle: 'background-color:#DFE8F6', // if all accordion panels are collapsed, this looks better in this layout
+ defaults: {bodyStyle: 'padding:15px'},
+ items: [{
+ title: 'Introduction',
+ tools: [{type:'gear'},{type:'refresh'}],
+ html: '<p>Here is some accordion content. Click on one of the other bars below for more.</p>'
+ },{
+ title: 'Basic Content',
+ html: '<br /><br /><p>More content. Open the third panel for a customized look and feel example.</p>',
+ items: {
+ xtype: 'button',
+ text: 'Show Next Panel',
+ handler: function(){
+ Ext.getCmp('acc-custom').expand(true);
+ }
+ }
+ },{
+ id: 'acc-custom',
+ title: 'Custom Panel Look and Feel',
+ cls: 'custom-accordion', // look in layout-browser.css to see the CSS rules for this class
+ html: '<p>Here is an example of how easy it is to completely customize the look and feel of an individual panel simply by adding a CSS class in the config.</p>'
+ }]
+ },