ASP.NET Splitter - Knowledge Base

« Back to Knowledge Base list

Customize the collapsing button

Q:

How to enable the collapsing button? Can I customize it? 

A: 

You can enable the collapsing button by simply setting the CollpasePanel property.
Accepted values are:
  ·VerticalCollapsePanelType.none, VerticalCollapsePanelType.left, 
        VerticalCollapsePanelType.right for Vertical Splitter.
  ·HorizontalCollapsePanelType.none, HorizontalCollapsePanelType.top, 
HorizontalCollapsePanelType.bottom for Horizontal Splitter.
Default value is:
  ·VerticalCollapsePanelType.none for Vertical Splitter.
  ·HorizontalCollapsePanelType.none for 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

spl1.CollapsePanel = VerticalCollapsePanelType.right

C#
spl1.CollapsePanel = VerticalCollapsePanelType.left;


See also collapse panel example.
You can also check how to customize the collapsing button.

"We are a current owner of the Infragistics suite - but will be immediately purchasing your components as they are far and away better than anything I have seen out there. Great stuff! I can't believe I haven't come across your components before."

David Adams
NJS Enterprises, Inc.