Accordion

Accordions are used when the data held in an object's rows does not comfortably fit into a grid.

Each row in an accordion has a "header" that summarizes a row's details. When you click on a header, the row expands to show the details. The following is an example of an accordion where all headers are collapsed (i.e., only summaries of the rows' details are shown):

Figure 1. An Accordion With All Rows Collapsed

When you expand a header, its details are exposed. For example, the following shows the same accordion after the third row is expanded:

Figure 2. An Accordion With A Row Expanded

Note: You must expand to update. In order to update a row in an accordion, you must expand it.

Accordions are rich in functionality. The following illustration will be used to describe how accordions work (FYI, this accordion is used to maintain the steps in a simple script).

The topics in the section describe how accordions work.