ASP.NET Splitter - Collapse/Expand panel

Click on the arrow of the splitter separator.
The left panel of the splitter will collapse.
Click again to expand the left panel back.

You can also collapse/expand a panel by using client-side methods.
Collapse the left panel
Expand the left panel
Collapse the right panel
Expand the right panel

The feature also works in horizontal splitter.

Example code

    <obspl:Splitter CollapsePanel="left" id="spl1" runat="server" StyleFolder="styles/default">
        <LeftPanel>
            <Content>
                ... Left Panel content here ...
    ...

VB.NET
spl1.CollapsePanel = VerticalCollapsePanelType.left


C#
spl1.CollapsePanel = VerticalCollapsePanelType.right;


JavaScript
spl1.CollapsePanel("left");
spl1.ExpandPanel("right");

"I have to say, you guys are too cool. Not only do you put out these cool things, but you got back to me so fast it is unbelievable!!"

Christian Loepp

Random testimonial   All testimonials