Hello,
I have a grid inside dhtmlxtabbar component. This tabber component is inside a div (collapsableDiv in following code) which can be set to display none/block by user action.
On IE7/6 once display is set to none then the grid vanishes only tab component border and grid border is seen but not the grid. I used IE Webdevelper component and found out and the div which is under objBox div has width of 1px.
Please note that the width of all the divs for tabbar and grid are in percentage.
<div mode=“top” id=“tabbarDiv”
class=“dhtmlxTabBar”
tabheight=“20px;” tabstyle=“winDflt”
imgpath=“dhtmlxsuite/dhtmlxTabbar/codebase/imgs/”
style=“height:150px;width:93%;float:left;margin-left:5px;left;margin-right:5px;overflow:hidden;”
offset=“3” skinColors="
#FCFBFC,
#F4F3EE">
Hello,
the code that you provide doesn’t show how grid is intialized.
The example of grid initialization:
<div mode=“top” id=“tabbarDiv” class=“dhtmlxTabBar”
oninit=“initGrid()” tabheight=“20px;” tabstyle=“winDflt” imgpath="…/…/codebase/imgs/" style=“height:150px;width:93%;float:left;margin-left:5px;left;margin-right:5px;overflow:hidden;” offset=“3” skinColors="
#FCFBFC,
#F4F3EE">
Following is my initialization code -
mygrid = new dhtmlXGridObject(“gridbox”);
mygrid.setHeader(“Recent”);
mygrid.setNoHeader(true);
mygrid.setInitWidthsP(“93”);
mygrid.setColAlign(“left”);
mygrid.setColTypes(“tree”);
mygrid.setImagePath(“dhtmlxsuite/dhtmlxTree/codebase/imgs/custom/”);
mygrid.enableTreeGridLines(“true”);
mygrid.setSkin(“light”);
mygrid.enableDragAndDrop(true);
mygrid.enableMercyDrag(true);
mygrid.init();
mygrid.setEditable(false);
mygrid.loadXMLString(xmlString);
Unfortunately we cannot reproduce this issue locally. Could you please provide us example where we can reproduce this issue (You can send this example directly to the support@dhtmlx.com)