PDA

View Full Version : X and Y axis scrolling content - and a fixed left column - can anyone help please?



jameshenderson
7 Nov 2011, 3:28 AM
I am trying to build a UI with a fixed column on the left, and with scrollable content for both for the x-axis and the y-axis, eg:

29079

Any help would be massively appreciated!

jameshenderson
7 Nov 2011, 4:51 AM
I need the left column to move up and down at the same time with the right-hand main area

AndreaCammarata
7 Nov 2011, 8:16 AM
Hi James.
You have at least two ways to do that:

To have only one panel that use a simple template that create a subdivision from the left area to the center one. In this way when you scroll the center area, even the left one will move in the same way because it's actually part of the same master panel.


Create a panel with layout type 'hbox' which contains two sub panels vertically scrollable. In this case you should sync the sub panels scroller to update their offsets when the other one scrolls up and down.
Hope this helps.

jameshenderson
7 Nov 2011, 8:36 AM
Here's what I've got so far:

listeners: {
scroller: {
scroll: function(scroller, offset){
console.info(offset.x+","+offset.y);
Ext.getCmp('left_column').scroller.scrollTo(offset.x+","+offset.y); //BUT THIS IS NOT WORKING
}
}
},

but I can't seem to get the left column to react properly

jameshenderson
7 Nov 2011, 9:29 AM
I've found the solution using document.getElementById().style.top and absolute positioning