NEW VERSION RELEASED! Webix 11 Read More Core Updates, Extended Functionalities in SpreadSheet and File Manager and more

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?