Accordion

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

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.

• Modes.

• Methods, parameters and events of accordion.
• Methods, parameters and events of accordion's item.

• Setting borders that will edge a component.
• Redefinition of components.
• Dynamic resizing and adjustment.

A full list of articles.

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