FitLayout not working in TabPanel with CustomControl

[chrisuae]

Hi, I'm trying to display a CustomControl inside a TabPanel but I can't get it to fill the entire space. If I take the markup out of the CustomControl and place it directly in the main aspx page it works.

<ext:TabPanel ID="tpStudentInfo" runat="server">
    <Items>
        <ext:Panel ID="pan1" runat="server" Layout="FitLayout">  <%-- THIS DOESN'T FILL THE tab PANEL --%>
            <Content>
                <uc6:StudentInfo runat="server" ID="StudentInfo" />   
            </Content>
        </ext:Panel>
        <ext:Panel ID="pan2" runat="server" Layout="FitLayout">   <%-- THIS FILLS THE tab PANEL --%>
            <Items>
                <ext:GridPanel ID="gpStudentRequiredCourses" runat="server" StripeRows="true" Title="RequiredCourses"
                    AutoExpandColumn="Message" MinColumnWidth="60" Collapsible="false" Split="true"
                    TrackMouseOver="true">
                    <ColumnModel>
                        <Columns>
                            <ext:RowNumbererColumn />
                            <ext:Column ColumnID="Subject" DataIndex="Subject" Header="Subject" Tooltip="Subject"
                                Fixed="true" Width="50" />
                            <ext:Column ColumnID="Course" DataIndex="Course" Header="Course" Tooltip="Course"
                                Fixed="true" Width="50" />
                             </Columns>
                    </ColumnModel>                                
                </ext:GridPanel>
            </Items>
        </ext:Panel>
    </Items>
</ext:TabPanel>

The ascx file for the custom control contains the same panel as pan2 in the above

 <ext:Panel ID="FitLayout1" runat="server" Layout="FitLayout">   
            <Items>
                <ext:GridPanel ID="gpStudentRequiredCourses" runat="server" StripeRows="true" Title="RequiredCourses"
                    AutoExpandColumn="Message" MinColumnWidth="60" Collapsible="false" Split="true"
                    TrackMouseOver="true">
                    <ColumnModel>
                        <Columns>
                            <ext:RowNumbererColumn />
                            <ext:Column ColumnID="Subject" DataIndex="Subject" Header="Subject" Tooltip="Subject"
                                Fixed="true" Width="50" />
                            <ext:Column ColumnID="Course" DataIndex="Course" Header="Course" Tooltip="Course"
                                Fixed="true" Width="50" />
                             </Columns>
                    </ColumnModel>                                
                </ext:GridPanel>
            </Items>
        </ext:Panel>

[Daniil]

Hi @chrisuae,

Inside the user control: please wrap the Panel in a FitLayout control.

[chrisuae]

Great! That worked perfectly.
Thanks.