Stretch RadPane horizontally to automatically fill the screen

[Kasia]

Hi,

Is there a way to get the RadPane to automatically stretch to fill the screen?  I have a simplified example below where "paneBody" doesn't stretch to fit the screen even though I have RadSplitter height set to 100%. 

<

 

body>

 

 

 

<form id="form1" runat="server">

 

 

 

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">

 

 

 

</telerik:RadScriptManager>

 

 

 

<telerik:RadSplitter ID="Main" runat="server" Width="100%" Height="100%" Orientation="Horizontal"  LiveResize="true" >

 

     

<telerik:RadPane ID="paneHeader" runat="server" Height="45px" MaxHeight="45" Index="0">

 

         Header

     <

/telerik:RadPane>

 

     

<telerik:RadPane ID="paneBody" runat="server" >

 

         

line 1 of 5<br /><br /><br /><br /><br /><br /><br />

 

         

line 2 of 5<br /><br /><br /><br /><br /><br /><br />

 

         

line 3 of 5<br /><br /><br /><br /><br /><br /><br />

 

         

line 4 of 5<br /><br /><br /><br /><br /><br /><br />

 

         

line 5 of 5<br /><br /><br /><br /><br /><br /><br />

 

     

</telerik:RadPane>

 

     

<telerik:RadPane ID="footer" runat="server" Height="40px"> 
        footer

 

     

</telerik:RadPane>

 

 

 

</telerik:RadSplitter>

 

 

 

</form>

 

 

 

</body>

Thanks,
Kasia

 

 

 

 

 

[Scott R]

You will want to add the following CSS to your page:

html,
body,
form
{
    margin: 0;
    height: 100%;
    border: 0;
    padding: 0;
    overflow: hidden;
}

[Kasia]

Thank you!