23 days to give it a try before you buy! Download now. The best deals on licenses are coming soon Download now. The best deals on licenses are coming soon

Horizontal Accordion, programming examples of Horizontal Accordion

Horizontal Accordion, programming examples of Horizontal Accordion

With the programming example below you will be able to create panes arranged into layout rows and cols. The panes can be collapsed and expanded in horizontal direction. Feel free to use code samples by Webix for your web development projects.

JS Code

webix.ui({  
  multi:true,
  view:"accordion",
  cols:[
    { header:"col 1", body:"content 1", width:150},
    { body:"Content 2" },
    { 
      header:"col 3",
      body:"content 3",
      width:150
    },
    { body:"Content 4" },
    { header:"col 5", body:"content 5", width:150}
  ]
});





Do you want to create accordion items that can be expanded and collapsed in horizontal direction?