obout inc - ASP.NET Splitter - Panel min/max size tutorial

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

Splitter Tutorial - Panel min/max size

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 ...
...

Download these working examples.

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 ...
...

Download these working examples.

Please visit HOW-TO and Help page for any questions.

"Obout Team, I am the Development Manager for the inkubook tem at Author Solutions. I wanted to personally take the time to thank the Obout team for the absolute top notch support we have been provided. Your support has exceeded anything we have received from your competitors. When given a choice of tools, I will have no hesitation in selecting the Obout tool over any tool provided by a competitor. "

Jim Daugherty

Development Manager, inkubook