Update (2009/4/1): Starting from ZeeControls 2.1, the default value of FitParent is FitParentContainer. And nested containers will fit to a parent panel that is a ZeeControls panel. That means a WebDock can now automatically fit to a parent WebSplitterPanel. Actually you can nest different types of ZeeControls containers and panels that will fit to their parent containers.
So the following workaround is not required anymore.
---------------
At present, WebDock will not automatically fit to any parent container (except the browser window). In the FitParent property of WebDock, the value FitParentContainer behaves as FitNone.
For the time being, you can make use of the Client API to achieve the same effect.
Basically you need to add the following 2 things so that a WebDock will resize with a parent WebSplitterPanel:
1. Define a client-side handler for the OnClientPanelResized event of WebSplitterContainer
2. Set the Overflow property of the WebSplitterPanel to Hidden so that scrollbars won't be shown
Following is a sample (abridged) ASPX:
<body>
<script type="text/javascript">
function PanelResizedHandler (panelId, oldWidth, oldHeight, newWidth, newHeight) {
if (panelId == '<%= WebDockParent.ClientID %>') {
ZCWD.GetContainer('<%= WebDock1.ClientID %>').SetDimensions(newWidth, newHeight);
}
}
</script>
<form id="form1" runat="server">
<div>
<cc1:WebSplitterContainer runat="server" ID="WebSplitterContainer1" FitParent="FitWindow" Height="560px" Width="679px" OnClientPanelResized="PanelResizedHandler">
<Panels>
<cc1:WebSplitterPanel runat="server">
<Content>
Left Panel
</Content>
</cc1:WebSplitterPanel>
<cc1:WebSplitterPanel runat="server" Filled="True" ID="WebDockParent" Overflow="Hidden">
<Content>
<cc1:WebDock runat="server" ID="WebDock1" Height="524px" Width="512px">
<Panels>
...
</Panels>
</cc1:WebDock>
</Content>
</cc1:WebSplitterPanel>
</Panels>
</cc1:WebSplitterContainer>
</div>
</form>
</body>