PagingToolbar does not resize correctly.

[Nikoli]

The paging toolbar is sized correctly when the page is first shown. However, when resizing the window below the inital size the paging tool bar text is cut off.

Browser: IE 9.0
IDE: VS 2010
Ext Version: 1.2

<%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"
   CodeFile="Default.aspx.cs" Inherits="_Default" %>

<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
   <script type="text/javascript">
      var template = '<span style="color:{0};">{1}</span>';

      var change = function (value) {
         return String.format(template, (value > 0) ? "green" : "red", value);
      };

      var pctChange = function (value) {
         return String.format(template, (value > 0) ? "green" : "red", value + "%");
      };
   </script>
</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
   <ext:ResourceManager ID="ResourceManager1" runat="server" Theme="Default">
   </ext:ResourceManager>
   <ext:FormPanel ID="FormPanel1" runat="server" Title="Enrollment Search" Padding="5"
      AutoHeight="true" Width="545" Icon="Find" Layout="FormLayout" StyleSpec="margin: 0px 0px 10px 0px;">
      <Items>
         <ext:CompositeField ID="CompositeField1" runat="server" MsgTarget="Side" AnchorHorizontal="-20"
            FieldLabel="Date Range" DefaultFlex="1">
            <Items>
               <ext:DateField ID="startDateField" runat="server" FieldLabel="Start Date" DataIndex="StartDate"
                  Vtype="daterange" AllowBlank="false">
                  <CustomConfig>
                     <ext:ConfigItem Name="endDateField" Value="#{endDateField}" Mode="Value" />
                  </CustomConfig>
               </ext:DateField>
               <ext:DateField ID="endDateField" runat="server" FieldLabel="End Date" DataIndex="EndDate"
                  Vtype="daterange" AllowBlank="false">
                  <CustomConfig>
                     <ext:ConfigItem Name="startDateField" Value="#{startDateField}" Mode="Value" />
                  </CustomConfig>
               </ext:DateField>
               <ext:Button ID="todayButton" runat="server" Text="Today">
                  <DirectEvents>
                     <Click OnEvent="todayButton_Click" />
                  </DirectEvents>
               </ext:Button>
               <ext:Button ID="yesterdayButton" runat="server" Text="Yesterday">
                  <DirectEvents>
                     <Click OnEvent="yesterdayButton_Click" />
                  </DirectEvents>
               </ext:Button>
               <ext:Button ID="monthButton" runat="server" Text="Month">
                  <DirectEvents>
                     <Click OnEvent="monthButton_Click" />
                  </DirectEvents>
               </ext:Button>
               <ext:Button ID="yearButton" runat="server" Text="Year">
                  <DirectEvents>
                     <Click OnEvent="yearButton_Click" />
                  </DirectEvents>
               </ext:Button>
            </Items>
         </ext:CompositeField>
         <ext:ComboBox FieldLabel="State" ID="ComboBox1" runat="server" AllowBlank="false"
            Editable="false">
            <Items>
               <ext:ListItem Text="Test1" />
               <ext:ListItem Text="Test2" />
               <ext:ListItem Text="Test3" />
            </Items>
         </ext:ComboBox>
         <ext:ComboBox FieldLabel="Service Type" ID="ComboBox2" runat="server" AllowBlank="false"
            Editable="false">
            <Items>
               <ext:ListItem Text="Test1" />
               <ext:ListItem Text="Test2" />
               <ext:ListItem Text="Test3" />
            </Items>
         </ext:ComboBox>
      </Items>
      <Buttons>      
         <ext:Button ID="searchButton" runat="server" Text="Search">
            <DirectEvents>
               <Click OnEvent="searchButton_Click" />
            </DirectEvents>
         </ext:Button>
      </Buttons>
      <BottomBar>
         <ext:StatusBar ID="FormStatusBar" runat="server">
            <Plugins>
               <ext:ValidationStatus runat="server" FormPanelID="FormPanel1" ValidIcon="Accept"
                  ErrorIcon="Exclamation" ID="ctl1971" />
            </Plugins>
         </ext:StatusBar>
      </BottomBar>
   </ext:FormPanel>
   <ext:GridPanel ID="GridPanel1" runat="server" StripeRows="true" Title="Companies"
      TrackMouseOver="true"  AutoHeight="true" Layout="AnchorLayout">
      <Store>
         <ext:Store ID="Store1" runat="server">
            <BaseParams>
               <ext:Parameter Name="start" Value="0" Mode="Raw" />
               <ext:Parameter Name="limit" Value="10" Mode="Raw" />
            </BaseParams>
            <Reader>
               <ext:ArrayReader>
                  <Fields>
                     <ext:RecordField Name="company" />
                     <ext:RecordField Name="price" Type="Float" />
                     <ext:RecordField Name="change" Type="Float" />
                     <ext:RecordField Name="pctChange" Type="Float" />
                     <ext:RecordField Name="lastChange" Type="Date" DateFormat="M/d hh:mmtt" />
                  </Fields>
               </ext:ArrayReader>
            </Reader>
         </ext:Store>
      </Store>
      <ColumnModel ID="ColumnModel1" runat="server">
         <Columns>
            <ext:Column ColumnID="Company" Header="Company" DataIndex="company" />
            <ext:Column Header="Price" DataIndex="price">
               <%--<Renderer Format="UsMoney" />--%>
            </ext:Column>
            <ext:Column ColumnID="Change" Header="Change" DataIndex="change">
               <%--<Renderer Fn="change" />--%>
            </ext:Column>
            <ext:Column Header="Change" DataIndex="pctChange">
               <%--<Renderer Fn="pctChange" />--%>
            </ext:Column>
            <ext:DateColumn Header="Last Updated" DataIndex="lastChange" />
         </Columns>
      </ColumnModel>
      <SelectionModel>
         <ext:RowSelectionModel ID="RowSelectionModel1" runat="server" SingleSelect="true" />
      </SelectionModel>
      <BottomBar>
         <ext:PagingToolbar ID="pagingToolbar" runat="server"
            DisplayMsg="Meters {0} - {1} of {2}" EmptyMsg="No employees to display" HideRefresh="true" />
      </BottomBar>
   </ext:GridPanel>
</asp:Content>

[Nikoli]

I figured it out.

I wrapped the Grid panel in a Panel. I then set the panel layout to fitlayout and Monitor Resize to true for both controls.