Layout doesn't resize correctly in 2.6 (IE)

Suite and Optimus Suite 5
#1

Hi,

when changing to 2.6 we noticed that resizing of a fullscreen layout in IE doesn’t work anymore.
If we change it back to 2.5 it works again.

Layout is attached to document.body which has width:100% and height:100% (html,body).

var dhxLayout = new dhtmlXLayoutObject(document.body,"3T"); 
dhxLayout.cells("a").setHeight("55");
dhxLayout.cells("a").fixSize(false, true);
dhxLayout.cells("b").setWidth(200);
dhxLayout.cells("b").setText("<center>Navigation</center>");
dhxLayout.cells("b").showHeader();
dhxLayout.cells("c").hideHeader();

var dhxLayout1 = new dhtmlXLayoutObject(dhxLayout.cells("b"),"3E"); 
dhxLayout1.cells("a").setText("<%=i18n.txt("Menü")%>");
dhxLayout1.cells("b").setText("<%=i18n.txt("Favoriten")%>");
dhxLayout1.cells("c").collapse();
var height = dhxLayout.cells("b").getHeight();
dhxLayout1.cells("a").setHeight(Number(height*60/100).toFixed(0));
dhxLayout1.cells("b").setHeight(Number(height*40/100).toFixed(0));

var webBar = dhxLayout.cells("a").attachToolbar();

var dhxtabbar = dhxLayout.cells("c").attachTabbar();
dhxtabbar.enableAutoReSize(true,true);

var tree = dhxLayout1.cells("a").attachTree();

resizing_2_5.png854×678 53.3 KB


no_resizing_2_6.png854×678 59.4 KB

#2

Hi,

var dhxtabbar = dhxLayout.cells(“c”).attachTabbar();
dhxtabbar.enableAutoReSize(true,true);

There is no need to call enableAutoReSize if the tabbar is created by attachTabbar() method. It seems that the problem with the content inside the the tabbar (it isn’t resized).
How is the content attached?

#3

Content is set with method below and hrefmode is set “iframes”:

dhxtabbar.setContentHref(tabid,myUrl);
dhxtabbar.setHrefMode("iframes");

I don’t think the content is the problem because everything works fine in 2.5. with same content.

#4

I reduces the coding to:

<html>
<head>
<title>TEST</title>
<link rel="stylesheet" type="text/css" href="dhtmlx_skyblue/dhtmlx.css">
<script src="dhtmlx_skyblue/dhtmlx.js"></script>
<style>html,body{width:100%;height:100%;margin:0px;padding:0px;overflow:hidden;}</style>
</head>
<body>
<script> 
	var dhxLayout = new dhtmlXLayoutObject(document.body,"3L"); 
</script> 
</body>
</html>

and it still doesn’t work in IE 8.

We have dhtmlxSuite_v26_PRO_100722 compiled (libCompiler) with bugfixes:

(viewtopic.php?t=13633)

#5 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Was the problem.
Without this it doesn’t work.

#6

if i add these codes ,layout often can’t open correctly,only display small layout on upper left corner.

#7

if i add these codes ,layout often can’t open correctly,only display small layout on upper left corner.

Make sure that html body has 100% width and height:

<style> html, body{ width:100%; height:100%; margin:0px; padding:0px; } </style>

#8

thanks Alexandra
but codes i already added.

[code]code:

html, body { width: 100%; height: 100%; margin: 0px; padding: 0px; overflow: hidden; } [/code]
#9

Please have a look at the “full screen” sample in the layout package:

dhtmlxLayout/samples/01_init/inc/fullscreen_inner.html

Hope it’ll resolve the problem

#10

thanks Alexandra
Problems i find,when this page located in frames ,If you click right mouse button to refresh, it will happen.please resovle it,thanks a lot.

#11

I tested Layout V2.5 ,it’s correct.