summaryrefslogtreecommitdiff
path: root/demos/quickstart/protected/pages/Controls/Samples/TAccordion/Home.page
blob: 38ff9180823296442fa841d2a664ae9a4e21b9f3 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
<com:TContent ID="body">
<h1>TAccordion Samples</h1>

<table class="sampletable">

<tr><td class="samplenote">
A simple TAccordion populated with other controls:
</td><td class="sampleaction">

<com:TAccordion>
  <com:TAccordionView ID="View1" Caption="View 1" >
    <h2>View 1</h2>
  </com:TAccordionView>

  <com:TAccordionView ID="View2" Caption="View 2">
    <h2>View 2</h2>
    <p>Please choose a color:</p>
    <com:TDropDownList ID="DropDownList">
      <com:TListItem Value="Red" />
      <com:TListItem Value="Blue" />
      <com:TListItem Value="Green" />
    </com:TDropDownList>
  </com:TAccordionView>

  <com:TAccordionView Caption="View 3">
    <h2>View 3</h2>
    <p>
    Click on the following button to see if we keep your input after postback.
    </p>
    <com:TButton Text="Submit" />
  </com:TAccordionView>
</com:TAccordion>

</td></tr>

<tr><td class="samplenote">
Two nested TAccordion; the external one has AnimationDuration=0, while the internal one has a fixed ViewHeight=100
</td><td class="sampleaction">

<com:TAccordion AnimationDuration="0" >
	<com:TAccordionView Caption="View 1">
		<p>
		Contents for view 1: a nested TAccordion control
		</p>
		<com:TAccordion ViewHeight="100" >
			<com:TAccordionView Caption="Nested View A">
				Contents for nested view A
			</com:TAccordionView>
			<com:TAccordionView Caption="Nested View B">
				Contents for nested view B
			</com:TAccordionView>
			<com:TAccordionView Caption="Nested View C">
				Contents for nested view C
			</com:TAccordionView>
			<com:TAccordionView Caption="Nested View D">
				Contents for nested view D
			</com:TAccordionView>
		</com:TAccordion>
		<p>
			More content for view 1
		</p>
	</com:TAccordionView>

	<com:TAccordionView Caption="View 2">
		<p>
			Contents for view 2: a callback button
		</p>
		<com:TActiveButton ID="linkExecute" Text="Execute transaction" OnClick="executeTransaction" />
	</com:TAccordionView>

	<com:TAccordionView Caption="View 3">
		<p>
			Contents for view 3: a postback button
		</p>
		<com:TButton ID="cmd2" Text="Execute postback" OnClick="executeTransaction" />
	</com:TAccordionView>

</com:TAccordion>
<br />
A label to check postback/callback results: <com:TActiveLabel ID="lab1" />

</com:TContent>