summaryrefslogtreecommitdiff
path: root/demos/tizen-gray/widgets/segmentctrl.html
blob: dd8ad26d1c74cb9d9f793ce8a035ad41484a63ea (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
<div data-role="page">

	<div data-role="header" data-position="fixed">
		<h1>Segment Control</h1>
	</div><!-- /header -->

	<div data-role="content">
		<div data-role="fieldcontain">
			<fieldset data-role="controlgroup" data-type="horizontal">
				<legend>segment toolbar segonly style with 2 buttons:</legend>
				<input type="radio" name="radio-view-7" data-icon="segment-titlestyle-segonly" id="segment61" value="on" checked="checked" />
				<label for="segment61">Listtest length</label>
				<input type="radio" name="radio-view-7" data-icon="segment-titlestyle-segonly" id="segment62" value="off" />
				<label for="segment62">Grid</label>
			</fieldset>
		</div>

		<div data-role="fieldcontain">
			<fieldset data-role="controlgroup" data-type="horizontal">
				<legend>segment toolbar segonly style with 3 buttons:</legend>
				<input type="radio" name="radio-view-8" data-icon="segment-titlestyle-segonly" id="segment71" value="on" checked="checked" />
				<label for="segment71">List</label>
				<input type="radio" name="radio-view-8" data-icon="segment-titlestyle-segonly" id="segment72" value="off" />
				<label for="segment72">Grid</label>
				<input type="radio" name="radio-view-8" data-icon="segment-titlestyle-segonly" id="segment73" value="off" />
				<label for="segment73">Grid</label>
			</fieldset>
		</div>

		<div data-role="fieldcontain"> 
			<fieldset data-role="controlgroup" data-type="horizontal"> 
				<legend>segment toolbar segonly style with 4 buttons:</legend> 
				<input type="radio" name="radio-view-9" data-icon="segment-titlestyle-segonly" id="segment861" value="on" checked="checked" /> 
				<label for="segment861">List</label> 
				<input type="radio" name="radio-view-9" data-icon="segment-titlestyle-segonly" id="segment862" value="off" /> 
				<label for="segment862">Grid</label> 
				<input type="radio" name="radio-view-9" data-icon="segment-titlestyle-segonly" id="segment863" value="off" /> 
				<label for="segment863">Grid</label> 
				<input type="radio" name="radio-view-9" data-icon="segment-titlestyle-segonly" id="segment864" value="off" /> 
				<label for="segment864">Grid</label> 
			</fieldset> 
		</div> 
		<div data-role="fieldcontain"> 
			<fieldset data-role="controlgroup" data-type="horizontal"> 
				<input type="radio" name="radio-view-1" data-icon="segment-titlestyle-segonly" id="segment1" value="on" checked="checked" /> 
				<label for="segment1">List</label> 
				<input type="radio" name="radio-view-1" data-icon="segment-titlestyle-segonly" id="segment2" value="off" /> 
				<label for="segment2">Grid</label> 
			</fieldset> 
		</div> 

		<div data-role="fieldcontain"> 
			<fieldset data-role="controlgroup" data-type="horizontal"> 
				<input type="radio" name="radio-view-2" data-icon="segment-titlestyle-segonly" id="segment3" value="on" checked="checked" /> 
				<label for="segment3">List</label> 
				<input type="radio" name="radio-view-2" data-icon="segment-titlestyle-segonly" id="segment4" value="off" /> 
				<label for="segment4">Grid</label> 
				<input type="radio" name="radio-view-2" data-icon="segment-titlestyle-segonly" id="segment5" value="off" /> 
				<label for="segment5">Grid</label> 
			</fieldset> 
		</div> 

		<div data-role="fieldcontain"> 
			<fieldset data-role="controlgroup" data-type="horizontal"> 
				<input type="radio" name="radio-view-9" data-icon="segment-titlestyle-segonly" id="segment6" value="on" checked="checked" /> 
				<label for="segment6">List</label> 
				<input type="radio" name="radio-view-9" data-icon="segment-titlestyle-segonly" id="segment7" value="off" /> 
				<label for="segment7">Grid</label> 
				<input type="radio" name="radio-view-9" data-icon="segment-titlestyle-segonly" id="segment8" value="off" /> 
				<label for="segment8">Grid</label> 
				<input type="radio" name="radio-view-9" data-icon="segment-titlestyle-segonly" id="segment9" value="off" /> 
				<label for="segment9">Grid</label> 
			</fieldset> 
		</div> 

		<div id=test> </div>

	</div><!-- /content -->
</div><!-- /page -->