Lightbox always on Top?

Scheduler Javascript
#1

Hi,

I am trying to create new window on top of lightbox. I have custom button on Lightbox which when clicked opens new dhtmlx window. But window is hiding behind lightbox how can move lightbox to back. Please help

Thanks,
Pravin

#2

The next must help

dhtmlXWindows.zIndexStep = 15000
#3

Hi,

Thanks,
I tried your advice but it is not working. still windows is on back. Lightbox is also modal hence cannot access windows.

Here is the code,

dhxWins = new dhtmlXWindows();
var win = dhxWins.createWindow(‘IDP’, 5, 100, 650, 575);
dhxWins.setSkin(“dhx_blue”);
dhxWins.zIndexStep = 15000;
win.setText(“Incident Details Module”);
//document.title = “IIM: Incident Details”;
dhxWins.window(‘IDP’).attachURL(“newIncidentDetailsModulePagect.aspx?IncidentNo=” + document.getElementById(“txtMainIncidentId”).innerHTML);
dhxWins.window(‘IDP’).setModal(false);
dhxWins.window(‘IDP’).bringToTop();
dhxWins.window(‘IDP’).center();

Please let me know if i am missing something.

#4

Hello,

Any thoughts please suggest.

#5

modal layer of layout has zIndex around 10000, so it will be above most other components.
If above solution doesn’t work ( not sure why ) - you can edit dhtmlxscheduler.css

locate the next lines

z-index:9999;
z-index:10000;
z-index:10001;

and replace z-index values as 9,10,11 - after that dhtmlxWindow must be rendered above modal layer.