Four Panes: How Might I Do This?

[Mark K.]

Just looking for suggestions on how I might implement the following:

I want a rectangular screen divided into four quadrants, each with resizable content.  I should be able to drag the dividers between the panes to adjust the sizes, giving more real estate to whichever pane I want.  I know I can do this with the docking manager, although it seems there's no way to put my cursor at the intersection of all four panes and adjust both horizontal and vertical sizes at the same time.  (Correct me if I'm wrong.)

 

But, the other thing I'd like to do is to be able to maximize any single pane to take up the space of all four panes (covering the other three) with a button click (or right-click menu) and just as easily restore the pane back to where it was docked before so I can see all four panes again.  This doesn't seem to be a possiblity with the docking manager.

 

Anyone have any suggestions on how I might do this with other controls?

 

 

[Mark K.]

I have what I described in the first paragraph working with the docking manager and docking panes.  But, I just realized that if I drag the horizontal divider up or down, it affects both sides of the divider, but if I drag the vertical divider side to side, it affects only the two panels my cursor is between, not the other two. 

In other words, it seems as though the horizontal edges of the left two panes are locked to the horizontal edges of the right two panes. But, the vertical edges of the two top panes are not locked to the vertical edges of the bottom two panes.  I can adjust those independently.

Not sure how I got it to do this.  Is there a way to lock the vertical panes also?  Is there a way to unlock the horizontal panes?

[Julian Benkov]

Hello Mark K.,

This are not supported features of DockingManager. The target of our docking component is to have full support of ToolWindows, TabbedDocuments behavior like Visual Studio.

For this scenario, you must handle SpliterMoving/SplitterMoved events and when you change two panel also you should update the other two panels. When you want one panel to cover the whole area you must Hide other panels with the Hide method and respectively use Show for showing them afterwards.

This is an interesting functionality, and it could be a good idea to add a new splitter layout control to our suite. We will make research for possible implementation in our future releases.
 
Regards,
Julian Benkov
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.