Aptly named after the musical instrument, AccordionLayout
is GXT's implementation of the popular accordion structures found in many UI toolkits. It is a FitLayout
(child is expanded or sized to fit the dimension of its container) that is implemented to render child components (must be ContentPanel)
as mutually exclusively collapsible sections whose headings are always visible.
You can expand and collapse a section with either the collapse tool (default) or by clicking on its heading if the collapse tool has been disabled.
An important point to note with AccordionLayout
is that it only takes ContentPanel
items and only one (defaults to the first) is viewable (expanded) at a given time.