Nov 24, 2010, 2:19 PM
Expand all panel items in accordion layout
Hi,
I've got the following code:
I've tried using the Plugins tag but to no avail.
David
I've got the following code:
<ext:Panel ID="accordion_panel" Layout="Accordion" runat="server" Border="false">
<Items>
<ext:Panel ID="products" Collapsed="true" runat="server" Title="Products" Cls="accordion_panel_header"
BodyCssClass="accordion_panel_body" OverCls="accordion_panel_header_hover" Border="false"
AutoHeight="true">
<Content>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula
eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient
montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu,
pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla
vel, aliquet nec,
</Content>
</ext:Panel>
<ext:Panel ID="order_information" Collapsed="true" runat="server" Title="Order information"
Cls="accordion_panel_header" BodyCssClass="accordion_panel_body" OverCls="accordion_panel_header_hover"
Border="false" AutoHeight="true">
<Content>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula
eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient
montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu,
pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla
vel, aliquet nec,
</Content>
</ext:Panel>
</Items>
<Plugins>
<ext:KeepActive runat="server" />
</Plugins>
</ext:Panel>
I would like to be able to have all the panels expanded. At the moment, whenever I click on the "+" button, the other panel will collapse if it is in an expanded state. I've tried using the Plugins tag but to no avail.
David