DHTMLX Docs & Samples Explorer

Integration with DHTMLX components

dhtmlxLayout can be combined with a number of other DHTMLX components. Such components can be divided into 2 groups:

Components which you can put into layout

They are:

To integrate any of these components into layout you should call method attach[component]() for the related layout cell, e.g.:

// puts accordion into a layout cell
var dhxAccord = dhxLayout.cells("a").attachAccordion();

For more details, read the 'Content attaching' article, chapter 'DHTMLX Components'.

Components which you can put layout into

They are:

To integrate layout into one of these components you should call method attachLayout() for the component. The method returns a dhtmlxLayout object:

//attachs layout to an accordion cell
var dhxLayout = dhxAcc.cells(id).attachLayout("3L"); 
//attachs layout to a tab
var dhxLayout = dhxTabbar.cells(tabId).attachLayout("3L","dhx_skyblue");
//attachs layout to a window
var dhxLayout = dhxWins.window(id).attachLayout("3L");