| |
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 ...
...
| | |
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 ...
...
| | |
| "Your grid is very very competitive against all others.
Its very very very professional and very nice customizable in designs.
I admire it a lot." |
Shiyaz Ahammed |
|
| | |
|
|
|
|