Help i cannot get the tabs to fill the screen size. View the screen shot to understand a bit better.




<ext:ViewPort runat="server" Border="false" AutoHeight="true" BodyBorder="false">


<Body>


<ext:FitLayout ID="FitLayout1" runat="server">


<ext:Panel runat="server">


<Body>


<ext:BorderLayout ID="BorderLayout1" runat="server">


<North Margins-Left="30" Margins-Right="30" Margins-Bottom="5" Margins-Top="2" CMargins-Left="5"


Collapsible="false">


<ext:Panel AutoHeight="true" Title="VIVA Transcription" Collapsible="false" TitleCollapse="true"


Header="true" runat="server">


<Body>


<uc2:WUC_Logo ID="WUC_Logo1" runat="server" />


</Body>


</ext:Panel>


</North>


<Center Margins-Left="30" Margins-Right="30" Margins-Bottom="8" Margins-Top="10"


CMargins-Left="5">


<ext:Panel ID="Panel1" BodyBorder="false" HideBorders="true" runat="server">


<Body>


<ext:ViewPort MonitorResize="true" BufferResize="true" runat="server">


<Body>


<ext:FitLayout ID="Holder" runat="server">


</ext:FitLayout>


</Body>


</ext:ViewPort>


<%-- <asp:PlaceHolder ID="TabMenu" runat="server"></asp:PlaceHolder>--%>


</Body>


</ext:Panel>


</Center>


</ext:BorderLayout>


</Body>


</ext:Panel>


</ext:FitLayout>


</Body>


</ext:ViewPort>
I add the tab dynamically to the fitlayout




Holder.Controls.Add(ctl);
This is the tab code 




<ext:TabPanel ID="TabPanel1" AutoHeight="true" runat="server" MonitorResize="true" DeferredRender="false">


<Tabs>


<ext:Tab BodyStyle="padding:10px;background-color: rgb(240, 240, 240);" AutoHeight="true"


AutoRender="false" AutoScroll="true" ID="TabInbox" Title="Inbox" runat="server"


Closable="false">


<AutoLoad Url="Client/Inbox.aspx" Mode="IFrame" TriggerEvent="show" ReloadOnEvent="true"


ShowMask="true" MaskMsg="Loading Client Inbox..." NoCache="true">


</AutoLoad>


</ext:Tab>


<ext:Tab ID="TabArchive" AutoHeight="true" MonitorResize="true" BodyStyle="padding:10px;background-color: rgb(240, 240, 240);"


Title="Archive" runat="server" Closable="false">


<AutoLoad Url="Client/Archive.aspx" Mode="IFrame" TriggerEvent="Activate" ReloadOnEvent="true"


ShowMask="true" MaskMsg="Loading Client Archive..." NoCache="true" />


</ext:Tab>


<ext:Tab ID="TabUpload" BodyStyle="padding:10px;background-color: rgb(240, 240, 240);"


Title="Upload" runat="server" Closable="false">


<AutoLoad Url="Client/Upload.aspx" Mode="IFrame" ReloadOnEvent="false" ShowMask="true"


MaskMsg="Loading Client Upload..." NoCache="false" />


</ext:Tab>


<ext:Tab ID="TabSearch" Height="700" BodyStyle="padding:10px;background-color: rgb(240, 240, 240);"


Title="Search" runat="server" Closable="false">


<AutoLoad Url="Search.aspx" Mode="IFrame" ReloadOnEvent="false" ShowMask="true" MaskMsg="Loading Client Search..."


NoCache="false" />


</ext:Tab>


<ext:Tab ID="TabTemplates" Height="700" BodyStyle="padding:10px;background-color: rgb(240, 240, 240);"


Title="Templates" runat="server" Closable="false">


<AutoLoad Url="Client/Templates.aspx" MaskMsg="Loading Client Templates..." Mode="IFrame"


TriggerEvent="show" ReloadOnEvent="true" ShowMask="true" NoCache="true" />


</ext:Tab>


<ext:Tab ID="TabAddressBook" Height="700" BodyStyle="padding:10px;background-color: rgb(240, 240, 240);"


Title="Address Book" runat="server" Closable="false">


<AutoLoad Url="Client/AddressBook.aspx" MaskMsg="Loading Client Address Book..."


Mode="IFrame" ReloadOnEvent="true" ShowMask="true" NoCache="false" />


</ext:Tab>


<ext:Tab ID="TabAccountInfo" Height="700" BodyStyle="padding:10px;background-color: rgb(240, 240, 240);"


Title="Account Info" runat="server" Closable="false">


<AutoLoad Url="Client/AccountInfo.aspx" MaskMsg="Loading Client Account..." TriggerEvent="show"


Mode="IFrame" ReloadOnEvent="true" ShowMask="true" NoCache="true" />


</ext:Tab>


<ext:Tab ID="TabHelp" Height="700" BodyStyle="padding:10px;background-color: rgb(240, 240, 240);"


Title="Help" runat="server" Closable="false">


<AutoLoad Url="Client/Help.aspx" Mode="IFrame" MaskMsg="Loading Client Help..." ReloadOnEvent="false"


ShowMask="true" NoCache="false" />


</ext:Tab>


</Tabs>


<BottomBar>


<ext:StatusBar>


</ext:StatusBar>


</BottomBar>


</ext:TabPanel>
This is the page i load which inherits from a master page.


<asp:Content runat="server" ContentPlaceHolderID="ContentPlaceHolderClient">


<%-- <asp:label id="lblHeading" Width="99%" CssClass="sectionHeader" runat="server" Font-Names="Verdana">Inbox</asp:label>--%>


<div id="flash" >


<div style="margin: 10px;">


<ext:FormPanel Title="Inbox" AutoHeight="true" AutoScroll="true" BodyBorder="true" ID="pnlInbox"


runat="server">


<Body>





<uc1:WUC_DocumentList ID="documentList" runat="server"></uc1:WUC_DocumentList>


<sc:VivaButton ID="btnReloadData" runat="server" Style="display: none" OnClick="btnReloadData_Click">


</sc:VivaButton>






</Body>


</ext:FormPanel>










<script type="text/javascript" language="javascript"> 


function ReloadMe()


{


&#100;ocument.getElementById('<%=btnReloadData.ClientID%>').click();


}





function hidecontrol()


{





}


</script>


</asp:Content>
Please help this is pretty urgent.

Thanks