Gaia Ajax: Accordion

The Accordion is a container which groups ExtendedPanel controls so that only one can be visible at one time if required.

This accordion listens to the Toggled event

Man Nunc scelerisque sollicitudin leo. Fusce id sapien. Ut faucibus. Aliquam erat volutpat. Vestibulum arcu libero, iaculis id, pretium eu, posuere gravida, felis. Aliquam erat volutpat. Fusce a diam. Morbi sit amet ligula. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur vehicula, turpis nec scelerisque pulvinar, massa massa imperdiet eros, non fermentum sem quam vel nulla.


   1:   
   2:  <gaia:Label 
   3:      id="zMessage" 
   4:      ForeColor="navy" 
   5:      Font-Bold="true" 
   6:      runat="server" 
   7:      Text="This accordion listens to the Toggled event">
   8:  </gaia:Label>
   9:      
  10:      <gaia:Accordion ID="Accordion1" OnToggled="Accordion1_Toggled" runat="server">
  11:          <gaia:ExtendedPanel
  12:              runat="server"
  13:              Caption="Accordion 1"
  14:              ID="extPnl1">
  15:              
  16:               <p style="padding: 10px; line-height:2em;">
  17:                  <gaia:Image 
  18:                      ID="zImg"
  19:                      style="float: left;"
  20:                      runat="server" 
  21:                      ImageUrl="man.png" 
  22:                      AlternateText="Man" />
  23:              Nunc scelerisque sollicitudin leo. 
  24:              Fusce id sapien. Ut
  25:              faucibus. Aliquam erat volutpat. Vestibulum arcu libero, 
  26:              iaculis id, pretium eu, posuere gravida, felis. Aliquam 
  27:              erat volutpat. Fusce a diam. Morbi sit amet ligula.
  28:              Class aptent taciti sociosqu ad litora torquent per 
  29:              conubia nostra, per inceptos
  30:              himenaeos. Curabitur vehicula, turpis nec scelerisque 
  31:              pulvinar, massa massa imperdiet eros, non fermentum sem 
  32:              quam vel nulla.</p>
  33:              
  34:          </gaia:ExtendedPanel>
  35:          <gaia:ExtendedPanel
  36:              runat="server"
  37:              Caption="Accordion 2"
  38:              ID="extPnl2">
  39:              
  40:              <p style="padding: 10px;">
  41:              
  42:               <gaia:Image 
  43:                  ID="zImg2"
  44:                  style="float: left;"
  45:                  runat="server" 
  46:                  ImageUrl="woman.png" 
  47:                  AlternateText="Woman" />
  48:              
  49:              Lorem ipsum dolor sit amet, 
  50:              consectetuer adipiscing elit. 
  51:              Fusce quis erat. Ut congue erat. Nullam dignissim. 
  52:              Suspendisse nisl pede, auctor vel, accumsan tempor, convallis
  53:              vel, sapien. Curabitur quis dui. Nunc et velit. In porttitor, 
  54:              leo eu adipiscing suscipit, est nisi cursus lorem, in mattis 
  55:              libero libero sit amet tellus. Suspendisse</p>
  56:              
  57:          </gaia:ExtendedPanel>
  58:          <gaia:ExtendedPanel
  59:              runat="server"
  60:              Caption="Accordion 3"
  61:              ID="extPnl3">
  62:              
  63:               <p style="padding: 10px;">Vel, sapien. Curabitur quis dui. 
  64:              Nunc et velit. In porttitor, 
  65:              leo eu adipiscing suscipit, est nisi cursus lorem, in mattis 
  66:              libero libero sit amet tellus. Suspendisse mollis consequat 
  67:              lectus. Nunc scelerisque sollicitudin leo. Fusce id sapien. Ut
  68:              faucibus. Aliquam erat volutpat. Vestibulum arcu libero, 
  69:              iaculis id, pretium eu, posuere gravida, felis. Aliquam erat volutpat. 
  70:              Fusce a diam. Morbi sit amet ligula. Class aptent taciti sociosqu
  71:              ad litora torquent per conubia nostra, per inceptos</p>
  72:              
  73:          </gaia:ExtendedPanel>
  74:      </gaia:Accordion>
  75:   
4.0.224.1