Stretch RadPane horizontally to automatically fill the screen

3 posts, 1 answers
  1. Kasia
    Kasia avatar
    6 posts
    Member since:
    Jun 2009

    Posted 23 Jul 2009 Link to this post

    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

     

     

     

     

     

  2. Answer
    Scott R
    Scott R avatar
    63 posts
    Member since:
    Jun 2008

    Posted 23 Jul 2009 Link to this post

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


    html,  
    body,  
    form  
    {  
        margin: 0;  
        height: 100%;  
        border: 0;  
        padding: 0;  
        overflowhidden;  
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Kasia
    Kasia avatar
    6 posts
    Member since:
    Jun 2009

    Posted 23 Jul 2009 Link to this post

    Thank you!
Back to Top