Start Building Professional
Web Apps Today


 
Categories Question details Back To List
Question  posted by Asawari on May 13, 2009 04:40
open dhtmlx forum
Layout disables other links

I have initailazed a dhtmlxLayout on my page for certain html.My page also contains certain other html for page navigation which are links.I find that the layout disables all those links that do not come under it.(Which are not included in layout).Is this the way layout should work?
Answer posted by Alex (support) on May 13, 2009 05:24
Please, provide the sample that allows to re-create the problem or a direct link to the problematic page (yoy can send it to support@dhtmlx.com)
Answer posted by Asawari on May 13, 2009 05:54
<html>
<head>
<title>Report Selection</title>
<link rel="stylesheet" type="text/css" href="../scripts/dhtmlx_rrd/dhtmlxLayout/codebase/dhtmlxlayout.css">
<link rel="stylesheet" type="text/css" href="../scripts/dhtmlx_rrd/dhtmlxLayout/codebase/skins/dhtmlxlayout_dhx_blue.css">
<link rel="stylesheet" type="text/css" href="../scripts/dhtmlx_rrd/dhtmlxWindows/codebase/dhtmlxwindows.css">
<link rel="stylesheet" type="text/css" href="../scripts/dhtmlx_rrd/dhtmlxWindows/codebase/skins/dhtmlxwindows_dhx_blue.css">

<script language="Javascript" src="../scripts/dhtmlx_rrd/dhtmlxGrid/codebase/dhtmlxcommon.js"></script>
<script language="Javascript" src="../scripts/dhtmlx_rrd/dhtmlxLayout/codebase/dhtmlxlayout.js"></script>
<script language="Javascript" src="../scripts/dhtmlx_rrd/dhtmlxToolbar/codebase/dhtmlxtoolbar.js"></script>
<script language="Javascript" src="../scripts/dhtmlx_rrd/dhtmlxWindows/codebase/dhtmlxwindows.js"></script>
<script language="Javascript" src="../scripts/dhtmlx_rrd/dhtmlxWindows/codebase/ext/dhtmlxwindows_wtb.js"></script>
<script language = "JavaScript">

var dhxlayout, cellA, cellB, mygrid;

function init()
{
    dhxlayout = new dhtmlXLayoutObject("bodyDiv", "2E", "dhx_blue");
    cellA = dhxlayout.cells("a");
    cellB = dhxlayout.cells("b");
    
    cellA.setText("Report Selection");
    cellB.setText("Report");
    
    cellA.setHeight("300");
    cellA.collapse();
    cellA.attachObject("rptSel");
    
    
    cellB.setHeight("300");
    cellB.collapse();
    cellB.attachObject("rptSel1");
}

</script>

</head>
<body style="width:100%; height:100%; margin:0px; overflow:hidden;" onLoad = "javascript:init();">
<form name='reportTemplate' method="post" onLoad ="javaScript:init()">
<div><a href="http://www.google.co.uk">google</a></div>
<table id="bodyDiv" style="width:100%;"><tr><td>
<div id="rptSel">
<table ><tr><td>
div1</td></tr></table>
<!-- <table width= "100%">
<tr>
<td width = "33%">Unit Selection</td>
<td width = "33%">Report Selection</td>
<td width = "33%">Period Selection</td>
</tr>
</table> -->
<img id="graph">
</div>
<div id="rptSel1"><table><tr><td>div2</td></tr></table></div>
</td></tr>
</table>
</form>
</body>
</html>





In this one, the the link google in disabled. I had tried using div instead of table as well. it does not work.
Answer posted by Alex (support) on May 13, 2009 06:55

There is an issue.. It isn't possible to initialize layout in such a way. Please, use div as layout container. 

You can find initialization samples in the layout package:

dhtmlxLayout/samples/conf/attach_object.html