We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

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


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:

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

Thank you,

3 Replies

SM Sugapriya Mariappan Syncfusion Team September 26, 2016 10:20 AM UTC

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 


AS Andrew Sullivan October 4, 2016 03:51 AM UTC

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


VR Vijayalakshmi Roopkumar Syncfusion Team October 4, 2016 04:29 AM UTC

Hi Andrew,

Thank you for your update.

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

Vijayalakshmi V.R.

Live Chat Icon For mobile
Up arrow icon