NEW VERSION RELEASED! Webix 11.1 Read More New widget — Rich Text Editor! Scheduler, File and Doc Manager updates and more

Layout with Headers, programming examples of Layout with Headers

Layout with Headers, programming examples of Layout with Headers

Try this programming example for creating a layout with panes, or rows and cols. Each row and col features header and body. You can collapse and expand layout panes by clicking their headers. Take the opportunity to use our free code samples or a snippet tool below to create custom business web apps.

JS Code

webix.ui({				
  cols:[
    { header:"col 1", body:"content 1"},
    { 
      header:"col 2",
      body:"content 2",
    },
    { header:"col 3", body:"content 3"}
  ]
});