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: