dhtmlxLayout & attachGrid causing visual appearance problems

Discontinued products Uncategorized discussions
#1

I am using dhtmlxLayout (3L layout)



After attaching the grid to the cell B, the next cell © 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

#2

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.