Synchronized Cell Scrolling in dhtmlxLayout 2U Pattern

Suite and Optimus Suite 5
#1

Hi,
looking forward for a hint/ code example to implement synchronized cell scrolling in dhtmlxLayout 2U pattern. In other words how to vertically scroll both layout cells with a single scroll bar, either left or right.
Regards, valko.

#2

Hi,

layout cells doesn’t have scrolls (they overflow is hidden). However, html containers that you have attached into the cells can be scrolled. So, the problem is reduced to synchronizing html containers.

document.getElementById(“cont1”).onscroll = function(){
document.getElementById(“cont2”).scrollLeft = document.getElementById(“cont1”).scrollLeft;
document.getElementById(“cont2”).scrollTop = document.getElementById(“cont1”).scrollTop;
}

#3

Hi,
thx for the answer.

A bit of investigation created following bit of code that scrolls both cells from the “a” cell.

function vScroll()
{
var ifra = parent.dhxLayout.cells(“a”).getFrame();
var top = ifra.contentWindow.document.body.scrollTop;

var ifrb =  parent.dhxLayout.cells("b").getFrame();
ifrb.contentWindow.scrollTo(0,top);

}

Regrads, valko.