This is a migrated thread and some comments may be shown as answers.

Full screen splitter with a twist

2 Answers 107 Views
Splitter
This is a migrated thread and some comments may be shown as answers.
AdamL
Top achievements
Rank 1
AdamL asked on 23 Jan 2009, 10:05 PM
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 Answers, 1 is accepted

Sort by
0
Svetlina Anati
Telerik team
answered on 26 Jan 2009, 10:47 AM
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.
0
AdamL
Top achievements
Rank 1
answered on 26 Jan 2009, 01:40 PM
That worked perfectly.  Thank you. 
Tags
Splitter
Asked by
AdamL
Top achievements
Rank 1
Answers by
Svetlina Anati
Telerik team
AdamL
Top achievements
Rank 1
Share this question
or