Full screen splitter with a twist

3 posts, 0 answers
  1. AdamL
    AdamL avatar
    41 posts
    Member since:
    Aug 2006

    Posted 23 Jan 2009 Link to this post

    I have splitter on a page.  The page is base off a master page.  The master page has a header div and a footer div.  Here is the simplified code for the master page:

    <

     

    div class="headingbar">
    <table style="width:100%;height:100%" cellpadding="0" cellspacing="0"> 
    <tr
    <td>Some stuff here</td>
     </tr
    </table>  
    </div

    <asp:ContentPlaceHolder ID="MainContent" runat="server"> 
    </asp:ContentPlaceHolder

    <div class="footer"> 
    <table style="width:100%;height:100%" cellpadding="0" cellspacing="0"> 
    <tr>
    <td>Some stuff here</td>
    </tr
    </table
    </div

    On the actual page, I have insert a splitter with two Vertical Panes in ContentPlaceHolder.  I want the splitter to fill the remaining screen and resize with the window, showing scrollbar depending on the content.  Is there a way to tell the splitter to set height to 100% of the remaining white space (or 100% - hieght of other items on the page).

    Thanks in advance.

    - Adam

     

  2. Svetlina Anati
    Admin
    Svetlina Anati avatar
    2795 posts

    Posted 26 Jan 2009 Link to this post

    Hello lindsaad,

    Yes, the RadSplitter provides a property which will help in layouts like yours. The property name is HeightOffset - just set it to the sum of the heights of the header and the footer. E.g  with the following settings:

    header DIV - height=200px, footer DIV - height=100px

    The HeightOffset property should be set to 300. The splitter will "understand" itself that it should occupy the area between the header and the footer.

    Kind regards,
    Svetlina
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. AdamL
    AdamL avatar
    41 posts
    Member since:
    Aug 2006

    Posted 26 Jan 2009 Link to this post

    That worked perfectly.  Thank you. 
Back to Top