ActiveTabIndex

[Yannis]

Hello,

I have a tabpanel within a panel.
In one of the tab I have another tabpanel on the bottom side.
When I load the page I have an error about the activeIndextab = 0.
At the moment it loads the page, the second tabpanel is not loaded yet so the error.
If I don't set the activeIndexTab it works but when I click on the tab it shows nothing (blank content).

What can I do to show the content of the tab ?

Thanks.

Here a sample of code :

<ext:TabPanel ID="tabPanel1" runat="server">
  <Content>
<ext:Panel ID="tab1" runat="server" Title="tab1">
  <Content>
    ...
  </Content>
</ext:Panel>
<ext:Panel ID="tab2" runat="server" Title="tab2" ActiveTabIndex="0"> // <-- here I have an error at runtime
  <Content>
    <ext:TabPanel ID="tabPanel2" runat="server" TabPosition="Bottom">
      <Content>
        <ext:Panel ID="tab21" runat="server" Title="tab21">
          <Content>
            ...
          </Content>
        </ext:Panel>
        <ext:Panel ID="tab22" runat="server" Title="tab22">
          <Content>
            ...
          </Content>
        </Content>
   </ext:Panel>
  </ext:Panel>
  </Content>
</ext:Panel>
</Content>
</ext:TabPanel>

[paul-2011]

Place child Tabs inside <Items>, not <Content>.

<ext:TabPanel ID="TabPanel3" runat="server" Height="300">
        <Items>
            <ext:Panel ID="Panel1" runat="server" Title="Tab 1">
                <Items>
                        <ext:Panel ID="myChildPanel" runat="server">
                             <Content>
                                  Here I can place My HTML
                             </Content>
                         </ext:Panel>
                         <ext:Label ID="lbl" runat="server" Text="Or any other control here."></ext:Label>
                </Items>
            </ext:Panel>
            <ext:Panel ID="Panel2" runat="server" Title="Tab 2">
                <Items>
                    <ext:TabPanel ID="TabPanel4" runat="server" Height="300" ActiveIndex="1">
                        <Items>
                            <ext:Panel ID="Panel3" runat="server" Title="Tab 1">
                                <Items>
                                </Items>
                            </ext:Panel>
                            <ext:Panel ID="Panel4" runat="server" Title="Tab 2">
                                <Items>
                                </Items>
                            </ext:Panel>
                        </Items>
                    </ext:TabPanel>
                </Items>
            </ext:Panel>
        </Items>
    </ext:TabPanel>

[Yannis]

Thanks !
It works.