I have setup a simple vertical splitter. When I change the size of the browser window, the width of the splitter follows the width of the browser window as I intended.
How do I do the same with the height? I can set the height of the splitter to 100% but I am only permitted to set the height of each pane in pixels and not in %.
How do I do the same with the height? I can set the height of the splitter to 100% but I am only permitted to set the height of each pane in pixels and not in %.
<!DOCTYPE html>
<
html
xmlns
=
"http://www.w3.org/1999/xhtml"
>
<
head
runat
=
"server"
>
<
title
></
title
>
<
telerik:RadStyleSheetManager
id
=
"RadStyleSheetManager1"
runat
=
"server"
/>
</
head
>
<
body
>
<
form
id
=
"form1"
runat
=
"server"
>
<
telerik:RadScriptManager
ID
=
"RadScriptManager1"
runat
=
"server"
>
<
Scripts
>
<
asp:ScriptReference
Assembly
=
"Telerik.Web.UI"
Name
=
"Telerik.Web.UI.Common.Core.js"
/>
<
asp:ScriptReference
Assembly
=
"Telerik.Web.UI"
Name
=
"Telerik.Web.UI.Common.jQuery.js"
/>
<
asp:ScriptReference
Assembly
=
"Telerik.Web.UI"
Name
=
"Telerik.Web.UI.Common.jQueryInclude.js"
/>
</
Scripts
>
</
telerik:RadScriptManager
>
<
script
type
=
"text/javascript"
>
// Script here
</
script
>
<
telerik:RadAjaxManager
ID
=
"RadAjaxManager1"
runat
=
"server"
>
</
telerik:RadAjaxManager
>
<
div
style
=
"height:100%"
>
<
telerik:RadSplitter
ID
=
"RadSplitter1"
Runat
=
"server"
Height
=
"100%"
Skin
=
"WebBlue"
Width
=
"100%"
LiveResize
=
"True"
>
<
telerik:RadPane
ID
=
"RadPane1"
Runat
=
"server"
Width
=
"30%"
Height
=
"300px"
ContentUrl
=
"http://activeminds.ca"
Scrolling
=
"None"
>
</
telerik:RadPane
>
<
telerik:RadSplitBar
ID
=
"RadSplitBar1"
Runat
=
"server"
>
</
telerik:RadSplitBar
>
<
telerik:RadPane
ID
=
"RadPane2"
Runat
=
"server"
>
Test content
</
telerik:RadPane
>
</
telerik:RadSplitter
>
</
div
>
</
form
>
</
body
>
</
html
>