Accordion

Overview

Accordion container that supports deferred instantiation for MXML content.

Supporting deferred instantiation for MXML means that the content of child elements will not be created until selected and visible to reduce initial latency and create a lower memory footprint.

Creating the Accordion Component

The Accordion extends the Ardisia ViewStack and can be added to any parent that implements IVisualElementContainer.

Using the Accordion Component

All direct children must extend the AccordionContainer class.

The Accordion should be explicitly sized so that selected containers resize to fill the available space in the Accordion.

See the documentation on the Ardisia ViewStack for more information regarding deferred content and setting the visible child.

AccordionContainer

All direct children must extend the AccordionContainer class. The AccordionContainer class is identical to the Ardisia ExpandingContainer class, except that some of the ExpandingContainer's API is excluded for the AccordionContainer.

Layout

The headers for the AccordionContainer containers can be different sizes.

Set the Accordion's dimensions explicitly or via anchors and the selectedChild will be sized to fit the Accordion.

See the documentation on the ExpandingContainer for more information regarding the AccordionContainer.

Animations & Effects

"duration" and "easer" properties control the expand/contract animation.

Accessibility

Each AccordionContainer can be tabbed to and selected via the SPACE key when focused.

Themes & Skinning

Skins are provided for the Spark, London, and Stockholm themes.

Example

See the Accordion demo application for example code.

Back To Top