Since it doesn't seem possible to hide the splitterbar programatically I had code to collapse the left pane of a verticle web splitter to 0px.
Programmatically I do this
if (bLockDown)
{
Panel1.Visible = false; //to hide contents in first pane
WebSplitter.Panes[0].MinSize = Unit.Pixel(0);
WebSplitter.Panes[0].Size = Unit.Pixel(0);
WebSplitter.Panes[0].Lock = true;
}
else
// do opposite to show
Panel1.Visible =true;
WebSplitter.Panes[0].MinSize = Unit.Pixel(130);
WebSplitter.Panes[0].Size = Unit.Pixel(200);
WebSplitter.Panes[0].Lock = false;
When you login, everything is collapsed to start. Once user is authenticated, I show the pane by setting flag. This works properly. But, once I log out, setting the Panes[0].Size seems to have no effect. Sometimes you can even see the splitter pane snap back to open. Like something is overriding what I set in the server side code. Inside the left Pane is a UltraListBar.
Where does this code live? Do you have it in a user control? Perhaps you have something going on surrounding checking your postback flags.
I fixed this problem a while back by setting the size to 1 pixel. For some reason setting it to zero made it do something underneath.
When I set these lines to 1, it then worked.
WebSplitter.Panes[0].MinSize = Unit.Pixel(1);
WebSplitter.Panes[0].Size = Unit.Pixel(1);
Really weird but, I was just happy to get it working.
So just to clarify, your trying to hide a Pane or hide the actual splitter bar?
A Pane can be collapsed programatically by changing its Collapsed property:
WebSplitter1.Panes[0].Collapsed = true/false;
You can also lock a pane so it cannot be expanded or collased by the end user.
If your trying to hide the actual splitter bar itself, I beleive you are right, there is no property to do that. You can change the width of the bar in CSS by creating a custom CSS class and assigning it toSplitterBar.ThicknessCssClass propert.
Devin
I wanted to completely hide the contents in the left most pane and hide the splitterbar itself. It was easy to hide the contents in the pane. I just couldn't get the splitterbar to disappear programmatically. So I made it appear like it had by basically hiding the contents and collapsing or setting the size. The splitterbar is still visible but so far over to the left you can barely notice it.
OK. Thank for the clarification. I checked with the developers and unfortunatly, as you found out, there is no easy way to do this so I am not sure that I can offer you any better solution than the one you are using. We can look at making this scenario easier in a future release.
Guys, I'm not sure if that's what you're looking for, but under Feature Picker -> Scrolling there are 2 check-boxes: Show Row Region Splitter and Show Column Region Splitter.
Regards,
Dmitriy.
Here's a way you can hide the splitter bar...
Try creating a style entry as the following
.noDisplay { display:none; }
And then set SplitterBar-CssClass="noDisplay"
I was able to do it using this method