Modes

UI-related accordion has 3 modes:

  • Single (multi:false - the default mode)
    1. Just one pan can be expanded at the same time.
    2. You can't collapse all the pans at the same time - some pan is always expanded.
  • Multi (multi:true)
    1. All the pans can be expanded at the same time.
    2. All the pans can be collapsed at the same time.
  • Mixed (multi:'mixed')
    1. All the pans can be expanded at the same time.
    2. You can't collapse all the pans at the same time - some pan is always expanded.
dhx.ui({
          cols:[{ view:"accordion",
		  type:"wide",
		  multi:true,
                  rows:[{ 	
		           header:"Catalog",
		           headerAlt:false,
		           body:"#books#"
                  }]
	 }]
})

Related sample: 01_views/07_accordion_multi.html
Related sample: 01_views/08_accordion_one.html

Expanded Collapsed Code Hide header Constant header
Vertical
{view:"accordion",
 type:"wide",
 rows:[
     {header:"header",
      headerAlt:"headerAlt",
      body:"body"
     }]
}
Horizontal
{view:"accordion",
 type:"wide",
 cols:[
     {header:"header",
      headerAlt:"headerAlt",
      body:"body"
     }]
}