Layout / Window resize

Suite and Optimus Suite 5
#1

I have a window with a 3T layout inside. The width of the bottom 2 cells is not specified, so each cell is exactly 50% of the window.

I want the bottom 2 cells to always be 50% even after the window is re-sized.

Is this possible?

#2

Ho
Horizontally or vertically?

Untitled.jpg947×406 39.2 KB

#3

I want to maintain 50/50 horizontally.

#4

If this was valid it would be perfect: theLayout.setAutoSize(“abc”, “bc”);

For horizontal, ABC all need to be re-sized so that b and c evenly divide the layout.

For vertical, I want a to keep the same 200px and bc to grow or shrink.

The layout is inside of a dhtmx window, so I suppose inside onResizeFinish and onMaximize events it might be possible to get the width of A then set B’s width to 50%.

I’ll try it now.

#5

Try the next approach:

layout = new dhtmlXLayoutObject(document.body, "3T", "dhx_blue"); layout.attachEvent("onResizeFinish", function(){ w = document.documentElement.offsetWidth/2; layout.cells("b").setWidth(w); layout.cells("c").setWidth(w); });

#6

It is working with a bit of a slight mod:

layout.attachEvent("onResizeFinish", function(){
    w = layout.cells("a").getWidth() /2;
    layout.cells("b").setWidth(w);
    layout.cells("c").setWidth(w);
  });

Dhtmlx APIs are great. :smiley:

#7

You are welcome!

#8

Your tools are amazing. Keep up the great work.