Start Building Professional
Web Apps Today

dhtmlxLayout & attachGrid causing visual appearance problems

I am using dhtmlxLayout (3L layout)

After attaching the grid to the cell B, the next cell (C) doesn't load some of the images properly.
It's reffering to ../undefinedtop/dark/scrl_r.gif & scrl_l.gif images which do not exist.

My config:

var dhxLayout = new dhtmlXLayoutObject(document.body, "3L","dhx_black");
dhxLayout.setImagePath("dhtmlxLayout/codebase/imgs/dhxlayout_dhx_black/");
dhxLayout.setEffect("collapse", true);

dhxLayout.cells("a").setText("Projects");
dhxLayout.cells("a").setWidth("200");
var proj_grid = dhxLayout.cells("a").attachGrid();
proj_grid.......

var mygrid = dhxLayout.cells("b").attachGrid();
mygrid.setImagePath("dhtmlxGrid/codebase/imgs/");
mygrid.setSkin("clear");
mygrid.....

mygrid.enableMultiline(true);
mygrid.init();


dhxLayout.cells("c").setText("Details");
dhxLayout.cells("c").setHeight("300");
dhxLayout.cells("c").collapse();

var dhxTabbar = dhxLayout.cells("c").attachTabbar();
dhxTabbar.setImagePath("dhtmlxTabbar/codebase/imgs/");
.......

When mygrid section is disabled, the layout works properly.


Please advise what could be the problem

Please try to change init code as 

var dhxTabbar = dhxLayout.cells("c").attachTabbar(); 
dhxTabbar.setImagePath("dhtmlxTabbar/codebase/imgs/");
dhxLayout.cells("c").collapse(); 

When tabbar initialized in collapsed state,sizes calculated incorrectly which result in inner scroller shown and cause incorrect url loading. 
We will fix issue in next version, as fast fix, just change the order of commands.