horizontal scroll grid missing after attaching toolbar

Suite and Optimus Suite 5
#1

My page has layout component with 1C pattern and terrace style, in cell b i attach Tabbar.
Then In Tabbar I attach Grid Object, and it looks fine, but when adding/attaching Toolbar Object The horizontal scroll of Grid Missing.

Any idea How to fix it ?

		
dhxLayout = new dhtmlXLayoutObject(document.body, "2U");
dhxLayout.cells("a").setWidth(250);	 		
		
dhxTabbar = dhxLayout.cells("b").attachTabbar();
dhxTabbar.setImagePath("../../../dhtmlxTabbar/codebase/imgs/");
dhxTabbar.addTab("a1", "Tab 1-1", "100px");
dhxTabbar.setTabActive("a1");
		
mygrid = dhxTabbar.cells("a1").attachGrid();
mygrid.setImagePath("../../../dhtmlxGrid/codebase/imgs/");
mygrid.setHeader("Model, Qty, Prize");
mygrid.setInitWidths("600,700,100");
mygrid.setColAlign("left,center,center");
mygrid.setColTypes("ed,ed,ed");
mygrid.setColSorting("str,str,str");
mygrid.setSkin("dhx_terrace");
mygrid.init();
mygrid.loadXML("../common/grid.xml?etc=" + new Date().getTime(), function() { 
}) 
		
dhxToolbar = dhxTabbar.cells("a1").attachToolbar();
dhxToolbar.setIconsPath("../../../dhtmlxToolbar/samples/common/imgs/");
dhxToolbar.setSkin("dhx_terrace");
 dhxToolbar.loadXML("../../../dhtmlxToolbar/samples/common/dhxtoolbar_button.xml?" + new Date().getTime());
#2

Sorry It means 2U pattern

#3

Please, try to set the skin to your tabbar:

dhxTabbar = dhxLayout.cells("b").attachTabbar(); dhxTabbar.setImagePath("../../../dhtmlxTabbar/codebase/imgs/"); dhxTabbar.setSkin('dhx_terrace'); // define trhe skin of a tabbar dhxTabbar.addTab("a1", "Tab 1-1", "100px"); dhxTabbar.setTabActive("a1");