DHTMLX
Start Building Professional
Start Building Professional
Web Apps Today
| Categories | Question details Back To List | ||||||||
dhtmlxCalendarObject The cal popup background image displays correctly on the right edge of the input field. The problem is that the dates of the month extend over the background to the width of the div below? |_________________| ============== March 2008 | | 2 3 | 4 5 6 7 | | 9 10 | 11 12 13 14 | | | ============== <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>IS Projects</title> <link rel='STYLESHEET' type='text/css' href='common/style.css'> <link rel="STYLESHEET" type="text/css" href="codebase/dhtmlxgrid.css"> <link rel="STYLESHEET" type="text/css" href="codebase/dhtmlxgrid_skins.css"> <link rel="STYLESHEET" type="text/css" href="codebase/dhtmlxtabbar.css"> <link rel="STYLESHEET" type="text/css" href="codebase/dhtmlxcalendar.css"> <script>_css_prefix="codebase/"; _js_prefix="codebase/"; </script> <script src="codebase/dhtmlxtabbar.js"></script> <script src="codebase/dhtmlxcommon.js"></script> <script src="codebase/dhtmlxgrid.js"></script> <script src="codebase/dhtmlxgridcell.js"></script> <script src="codebase/excells/dhtmlxgrid_excell_dhxcalendar.js"></script> <script src="dhtmlxcalendar/codebase/dhtmlxcalendar.js"></script> </head> <body bgcolor="DDDDDD"> <table border="1" width="900" id="patlist"> <tr> <td></td> <td> End Date<input type="Text" name="enddte" id ="enddteid" style="width: 200px" class="css1" size=10> </td> <td></td></tr> <tr> <td></td> <td COLSPAN="2"> <div id="gridbox" width="100%" height="500px" style="z-index:-1; background-color:white;"></div> </td> </tr> </table> <script> window.dhx_globalImgPath="codebase/imgs/"; var cal1 = new dhtmlxCalendarObject('enddteid', true); </script> <script> mygrid = new dhtmlXGridObject('gridbox'); mygrid.setImagePath("codebase/imgs/"); mygrid.setHeader("ID,Project,Project Coord.,Submit Date,Start Date,End Date,Quarter Plan, Status"); mygrid.setInitWidths("40,350,100,100,100,100,100,100"); mygrid.setColAlign("left,left,left,left,left,left,left,left"); mygrid.setColTypes("ed,ro,ro,dhxCalendar,ro,ro,ro,ro"); mygrid.setColSorting("str,str,strstr,str,str,str,str"); mygrid.setSkin("modern"); //mygrid.setOnRowSelectHandler(doOnRowSelected); mygrid.init(); //mygrid.loadXML("http://10.82.10.153:81/getisprojects?openagent&" + Math.random); </script </body> </html> Answer posted by Support on Mar 24, 2008 03:28 The problem can't be reconstructed locally - please check attached sample it uses the same code as in your snippet but works fine. Attachments (1)
|
