radCollapsiblePanel inside radSplitContainer

[Deepak]

Hello all, 

I am fairly new to Telerik. 
I am looking to achieve the attached design in one of my projects. So to explain, there is a collapsible panel on the left which "Collapses" and "expands" and the panel on the right adjusts its width accordingly. 
The two controls which came into my attention were radSplitContainer and radCollapsiblePanel. But I guess I cannot insert a radCollapsiblePanel inside a radSplitContainer.
Is there any way I can achieve this.

Please help. 

Cheers,
Deepak

[Dess | Tech Support Engineer, Principal]

Hello Deepak,

Thank you for writing.

You can add the RadCollapsiblePanel in the Controls collection for a main RadPanel and set its Dock property to Left. In addition, you can add another child RadPanel and dock it to Fill. Thus, collapsing/expanding the RadCollapsiblePanel automatically will adjust the right panel width:

RadCollapsiblePanel collapsiblePanel = new RadCollapsiblePanel();
this.radPanel1.Controls.Add(collapsiblePanel);
collapsiblePanel.Dock = DockStyle.Left;
collapsiblePanel.ExpandDirection = RadDirection.Right;

RadPanel container = new RadPanel();
this.radPanel1.Controls.Add(container);
container.Dock = DockStyle.Fill;
container.BackColor = Color.Red;

I hope this information helps. Should you have further questions, I would be glad to help.

Regards,
Desislava
Telerik

 

 

[Deepak]

Hi Desislava,

I know I am too late in replying but better late than never. 
You tip did helped me in getting the desired result. Thanks :) 

Regards,
Deepak