In the following code using version 3.6, width resizing doesn’t work properly in IE8 (in standards and compatibility mode) and IE11 (in compatbility mode). I didn’t test other ie versions. Works fine in firefox and chrome.
When the window size increases the cell widths are resized properly. When window size is decreased, the width cells are not decreased.
I added the resize event handlers to try to force the layout to resize, but that didn’t work.
Please help. Thanks.
function loadWin(){
dhxWins = new dhtmlXWindows();
dhxWins.setImagePath("/dhtmlxWindows/codebase/imgs/");
win = dhxWins.createWindow('myWin', 5, 190, 400, 400);
win.center();
win.setText("Testing");
formLayout = win.attachLayout("3E");
var aCell = formLayout.cells("a");
aCell.setText('');
aCell.setHeight(100);
aCell.hideHeader();
aCell.attachHTMLString("<div>aCell</div>");
var bCell = formLayout.cells("b");
bCell.setText('');
bCell.hideHeader();
bCell.attachHTMLString("<div>bCell</div>");
var cCell = formLayout.cells("c");
cCell.setText('');
aCell.setHeight(100);
cCell.hideHeader();
cCell.attachHTMLString('<div><div style="float:right;"><button>Test1</button><button>Test2</button></div></div>');
formLayout.setAutoSize("a;b;c", "b");
// win.attachEvent("onResizeFinish", function(win){ console.log('win resize'); formLayout.setSizes(); } );
// formLayout.attachEvent("onResizeFinish", function(){ console.log('layout resize'); } );
// cCell.attachEvent("onResizeFinish", function(){ console.log('cCell resize'); } );
}