Categories | Question details Back To List | ||||||||
Trouble with Layout, StatusBar and Accordian I'm having trouble with the interaction of the Statusbar attached to a Layout Panel. When I do this and then add an accordion when the accordion is expanded / opened, the bottom accordion element gets truncated in any browser except IE (I'm using version 8). Here is my code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Example</title> <!-- dhtmlxCommon --> <script src="dhtmlxGrid/codebase/dhtmlxcommon.js"></script> <!-- dhtmlxAccordion --> <script src="dhtmlxAccordian/codebase/dhtmlxaccordion.js"></script> <link rel="stylesheet" type="text/css" href="dhtmlxAccordian/codebase/skins/dhtmlxaccordion_dhx_blue.css"> <!-- dhtmlxWindows --> <script src="dhtmlxWindows/codebase/dhtmlxwindows.js"></script> <script src="dhtmlxWindows/codebase/dhtmlxwindows_sb.js"></script> <link rel="stylesheet" type="text/css" href="dhtmlxWindows/codebase/dhtmlxwindows.css"> <link rel="stylesheet" type="text/css" href="dhtmlxWindows/codebase/skins/dhtmlxwindows_dhx_blue.css"> <!-- dhtmlxLayout --> <script src="dhtmlxLayout/codebase/dhtmlxlayout.js"></script> <link rel="stylesheet" type="text/css" href="dhtmlxLayout/codebase/dhtmlxlayout.css"> <link rel="stylesheet" type="text/css" href="dhtmlxLayout/codebase/skins/dhtmlxlayout_dhx_blue.css"> </head> <body style="width:100%; height:100%; margin:0px; overflow:hidden;"> <script> var dhxLayout = new dhtmlXLayoutObject(document.body, "2U"); var statusBar = dhxLayout.attachStatusBar(); var dhxAccord=dhxLayout.cells("a").attachAccordion(); dhxAccord.addItem("a1","A1"); dhxAccord.addItem("a2","A2"); </script> </body> </html> Answer posted by Alex (support) on Jul 08, 2009 06:22 hello, please take a look at the attached sample. It contains the latest dhtmlx libraries. Try to use them instead of the originals Attachments (1)
|