ASP.NET Splitter Tutorial - Panel min/max size

Vertical Splitter; Vertical Splitter examples;
Horizontal Splitter; Horizontal Splitter examples;

Vertical Splitter

WidthMin

You can set the minimum width of a panel when using the splitter panels resize bar.


WidthMax

You can set the maximum width of a panel when using the splitter panels resize bar.

View live examples.

Horizontal Splitter

HeightMin

You can set the minimum height of a panel when using the splitter panels resize bar.


HeightMax

You can set the maximum height of a panel when using the splitter panels resize bar.

View live examples.

Vertical Splitter examples - all examples open in new window

1. Left panel min and max. Open example.

<obspl:Splitter runat="server" StyleFolder="styles/default">
<LeftPanel WidthMin="100" WidthMax="400" WidthDefault="200" >
<Content>
... Left Panel content here ...
...


2. Right panel min and max. Open example.

<obspl:Splitter runat="server" StyleFolder="styles/default">
<LeftPanel>
<Content>
... Left Panel content here ...
</Content>
</LeftPanel>
<RightPanel>
<Content WidthMin="100" WidthMax="400" WidthDefault="200">
... Right Panel content here ...
...


3. Left panel min, Right panel min. Open example.

<obspl:Splitter runat="server" StyleFolder="styles/default">
<LeftPanel WidthMin="100">
<Content>
... Left Panel content here ...
</Content>
</LeftPanel>
<RightPanel>
<Content WidthMin="100">
... Right Panel content here ...
...

Horizontal Splitter examples - all examples open in new window

1. Top panel min and max. Open example.

<obspl:HorizontalSplitter runat="server" StyleFolder="styles/default">
<TopPanel HeightMin="100" HeightMax="400" HeightDefault="200" >
<Content>
... Top Panel content here ...
...


2. Bottom panel min and max. Open example.

<obspl:HorizontalSplitter runat="server" StyleFolder="styles/default">
<TopPanel>
<Content>
... Top Panel content here ...
</Content>
</TopPanel>
<BottomPanel>
<Content HeightMin="100" HeightMax="400" HeightDefault="200">
... Bottom Panel content here ...
...


3. Top panel min, Bottom panel min. Open example.

<obspl:HorizontalSplitter runat="server" StyleFolder="styles/default">
<TopPanel HeightMin="100">
<Content>
... Top Panel content here ...
</Content>
</TopPanel>
<BottomPanel>
<Content HeightMin="100">
... Bottom Panel content here ...
...