Start Building Professional
Web Apps Today


 
Categories Question details Back To List
Question  posted by Michael Chetock on Oct 23, 2008 14:44
open dhtmlx forum
dhtmlxLayout Control Stops dhtmlxMenu from working in Mozilla Firefox 3

When I add a dhtmlxLayout control to the screen, it make my dhtmlxMenu control stop working. I am using the new version of the menu control with setOpenMode("web").

Once the screen loads, the menu seems to become disabled in Mozilla. I can no longer click on the menu. This works fine in Internet Explorer.

Thanks.
Answer posted by Support on Oct 24, 2008 00:18
Could you please write some code or provide full demo to view issue?
Answer posted by Michael Chetock on Oct 24, 2008 06:40

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<link type="text/css" rel="stylesheet"  href="../../DHTMLXSuite/dhtmlx.css">
<script type="text/javascript" src="../../DHTMLXSuite/dhtmlx.js"></script>
<script type="text/javascript">
function buildMainMenuTheme1()
{
    oMenu = new dhtmlXMenuObject("divMenu", "dhx_blue");
    oMenu.setImagePath("../../DHTMLXSuite/imgs/");
    oMenu.setOpenMode("web");
    oMenu.loadXMLString("<?xml version='1.0' ?><menu><item text='Home' id='10'></item><item text='Administration' id='30'><item text='Users' id='90'></item><item text='Roles' id='160'></item></item></menu>"); 
}

</script></head>
<body onload="buildMainMenuTheme1();initializeLayout();">
    <table border="0" cellpadding="0" cellspacing="0" style="width:100%;">
    <tr>
        <td>
            <div id="divMenu" style="width:100%;background-color:#f5f5f5;border :1px solid Silver;"></div>
        </td>
    </tr>
    <tr>
        <td align="center" height="590" background="../Images/login_bgr.jpg">                                                                                                                                                                                                                                                                                                                                                                                      
            <div id="divLayout" style="width: 1000px;height: 500px;"></div>
            <script>
            function initializeLayout()
            {
                var oLayout = new dhtmlXLayoutObject("divLayout", "3L");
                oLayout.cells("a").setWidth(250);
            }
            </script>
        </td>
    </tr>               
    </table>
</body>
</html>

Answer posted by Support on Oct 24, 2008 07:32
In your sample menu covered with windows' viewport in case of incorrect usage,
try modify code like this: <div id="divLayout" style="width: 1000px;height: 500px;position: relative;"></div>
Answer posted by Michael Chetock on Oct 24, 2008 07:42
Yes. That fixed the problem.  Not sure I totally understand why... but it worked.  I guess I'll have to read about viewports.