I have three dockzones in a pageview. The dockzones are contained in three RadPanes. The RadPanes are positioned side by side horizontally. The dockzones are set to vertical orientation. When I have three RadDocks 1 each in the three dockzones all is well. By that I mean all three RadDocks are positioned at the top of the DockZones.. When I add a second RadDock to the DockZone1 the other RadDocks in DockZone2 and DockZone3 reposition themselves vertically towards the middle of their dockzones.
I am using a JavaScript function to set the heights of the three panes to the max height of the tallest pane in which the three dockzones reside. This is to ensure that all three RadPanes have the same height.
I realize that the setting of the heights is probably the problem, but it cures other visual problems.
So how do I keep the heights of the three panes and thus the RadDocks equal and align all content vertically to the top when there is an uneven amount of content (in height) in the three docks?
Thanks.
I am using a JavaScript function to set the heights of the three panes to the max height of the tallest pane in which the three dockzones reside. This is to ensure that all three RadPanes have the same height.
I realize that the setting of the heights is probably the problem, but it cures other visual problems.
So how do I keep the heights of the three panes and thus the RadDocks equal and align all content vertically to the top when there is an uneven amount of content (in height) in the three docks?
Thanks.