Start Building Professional
Web Apps Today

dhtmlxTabbar

Hi,

I am currently using the GPL version of the dhtmlx API (11-Nov-2008 18:42:18 dhtmlx.js). My browser is FF 3.04 and I am working under Ubuntu. I am trying to use a dhtmlXGridObject inside a dhtmlXTabBar. Everything works fine except that if I set a column type of the grid to "txt", the "txt" cell editor is displayed behind the grid. It becomes unusable. Below I attach a snippet of the possibly problematic code:

> function onLoad() {
> tabbar=new dhtmlXTabBar("a_tabbar", "top");
> tabbar.setImagePath("/js/dhtmlx/dhtmlxTabbar/codebase/imgs/");
> tabbar.preventIECashing(true);
> tabbar.enableAutoReSize(true);
> tabbar.setSkinColors("white", "#FFFACD");
> tabbar.addTab("geneGridTab","gene table","100px");
> tabbar.setContent("geneGridTab","geneGridDiv");
> tabbar.setTabActive("geneGridTab");
> geneGrid = new dhtmlXGridObject("geneGridDiv");
> geneGrid.setImagePath("../js/dhtmlx/dhtmlxGrid/codebase/imgs/");
> geneGrid.setHeader("GeneName");
> geneGrid.setInitWidthsP("*");
> geneGrid.setColTypes("txt");
>
> geneGrid.enableLightMouseNavigation(true);
>
> geneGrid.setSkin("light");
>
> geneGrid.loadXML("/cgi-bin/SJAXgetGeneFile.cgi");
>
> geneGrid.setColumnIds("GENE|NAME");
> geneGrid.attachHeader("#text_filter");
> }

I tried to reorder the loading of the .js but did not succeed in obtaining a working "txt" editor.

Can you help? Thanks in advance


Alex

Please try to add next css rule to the page
<style>
.dhx_textarea{
       z-index:9999;
}
</style>