border layout inside of tab

[craig2005]

any idea why this isn't rendering inside of a tab.

This ascx file is being brought into a tab via a partialviewresult (MVC).

<ext:BorderLayout ID="BorderLayout1" runat="server">
    <West Collapsible="false" Split="true">
        <ext:Panel ID="Panel1" runat="server" Title="West" Width="400">
        </ext:Panel>
    </West>
    <Center>
        <ext:Panel ID="Panel2" runat="server" Title="Center" Width="1">
        </ext:Panel>
    </Center>
    <East Collapsible="false" Split="true">
        <ext:Panel ID="Panel3" runat="server" Title="East" Width="400" Height="300" Layout="fit">
        <Items>
         <ext:Panel ID="accEventsWrapper" runat="server" AutoHeight="true" Header="false" Border="false">
                <Items>
                    <ext:AccordionLayout ID="accEvents" runat="server" Animate="true">
                        <Items>
                            <ext:Panel ID="accEventsPanel" runat="server" Border="false" AutoHeight="true" Layout="fit" Title="Events"  Collapsed="false" Padding="10" />
                        </Items>
                    </ext:AccordionLayout>
                </Items>
            </ext:Panel>
            <ext:Panel ID="accPhotosWrapper" runat="server" AutoHeight="true" Header="false" Border="false">
                <Items>
                    <ext:AccordionLayout ID="accPhotos" runat="server" Animate="true">
                        <Items>
                            <ext:Panel ID="accPhotosPanel" runat="server" Border="false" AutoHeight="true" Layout="fit" Title="Photos"  Collapsed="false" Padding="10" />
                        </Items>
                    </ext:AccordionLayout>
                </Items>
            </ext:Panel>
            <ext:Panel ID="accRolesWrapper" runat="server" AutoHeight="true" Header="false" Border="false">
                <Items>
                    <ext:AccordionLayout ID="accRoles" runat="server" Animate="true">
                        <Items>
                            <ext:Panel ID="accRolesPanel" runat="server" Border="false" AutoHeight="true" Layout="fit" Title="My Roles"  Collapsed="true" Padding="10">
                                  <AutoLoad Url="/Group/HomeTab_MyRoles" NoCache="true" ShowMask="true" Scripts="true">
                                    <Params>
                                        <ext:Parameter Name="containerId" Value="function () { return #{accRolesPanel}.body.id; }" Mode="Raw" />
                                    </Params>
                                 </AutoLoad>
                            </ext:Panel>
                        </Items>
                    </ext:AccordionLayout>
                </Items>
            </ext:Panel>
        </Items>
        </ext:Panel>
    </East>
    <South Collapsible="true" Split="true">
        <ext:Panel ID="Panel4" runat="server" Height="150" Title="South">
        </ext:Panel>
    </South>
</ext:BorderLayout>

[craig2005]

It seems to be a height issue. I added a wrapper panel as well and set the height. The auto height isn't working either.

I thought in an ascx control you didn't need a wrapper panel because the border layout was being loaded into another panel.

http://forums.ext.net/showthread.php...t=borderlayout