O'Reilly logo

Ext.NET Web Application Development by Anup Shah

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Accordion layout

This popular layout lets you stack Panels (or its subclasses) on top of each other and expand and view just one at a time. From a usability perspective this helps group common functionality together while hiding parts the user is not interested in, simplifying what the user is seeing at any one time. Here is an example of a very simple Panel:

Accordion layout

The code to achieve it:

<ext:Window runat="server" Layout="Accordion" Width="150" Height="200" Border="false">
  <Items>
    <ext:Panel Title="Panel 1" />
    <ext:Panel Title="Panel 2" />
    <ext:Panel Title="Panel 3" />
  </Items>
</ext:Window>

Key aspects of this code include the following:

  • A Window acting ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required