co celltype opens behind jqueryui dialog

I’m on the pro suite evaluation.
I am using jqueryui dialog to display some controls including the grid.
one of the column types is co.

this took me a while to debug but upon double clicking on the co cell, the list items do appear but they are hidden behind the jqueryui dialog. if i move the dialog out of the way, i can choose a drop down and it does indeed populate the cell correctly.

the jqueryui dialog is a jquery plug in that uses a div tag to simulate a popup dialog, any elements embedded in the div is displayed.

  1. any thoughts on how i can get the co listbox element to stay in front of the grid?
  2. if not, any way i can get access to the actual co listbox element and z-index it to front?
  3. if so, than is there a drop down event for the co listbox?

thanks.

To answer my own question:

I set this up in my stylesheet:

.dhx_combo_select
{
z-index:1200 !important;
}
.dhx_combo_edit
{
z-index:1200 !important;
}

It forces the z-index on the combo element to 1200, which is higher than the jqueryui dialog box z-index of 1000. Because the dhx_combo_select was set at 600 in the DHX stylesheet, I forced the 1200 by including !important.

try adding position:absolute. if not try relative

.dhx_combo_select 
{
z-index:1200 !important;
position:absolute;
}
.dhx_combo_edit
{
z-index:1200 !important;
position:absolute;
}

Hi,
I have also same issue. have you solved this issue? please reply a solution

yes, the solution is the in the message thread. use z-index.

Thanks for your reply. I tried but could not get where to set zindex or in which file. Please correct me.

Hi,
I tried the following code in the dhxgrid.css but no luck, still appears behind the dialog.

.dhx_combo_select { z-index:1200 !important; position:absolute; } .dhx_combo_edit { z-index:1200 !important; position:absolute; }

setting zindex=1500 in the dhtmlxgrid.js file resolved the issue