X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/2e847cf21b8ab9d15fa167b315ca5b2fa92638fc..refs/heads/old:/docs/output/Ext.layout.AccordionLayout.html?ds=inline diff --git a/docs/output/Ext.layout.AccordionLayout.html b/docs/output/Ext.layout.AccordionLayout.html index 1b1419ed..ce299f9f 100644 --- a/docs/output/Ext.layout.AccordionLayout.html +++ b/docs/output/Ext.layout.AccordionLayout.html @@ -1,42 +1,44 @@ -
ContainerLayout
  FitLayout
    AccordionLayout

Class Ext.layout.AccordionLayout

Package:Ext.layout
Defined In:AccordionLayout.js
Class:AccordionLayout
Extends:FitLayout

This is a layout that manages multiple Panels in an expandable accordion style such that only -one Panel can be expanded at any given time. Each Panel has built-in support for expanding and collapsing.

-

Note: Only Ext.Panels and all subclasses of Ext.Panel may be used in an accordion layout Container.

-

This class is intended to be extended or created via the layout -configuration property. See Ext.Container.layout for additional details.

-

Example usage:

-
var accordion = new Ext.Panel({
-    title: 'Accordion Layout',
-    layout:'accordion',
-    defaults: {
-        // applied to each contained panel

-        bodyStyle: 'padding:15px'
-    },
-    layoutConfig: {
-        // layout-specific configs go here

-        titleCollapse: false,
-        animate: true,
-        activeOnTop: true
-    },
-    items: [{
-        title: 'Panel 1',
-        html: '<p>Panel content!</p>'
-    },{
-        title: 'Panel 2',
-        html: '<p>Panel content!</p>'
-    },{
-        title: 'Panel 3',
-        html: '<p>Panel content!</p>'
-    }]
-});

Config Options

Config OptionsDefined By