I am attempting to fill the entire browser window which I want to shrink or expand as browser window is resized. I have 2 RadDocks with a smaller one on the top (containing combo boxes), and a larger one one the bottom containing a grid. The problem I have is that no matter what I have tried, the RadDockLayout does not stretch to consume 100% height (the width works fine). What am I missing? See the html below that I am using. The only thing that has worked for a 1 size of browser window is setting the height (see bold below) on the RadDock2, but this is not the desired effect. Placing height at 100% does not work for me. Seems 100% really means 75% internally (or that is how it looks). This is in a content page where the master page has a title and menu on top of page.
<telerik:RadDockLayout ID="RadDockLayout1" runat="server" >
<center>
<telerik:RadDockZone ID="RadDockZone1" runat="server" Width="98%">
<telerik:RadDock ID="RadDock1" runat="server">
<Commands>
<telerik:DockExpandCollapseCommand />
</Commands>
<ContentTemplate>
<!-- contains labels and combo boxes -->
</ContentTemplate>
</telerik:RadDock>
<telerik:RadDock ID="RadDock2" runat="server" Height="650px" >
<Commands>
<telerik:DockExpandCollapseCommand />
</Commands>
<ContentTemplate>
<!-- contains grid -->
</ContentTemplate>
</telerik:RadDock>
</telerik:RadDockZone>
</center>
</telerik:RadDockLayout>
<telerik:RadDockLayout ID="RadDockLayout1" runat="server" >
<center>
<telerik:RadDockZone ID="RadDockZone1" runat="server" Width="98%">
<telerik:RadDock ID="RadDock1" runat="server">
<Commands>
<telerik:DockExpandCollapseCommand />
</Commands>
<ContentTemplate>
<!-- contains labels and combo boxes -->
</ContentTemplate>
</telerik:RadDock>
<telerik:RadDock ID="RadDock2" runat="server" Height="650px" >
<Commands>
<telerik:DockExpandCollapseCommand />
</Commands>
<ContentTemplate>
<!-- contains grid -->
</ContentTemplate>
</telerik:RadDock>
</telerik:RadDockZone>
</center>
</telerik:RadDockLayout>