Change SplitPanel collapse direction

hiii....i have a problem with SplitContainer  SplitPanel....my SplitContainer  containing three SplitPanels...i set each panel size mode to "Absolute"....i this case expand and collapse of a split panel is working perfectly....but when i am closing the rad form i kept Split panel absolute height and width to a xml....when i am reopening my rad form i set absolute height and width from xml....i this case expand and collapse of a split panel is not working properly....i there any way to solve this problem

Please check the attached gif image 

Regards 

Ras Ran

Hi Ras Ran, 

The reported behavior does not appear to be related to the discussed in the thread scenario. From your message I understand that you are persisting the layout of the split container and upon recreating the form you are restoring it. If that is the case, please check if you are also setting the SizeMode property of the panels to be Absolute.  In case the issue persists and you would like us to investigate it, please open a support ticket and send us an example reproducing the behavior on your end.

I hope this will help. Let me know if you need further assistance.

Regards,
Hristo
Progress Telerik

Hii Hristo, i hope u understand my question....iam setting the panel container size programmatically ...i just want to change the splitter button direction(if its expended or collapsed ) programmatically at the run time....who you please give a Sollution for this ? 

Iam using telerik 2015 version 

regards ,

Ranees

Hi Ranees,

The approach discussed in the thread suggests a possible solution. Please note, however, that this is custom behavior which is not by design supported by the control. In this respect it may not cover all possible cases. If not already, please give it a try. If you are experiencing issues you can share a code snippet according to your local setup.

Regards,
Hristo
Progress Telerik

Hi Hristo,

How can I have a minimum width on my SplitPanel and close it all the way when I click the collapse button?

I tried to set minimum width on PanelCollapsing event but with no success

        private void RadForm1_Load(object sender, EventArgs e)
        {
            this.radSplitContainer1.EnableCollapsing = true;
            this.radSplitContainer1.UseSplitterButtons = true;
            this.splitPanel1.SizeInfo.SizeMode = SplitPanelSizeMode.Absolute;
            this.splitPanel1.SizeInfo.AbsoluteSize= new Size(30, 0);

            this.radSplitContainer1.PanelCollapsing+=radSplitContainer1_PanelCollapsing;
              
        } 
        private void radSplitContainer1_PanelCollapsing(object sender, RadSplitContainer.PanelCollapsingEventArgs e)
        {
            this.radSplitContainer1.PanelCollapsing -= radSplitContainer1_PanelCollapsing;

            this.splitPanel1.SizeInfo.SizeMode = SplitPanelSizeMode.Auto;
            this.radSplitContainer1.MoveSplitter(this.radSplitContainer1.Splitters[0], RadDirection.Left);
            this.radSplitContainer1.MoveSplitter(this.radSplitContainer1.Splitters[0], RadDirection.Left);
            this.radSplitContainer1.PanelCollapsing += radSplitContainer1_PanelCollapsing;
        }

I hope this information helps.

Regards,
Dess | Tech Support Engineer, Sr.
Progress Telerik

Hi Dess, thanks for the response,

In example gif that you attached I want to collapse the red panel and when it's not collapse I want it to have a minimum width.

resetting the minimum size in _PanelCollapsing event *this.splitPanel1.SizeInfo.MinimumSize = new Size();* does the trick to collapse it, but setting again the minimum size inside _PropertyChanged event in the code that Hristo supplied breaks the collapse

Hello, Tiago, 

In order to collapse the red panel in a similar way and keep a minimum width for it, it is suitable to follow an identical approach: 

        private void RadForm1_Load(object sender, EventArgs e)
        {
            this.radSplitContainer1.EnableCollapsing = true;
            this.radSplitContainer1.UseSplitterButtons = true;
            this.splitPanel3.SizeInfo.SizeMode = SplitPanelSizeMode.Absolute;
            this.splitPanel3.SizeInfo.AbsoluteSize= new Size(30, 0);

            this.radSplitContainer1.PanelCollapsing+=radSplitContainer1_PanelCollapsing;
              
        } 
        private void radSplitContainer1_PanelCollapsing(object sender, RadSplitContainer.PanelCollapsingEventArgs e)
        {
            this.radSplitContainer1.PanelCollapsing -= radSplitContainer1_PanelCollapsing;

            this.splitPanel3.SizeInfo.SizeMode = SplitPanelSizeMode.Auto;
            this.radSplitContainer1.MoveSplitter(this.radSplitContainer1.Splitters[1], RadDirection.Right );
            this.radSplitContainer1.MoveSplitter(this.radSplitContainer1.Splitters[1], RadDirection.Right);
            this.radSplitContainer1.PanelCollapsing += radSplitContainer1_PanelCollapsing;
        }

The obtained result is illustrated in the gif file. Note that this is just a sample approach and it may not cover all possible cases. Feel free to modify and extend it in a way which suits your requirements best. Additional information about sizing panels in RadSplitContainer is available here: 
https://docs.telerik.com/devtools/winforms/controls/splitcontainer/building-a-layout-of-radsplitcontainers-programmatically
https://docs.telerik.com/devtools/winforms/controls/splitcontainer/building-advanced-layouts

I hope this information helps.

Regards,
Dess | Tech Support Engineer, Sr.
Progress Telerik

Hi Dess,
I can't get it to work with you code :/ 

I made an empty project with the splitter container and the default settings and added you code, the panel wont collapse :/

Regards,
Dess | Tech Support Engineer, Sr.
Progress Telerik

Hi Dess,

Your example works with 3 panels, but if you remove one it no longer works, also the AbsoluteSize does nothing for the minimum width  right? the user can still change its width below 30

            this.splitPanel3.SizeInfo.MinimumSize = new Size(30, 0);
            this.splitPanel3.SizeInfo.SizeMode = SplitPanelSizeMode.Absolute;
            this.splitPanel3.SizeInfo.AbsoluteSize = new Size(30, 0);

If you have only two SplitPanels, you will notice that the splitter direction is opposite compared to the case with three panels. Hence, you can collapse the yellow panel in this case:

That is why the layout is different in this case and the obtained behavior accordingly. Feel free to use three panels in case you want the right panel to be collapsed via the splitter considering the correct direction. You can always manage the middle panel's size in such a way that it would be invisible.

I believe that you find this information helpful for build your custom layout.

Regards,
Dess | Tech Support Engineer, Sr.
Progress Telerik