Full screen splitter with a twist

[AdamL]

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

 

[Svetlina Anati]

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.

[AdamL]

That worked perfectly.  Thank you.