Accordion

Overview

ACCORDION is a component that presents a collection of multiple panes placed vertically or horizontally (each pane consists of the header and body). The main difference from standard LAYOUT is that ACCORDION can be collapsed, expanded by clicking on the header. Ui-related ACCORDION inherits from layout.


Related sample: 01_views/06_accordion.html

Initialization

The following is an example of initialization with the commonly used parameters (to see a full list of ACCORDION's parameters, please refer to the corresponding chapter of the manual):

dhx.ui ({view:"accordion", 
         id:"accord",
	 cols:[{ 	
	       header:"panel 1",
	       body:"upper"}]
})

Specify id if you're going to refer to ACCORDION later. It concerns ACCORDION's pans as well.

Working with accordion

API Reference

Related articles

A full list of articles.

To use ui functionality, touchui.css and touchui.js files must be included.