Change Panel

[canbay]

Hi,

Card Panels does not work in the center panel.Features of hide and show does not working.
Thank you.

 <ext:Viewport runat="server" Layout="border">
        <Items>
            <ext:Panel 
                runat="server"
                Title="North" 
                Region="North"
                Split="true"
                Height="150"
                Padding="6"
                Html="North"
                Collapsible="true"
                />
            <ext:Panel 
                runat="server" 
                Title="West" 
                Region="West"
                Layout="accordion"
                Width="225" 
                MinWidth="225" 
                MaxWidth="400" 
                Split="true" 
                Collapsible="true">
                <Items>
                    <ext:Panel 
                        runat="server" 
                        Title="Navigation" 
                        Border="false" 
                        Padding="6"
                        Icon="FolderGo"
                        Html="West"
                        />
                    <ext:Panel 
                        runat="server" 
                        Title="Settings" 
                        Border="false" 
                        Padding="6"
                        Icon="FolderWrench"
                        Html="Some settings in here"
                        />
                </Items>
            </ext:Panel>
            <ext:Panel runat="server" Region="Center">
                <Items>
                    <ext:Panel 
                        runat="server" 
                        Title="Center" 
                        Border="false" 
                        Padding="6"
                       </Items>
                                 <ext:Panel 
            ID="WizardPanel" 
            runat="server" 
            Title="Example Wizard" 
            Padding="15" 
            Height="300" 
            Layout="card" 
            ActiveIndex="0">       
            <Items>
                <ext:Panel 
                    ID="Panel1"
                    runat="server" 
                    Html="<h1>Welcome to the Wizard!</h1><p>Step 1 of 3</p>" 
                    Border="false" 
                    Header="false" 
                    />
                <ext:Panel 
                    ID="Panel2"
                    runat="server" 
                    Html="<h1>Card 2</h1><p>Step 2 of 3</p>" 
                    Border="false" 
                    Header="false" 
                    />
                <ext:Panel 
                    ID="Panel3"
                    runat="server" 
                    Html="<h1>Congratulations!</h1><p>Step 3 of 3 - Complete</p>" 
                    Border="false" 
                    Header="false" 
                    />
            </Items>         
            <Buttons>
                <ext:Button ID="btnPrev" runat="server" Text="Prev" Disabled="true" Icon="PreviousGreen">
                    <DirectEvents>
                        <Click OnEvent="Prev_Click">
                            <ExtraParams>
                                <ext:Parameter Name="index" Value="#{WizardPanel}.items.indexOf(#{WizardPanel}.layout.activeItem)" Mode="Raw" />
                            </ExtraParams>
                        </Click>
                    </DirectEvents>
                </ext:Button>
                <ext:Button ID="btnNext" runat="server" Text="Next" Icon="NextGreen">
                    <DirectEvents>
                        <Click OnEvent="Next_Click">
                            <ExtraParams>
                                <ext:Parameter Name="index" Value="#{WizardPanel}.items.indexOf(#{WizardPanel}.layout.activeItem)" Mode="Raw" />
                            </ExtraParams>
                        </Click>
                    </DirectEvents>
                </ext:Button>
            </Buttons>     
        </ext:Panel>

                       </ext:Panel>

                    <ext:Panel 
                        runat="server" 
                        Title="Close Me" 
                        Closable="true" 
                        Border="false" 
                        Padding="6"
                        Html="Closeable Tab"
                        />
                </Items>
            </ext:TabPanel>
                           </Items>
    </ext:Viewport>

[Vladimir]

CardLayout doesn't depend from its location
Provide simple test sample which doesn't required any changes from our side