[CLOSED] Button to switch between panels

[debarry]

Hi Guys,

I'm trying to do a layout liike a "next next finished".
My button "Next" isn't work, I tried to use this example: https://examples2.ext.net/#/TabPanel/Basic/Show_Hide/

Anyone has any ideia about how to do this?

The Layout print:



The code:

<ext:Panel ID="Panel6" runat="server">
                                <Items>
                                    <ext:Panel ID="Panel8" 
                                        runat="server" 
                                        Title="Page 1" 
                                        Icon="Email"
                                        StyleSpec="padding: 10px;" 
                                        Border="false">
                                        <Items>
                                            <ext:FormPanel ID="FormPanel1" runat="server" Title="Form Layout" BodyStyle="padding:15px">
                                                <FieldDefaults LabelWidth="75" LabelPad="20" LabelSeparator="" />
                                                <Defaults>
                                                    <ext:Parameter Name="width" Value="230" />
                                                    <ext:Parameter Name="msgTarget" Value="side" />
                                                </Defaults>
                                                <Items>
                                                    <ext:TextField ID="TextField1" runat="server" FieldLabel="First Name" AllowBlank="false" />
                                                </Items>
                                                <Buttons>
                                                    
                                                    <ext:Button ID="Button3" runat="server" Text="Next" Icon="ArrowRight" ToolTip="Next page">
                                                        <DirectEvents>
                                                             <Click  OnEvent="BtSave" Before="#{GroupTabPanel1}.addTab(#{Panel7});" />
                                                        </DirectEvents>
                                                    </ext:Button>
                                                </Buttons>
                                            </ext:FormPanel>
                                        </Items>    
                                    </ext:Panel>
                                </Items>
                            </ext:Panel>
                            <ext:Panel ID="Panel7" runat="server">
                                <Items>
                                    <ext:Panel ID="Panel3" 
                                        runat="server" 
                                        Title="Page 2" 
                                        Icon="Email"
                                        StyleSpec="padding: 10px;" 
                                        Border="false">
                                        <Items>
                                            <ext:FormPanel ID="FormPanel2" runat="server" Title="Form Layout" BodyStyle="padding:15px">
                                                <FieldDefaults LabelWidth="75" LabelPad="20" LabelSeparator="" />
                                                <Defaults>
                                                    <ext:Parameter Name="width" Value="230" />
                                                    <ext:Parameter Name="msgTarget" Value="side" />
                                                </Defaults>
                                                <Items>
                                                    <ext:TextField ID="TextField5" runat="server" FieldLabel="First Name" AllowBlank="false" />
                                                </Items>
                                                <Buttons>
                                                    <ext:Button ID="Button5" runat="server" Text="Save" />
                                                </Buttons>
                                            </ext:FormPanel>
                                        </Items>    
                                    </ext:Panel>
                                </Items>
                            </ext:Panel>