Demos Home Telerik Home
Search

RadSplitter for ASP.NET AJAX Version Q3 2008 released 11/25/2008 (release history)

Initial Size

Run example in: C# VB.NET

See how the splitter control and panes are rendered with the different size types.

Splitter Absolute size is set to 500px
Left Pane - set to free size
Middle Pane - set to free size
End Pane - set to free size

Splitter Absolute size is set to 500px
Left Pane - set to absolute size - 100px
Right Pane - set to absolute size - 300px
End Pane - set to free size

Splitter Absolute size is set to 500px, SplitBars - set to absolute size is set to 20px
Left Pane - set to absolute size - 280px
Right Pane - set to absolute size - 120px
End Pane - set to free size

Splitter Percent size is set to 80%
Left Pane - set to absolute size - 80px
Right Pane - set to absolute size - 120px
End Pane - set to free size

Splitter Absolute size is set to 500px
Left Pane - set to percent size - 80%
Right Pane - set to percent size - 10%
End Pane - set to percent size - 10%

Splitter Free size
Left Pane - set to absolute size - 80px
Right Pane - set to absolute size - 120px
End Pane - set to absolute size - 300px

Splitter Absolute size is set to 500px (Size overwritten by the size of the panes. This happens when the size of all panes is set to Absolute and the sum of their sizes is different than the size of the splitter)
Left Pane - set to absolute size - 480px
Right Pane - set to absolute size - 120px
End Pane - set to absolute size - 300px

Splitter Free size
Left Pane - set to free size
Right Pane - set to free size
End Pane - set to free size

Splitter Percent size is set to 80%
Left Pane - set to absolute size - 200px
Right Pane - set to absolute size - 200px
End Pane - set to free size
Horizontal Splitters
Splitter Absolute size is set to 500px
Left Pane - set to free size
Middle Pane - set to free size
End Pane - set to free size

Splitter Absolute size is set to 500px
Left Pane - set to absolute size - 100px
Right Pane - set to absolute size - 300px
End Pane - set to free size

Splitter Absolute size is set to 500px, SplitBars - absolute size set to 10px
Left Pane - set to absolute size - 250px
Right Pane - set to absolute size - 110px
End Pane - set to free size

Splitter Absolute size is set to 500px
Left Pane - set to percent size - 80%
Right Pane - set to percent size - 10%
End Pane - set to percent size - 10%

Splitter Free size
Left Pane - set to absolute size - 80px
Right Pane - set to absolute size - 120px
End Pane - set to absolute size - 300px

Splitter Absolute size is set to 500px (Size overwritten by the size of the panes. This happens when the size of all panes is set to Absolute and the sum of their sizes is different than the size of the splitter)
Left Pane - set to absolute size - 280px
Right Pane - set to absolute size - 120px
End Pane - set to absolute size - 300px

Splitter Free size
Left Pane - set to free size
Right Pane - set to free size
End Pane - set to free size

Example Source Code & Description

Compatible with ASP.NET 2.0, 3.5 AJAX enabled Accessibility Verified!Valid XHTML 1.1! Optimized for Visual Studio 2005, 2008
Copyright 2002-2009 © Telerik. All right reserved  | 
Telerik Inc, 275 Grove Street, 4th Floor, Newton MA 02466

www.telerik.com  |  Terms of Use  |  Contact Us