[CLOSED] Content Gridpanel does not resize back to a full width

[deejayns]

MasterPage (ContentPH):

<ext:Viewport ID="MasterVP" runat="server"  >
            <Items>
                <ext:BorderLayout runat="server" ID="brdOuter" StyleSpec="background-color:transparent;">
                    <North Margins-Left="15" Margins-Right="15">
                        <ext:Container ID="divToolbar" runat="server" style="z-index: 900; position: relative;" MinWidth="1085">
                            <Content>
                                <tbm:ToolbarMaster ID="TB1" runat="server" />
                            </Content>
                        </ext:Container>
                    </North>
                    <Center Margins-Left="15" Margins-Right="15">
                        <ext:Container runat="server" ID="cntCenter" Layout="Fit" MinWidth="1085">
                            <Items>
                                <ext:BorderLayout runat="server" ID="brdInner" >
                                    <North>
                                        <ext:Container runat="Server" ID="divHeader" Cls="PageHeader">
                                            <Content>
                                                <asp:PlaceHolder ID="PH1" runat="server" />
                                            </Content>
                                        </ext:Container>
                                    </North>
                                    <Center>
                                        <ext:Container runat="Server" ID="divContent" Cls="Content"  Layout="Fit">
                                            <Content>
                                                <asp:ContentPlaceHolder ID="ContentPH" runat="server" />
                                            </Content>
                                        </ext:Container>
                                    </Center>
                                </ext:BorderLayout>
                            </Items>
                        </ext:Container>
                    </Center>
                    <South Margins-Left="15" Margins-Right="15">

Child page:

 <ext:Panel runat="server" ID="pnlReqClasses" MonitorResize="true" Layout="hbox"
    Padding="10">
    <Items>
        <ext:TreePanel ID="tree" runat="server" Title="Req Classes" Border="false" UseArrows="true"
            AutoScroll="true" Width="500" Height="580">
            <Root>
                <ext:AsyncTreeNode NodeID="0" Text="Root" Expanded="true" />
            </Root>
            <Listeners>
                <BeforeLoad Fn="nodeLoad" />
                <Click Fn="filterGrid" />
                <DblClick Handler="CreateReqTree(node)" />
            </Listeners>
        </ext:TreePanel>
        <ext:GridPanel ID="GridPanel1" runat="server" StoreID="stoRootReqClasses" TrackMouseOver="true"
            Flex="1" Title="Double click a requirement class to create a requirement" Height="580" 
            AutoScroll="true" Cls="Grid" Border="false" AutoExpandColumn="Description">
            <ColumnModel ID="ColumnModel1" runat="server">
                <Columns>
                    <ext:Column ColumnID="Description" Header="requirement_class_description" DataIndex="Description">
                        <Renderer Fn="Selectable" />
                    </ext:Column>
                    <ext:Column Header="requirement_class_id_a" Width="100" DataIndex="ClassID" Fixed="true">
                    </ext:Column>
                    <ext:ImageCommandColumn Header="details" Align="Center" Width="100" Fixed="true">
                        <Commands>
                            <ext:ImageCommand Icon="ApplicationViewDetail" CommandName="Details" Cls="center">
                                <ToolTip Text="View Details" />
                            </ext:ImageCommand>
                        </Commands>
                    </ext:ImageCommandColumn>
                </Columns>
            </ColumnModel>
            <View>
                <ext:GridView ID="GridView1" runat="server" ForceFit="true" />
            </View>
            <SelectionModel>
                <ext:RowSelectionModel ID="RowSelectionModel1" runat="server" />
            </SelectionModel>
            <BottomBar>
                <ext:PagingToolbar ID="PagingToolbar1" runat="server" PageSize="20" HideRefresh="true" />
            </BottomBar>
            <Listeners>
                <DblClick Handler="CreateReqGrid(this.selModel.getSelected().data)" />
                <Command Handler="LoadDetails(record.data.ClassID, record.data.OrgID)" />
            </Listeners>
        </ext:GridPanel>
    </Items>
    </ext:Panel>

After browser's 'Restore Down' and then 'Maximize' the Gridpanel does not stretch to a full width like initially was.

Any idea?

[deejayns]

Any idea about the above?

[Daniil]

Hi,

Please set MonitorResize="true" for the Viewport.

[Daniil]

Or, and it's better - wrap the content of <asp:Content> in layout control.

Example

<asp:Content runat="server" ContentPlaceHolderID="ContentPH">
    <ext:FitLayout runat="server">
        <Items>
            <ext:Panel runat="server" ID="pnlReqClasses" ...>
                <Items>
                    ...
                </Items>
            </ext:Panel>
        </Items>
    </ext:FitLayout>
</asp:Content>