Looking for suggestions on how to achieve a three column layout interface

[Andrew Sullivan]

Hello,

For a portion of my user interface, I would like to be able to organize controls into three separate vertical containers. The 3 containers would be separated by move-able splitters, and moving the splitters would change the size of the containers. Also, each of the vertical containers needs to be collapsible, but no more than 2 should be collapsed at any give time.

Here is a picture that illustrates my desired layout:

https://1drv.ms/f/s!AnfOUycsWSO4iuRQbMrEEfTkKuxY-Q

Can anyone suggest what controls I could use to accomplish this layout and functionality?

Thank you,

Andrew

[Sugapriya Mariappan]

Hi Andrew,

Thank you for contacting Syncfusion Support.

This reported requirement can be achieved by using SplitContainerAdv control. Please make use of the sample and video for your reference.

Sample: http://www.syncfusion.com/downloads/support/forum/126109/ze/SplitContainerAdv-1705873225.zip 

Video: http://www.syncfusion.com/downloads/support/forum/126109/ze/video411768081.zip 

Regards,
M.Sugapriya
 

[Andrew Sullivan]

Thank you for the response, I have used a modified version of what you have provided successfully!

Regards,

Andrew

[Vijayalakshmi Roopkumar]

Hi Andrew,

Thank you for your update.

Please let us know if you need any further assistance on this.

Regards,
Vijayalakshmi V.R.