[CLOSED] Collapse - Expand Panels?

[MrMp3]

Hi, I have 3 Panels, I need that when I expand one panel the other two collapse, i need only one panel expanded at a time.
I can´t view the BorderLayout example page, a error on Tabs appears.

Thanks!
Ariel

pd:sorry my English!

[Timothy]

Hello MrMp3,

You can do this 2 possible ways; the first being client-side using the Ext:Panel listeners:

<ext:Panel ID="Panel1" runat="server">
<Listeners>
<Collapse Handler="#{Panel2}.collapse(); #{Panel3}.collapse();" />
</Listeners>
<Content>
Word
</Content>
</ext:Panel>
<ext:Panel ID="Panel2" runat="server"> ... </ext:Panel>
<ext:Panel ID="Panel3" runat="server"> ... </ext:Panel>

You can also do this server-side with the Ext:Panel AjaxEvents, let me know if you want the server-side example.

Cheers,
Timothy

[MrMp3]

Thanks for the answer! I really need the server-side code please!! and thanks again!!!

[Timothy]

No problem, here is an example:

Server-side:

protected void Panel1_Collapse(object sender, AjaxEventArgs e)
{
    Panel2.Collapsed=true;
    Panel3.Collapsed=true;
}

<ext:Panel ID="Panel1" runat="server">
<AjaxEvents>
<Collapse OnEvent="Panel1_Collapse" />
</AjaxEvents>
<Content>
Word
</Content>
</ext:Panel>
<ext:Panel ID="Panel2" runat="server"> ... </ext:Panel>
<ext:Panel ID="Panel3" runat="server"> ... </ext:Panel>

Cheers,
Timothy

[Timothy]

Here is an example on how to toggle the 2nd and 3rd panel based on the 1st panel:

Server-side:

protected void Panel1_CollapseExpand(object sender, AjaxEventArgs e)
{
    Panel2.Collapsed=Panel1.Collapsed;
    Panel3.Collapsed=Panel1.Collapsed;
}

ASP.NET:

<ext:Panel ID="Panel1" runat="server">
<AjaxEvents>
<Collapse OnEvent="Panel1_CollapseExpand" />
<Expand OnEvent="Panel1_CollapseExpand" />
</AjaxEvents>
<Content>
Word
</Content>
</ext:Panel>
<ext:Panel ID="Panel2" runat="server"> ... </ext:Panel>
<ext:Panel ID="Panel3" runat="server"> ... </ext:Panel>

Hope that helps further.

Cheers,
Timothy

[MrMp3]

mmmm.....I haven´t AjaxEvents on panels :(

I have Buttons, Content, Listeners, LoadMask!!

[Timothy]

Oops, you using 0.6.0 or 0.5.4 ?

My examples are 0.6 !

Cheers,
Timothy

[MrMp3]

I use 0.5.4 :( where i can download 0.60?

[Timothy]

You will need to talk to Geoffrey regarding getting a pre preview version of 0.6; or you can use the client-side example I gave you using the Listeners property.

Cheers,
Timothy

[MrMp3]

Thanks for your time!!