Categories | Question details Back To List | ||
Another dhtmlxCalendar and dhtmlxWindow I have the same issue in that I have 3 mini calendars on a page. I also have a dropdown list that pops up a dhtmlxWindow. The problem is that the window appears below the calendar. I tried adjusting the z-index in the style sheet of the dhtmlxcalendar to no avail. The window is still underneath the calendars. My code for the window is as follows: function openWin(navform) { selecteditem = navform.url.selectedIndex; formurl = navform.url.options[ selecteditem ].value; if(formurl == ''){ exit; } var dhxWins = new dhtmlXWindows(this.form); var win = dhxWins.createWindow("window", 100, 100, 800, 500); win.center(); win.setModal(true); win.setText("Calendar Updates"); win.attachURL(formurl); win.setModal(true); } I call it using the following: <select name="url" onchange="openWin(this.form)"> where each option is set to a url. Pulling hair out here. Thanks for help in advance. Jen Answer posted by Alex (support) on May 15, 2009 01:15 Hello, z-index of the dhtmlxCalendar is bigger that dhtmlxWindow z-index. You can decrease calendar z-indexas follows: <link rel="STYLESHEET" type="text/css" href="dhtmlxCalendar/codebase/dhtmlxcalendar.css"> If you set skin to the calendar, the class name, that can be redefined, will be .dhtmlxcalendar_[skin_name]. For example: .dhtmlxcalendar_classic{.....} |