Start Building Professional
Web Apps Today


 
Categories Question details Back To List
Question  posted by Larry Hamlet on Jan 10, 2009 17:36
open dhtmlx forum
dhtmlxLayout onResizeFinish Resize Failure

Below Is A Simple dhtmlxLayout Setup.
1st off in FireFox there is an odd white psace bar at the far right.
When I max the Browser Or Drag the whole Browser size larger this works great.
But whenI make the entire Browser Window smaller or sufficeintly drag the window enough odd things begin to happen.
In I.E.6 It deforms the windows.
In FireFox the bottom disappears below the Browser bottom and cannot be easily retrieved. And never resizes to correct afterwards.

Can you please point me to your previous documentation on this? And what workarounds I might need to stop this odd behavoir?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Show Odd Window Resize Using A Layout Frame</title>
<link rel='STYLESHEET' type='text/css' href='../DHTMLX/style.css'>
<link rel="stylesheet" type="text/css" href="../DHTMLX/dhtmlxLayout/codebase/dhtmlxlayout.css">
<link rel="stylesheet" type="text/css" href="../DHTMLX/dhtmlxLayout/codebase/skins/dhtmlxlayout_dhx_blue.css">
<link rel="stylesheet" type="text/css" href="../DHTMLX/dhtmlxLayout/codebase/skins/dhtmlxlayout_dhx_black.css">
<link rel="stylesheet" type="text/css" href="../DHTMLX/dhtmlxWindows/codebase/dhtmlxwindows.css">
<script src="../DHTMLX/dhtmlxLayout/codebase/dhtmlxcommon.js"></script>
<script src="../DHTMLX/dhtmlxLayout/codebase/dhtmlxlayout.js"></script>
<script src="../DHTMLX/dhtmlxWindows/codebase/dhtmlxwindows.js"></script>
</head>
<body>
<script>
var dhxLayout = new dhtmlXLayoutObject(document.body, "5H","dhx_black");
dhxLayout.attachEvent("onResizeFinish", function(){
dhxLayout.cells("b").setHeight(50);
dhxLayout.cells("c").setHeight(90);
});
dhxLayout.attachEvent("onPanelResizeFinish", function(){
dhxLayout.cells("b").setHeight(50);
dhxLayout.cells("c").setHeight(90);
});
dhxLayout.cells("a").setWidth(200);
dhxLayout.cells("b").hideHeader();
dhxLayout.cells("b").setHeight(50);
dhxLayout.cells("c").hideHeader();
dhxLayout.cells("c").setHeight(90);
dhxLayout.cells("e").setWidth(200);
</script>
</body>
</html>

Thanks! Larry
Answer posted by Support on Jan 12, 2009 03:28
1. Add the following style to fix empty space on the right side:
<style>
    html,body {
        width: 100%;
        height: 100%;
        margin: 0px;
        overflow: hidden;
    }
</style>

2. It seems you make window too little that brokes layout's behavior.
Will improved in future release.
Answer posted by Larry Hamlet on Jan 23, 2009 08:47

That helps a lot but oinly in FireFox.  I note that the behavior is still iffy in I.E.

Also please note that if you expand and then collapse Window "D" - even in FireFox - the correction is not complete.  "D" disappears off the bottom again anyway.

I hope your coming fix will include these scenarios.

Thanks -- Larry

Answer posted by Support on Feb 03, 2009 09:29
Please try this dhtmlxlayout.js edition.
Attachments (1)
dhtmlxlayout.zip17.27 Kb