-
Notifications
You must be signed in to change notification settings - Fork 0
/
dev.html
105 lines (95 loc) · 61.6 KB
/
dev.html
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
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
<!DOCTYPE html>
<html lang="en" class="no-js">
<head>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,600&subset=latin,cyrillic-ext,cyrillic,greek-ext,greek,vietnamese,latin-ext' rel='stylesheet' type='text/css'>
<link type="text/css" href="../build/css/formhub.css" media="all" rel="stylesheet" />
<link type="text/css" href="../build/css/formhub-print.css" media="print" rel="stylesheet" />
<script type="text/javascript">
var modelStr = "<model><instance><widgets_dev id=\"widgets_dev\"><intro/><hidebranch/><repeat template=\"\"><text_widgets><my_string/><my_long_text/><\/text_widgets><number_widgets><my_int/><my_decimal>18.31<\/my_decimal><\/number_widgets><date_time_widgets><my_date>2010-06-15<\/my_date><my_date_month_year/><my_date_year/><my_time/><dateTime/><\/date_time_widgets><select_widgets><my_select>a c<\/my_select><select_horizontal_compact/><select_horizontal/><my_select1>8<\/my_select1><select1_horizontal_compact/><select1_horizontal/><select1_likert/><spinner/><spinner_all/><selectadvance/><grid_test/><grid_test_audio/><table_list_test><table_list_test_label/><table_list_1/><table_list_2/><\/table_list_test><table_list_test2><generated_table_list_label_41/><reserved_name_for_field_list_labels_42/><table_list_3/><table_list_4/><\/table_list_test2><happy_sad_table_2><happy_sad_second_method/><happy_sad_brian2/><happy_sad_michael2/><\/happy_sad_table_2><happy_sad_table><generated_table_list_label_50/><reserved_name_for_field_list_labels_51/><happy_sad_brian/><happy_sad_michael/><\/happy_sad_table><\/select_widgets><cascading_widgets><group1><country/><city/><neighborhood/><\/group1><group2><country2/><city2/><neighborhood2/><\/group2><\/cascading_widgets><geopoint_widgets><my_geopoint>39.7334 -104.9926 0 28</my_geopoint><locationMap/><\/geopoint_widgets><media_widgets><my_image/><my_audio/><my_video/><my_barcode/><\/media_widgets><display_widgets><my_output/><text_media/><select_media/><my_trigger/><\/display_widgets><\/repeat><meta><instanceID/><\/meta><\/widgets_dev><\/instance><instance id=\"cities\"><root><item><itextId>static_instance-cities-0<\/itextId><country>nl<\/country><name>ams<\/name><\/item><item><itextId>static_instance-cities-1<\/itextId><country>usa<\/country><name>den<\/name><\/item><item><itextId>static_instance-cities-2<\/itextId><country>usa<\/country><name>nyc<\/name><\/item><item><itextId>static_instance-cities-3<\/itextId><country>usa<\/country><name>la<\/name><\/item><item><itextId>static_instance-cities-4<\/itextId><country>nl<\/country><name>rot<\/name><\/item><item><itextId>static_instance-cities-5<\/itextId><country>nl<\/country><name>dro<\/name><\/item><\/root><\/instance><instance id=\"neighborhoods\"><root><item><itextId>static_instance-neighborhoods-0<\/itextId><country>usa<\/country><city>nyc<\/city><name>bronx<\/name><\/item><item><itextId>static_instance-neighborhoods-1<\/itextId><country>usa<\/country><city>nyc<\/city><name>harlem<\/name><\/item><item><itextId>static_instance-neighborhoods-2<\/itextId><country>usa<\/country><city>la<\/city><name>belair<\/name><\/item><item><itextId>static_instance-neighborhoods-3<\/itextId><country>nl<\/country><city>ams<\/city><name>wes<\/name><\/item><item><itextId>static_instance-neighborhoods-4<\/itextId><country>usa<\/country><city>den<\/city><name>parkhill<\/name><\/item><item><itextId>static_instance-neighborhoods-5<\/itextId><country>nl<\/country><city>rot<\/city><name>haven<\/name><\/item><item><itextId>static_instance-neighborhoods-6<\/itextId><country>nl<\/country><city>ams<\/city><name>dam<\/name><\/item><item><itextId>static_instance-neighborhoods-7<\/itextId><country>nl<\/country><city>rot<\/city><name>centrum<\/name><\/item><item><itextId>static_instance-neighborhoods-8<\/itextId><country>nl<\/country><city>dro<\/city><name>haven<\/name><\/item><\/root><\/instance><instance id=\"countries\"><root><item><itextId>static_instance-countries-0<\/itextId><name>nl<\/name><\/item><item><itextId>static_instance-countries-1<\/itextId><name>usa<\/name><\/item><\/root><\/instance><instance id=\"list\"><root><item><itextId>static_instance-list-0<\/itextId><name>a<\/name><\/item><item><itextId>static_instance-list-1<\/itextId><name>b<\/name><\/item><item><itextId>static_instance-list-2<\/itextId><name>c<\/name><\/item><item><itextId>static_instance-list-3<\/itextId><name>d<\/name><\/item><\/root><\/instance><instance id=\"list1\"><root><item><itextId>static_instance-list1-0<\/itextId><name>king<\/name><\/item><item><itextId>static_instance-list1-1<\/itextId><name>pig<\/name><\/item><item><itextId>static_instance-list1-2<\/itextId><name>nut<\/name><\/item><\/root><\/instance><instance id=\"happy_sad\"><root><item><itextId>static_instance-happy_sad-0<\/itextId><name>happy<\/name><\/item><item><itextId>static_instance-happy_sad-1<\/itextId><name>sad<\/name><\/item><\/root><\/instance><instance id=\"list2\"><root><item><itextId>static_instance-list2-0<\/itextId><name>1<\/name><\/item><item><itextId>static_instance-list2-1<\/itextId><name>2<\/name><\/item><item><itextId>static_instance-list2-2<\/itextId><name>3<\/name><\/item><item><itextId>static_instance-list2-3<\/itextId><name>4<\/name><\/item><item><itextId>static_instance-list2-4<\/itextId><name>5<\/name><\/item><item><itextId>static_instance-list2-5<\/itextId><name>6<\/name><\/item><item><itextId>static_instance-list2-6<\/itextId><name>7<\/name><\/item><item><itextId>static_instance-list2-7<\/itextId><name>8<\/name><\/item><\/root><\/instance><instance id=\"a_b\"><root><item><itextId>static_instance-a_b-0<\/itextId><name>a<\/name><\/item><item><itextId>static_instance-a_b-1<\/itextId><name>b<\/name><\/item><\/root><\/instance><instance id=\"agree5\"><root><item><itextId>static_instance-agree5-0<\/itextId><name>1<\/name><\/item><item><itextId>static_instance-agree5-1<\/itextId><name>2<\/name><\/item><item><itextId>static_instance-agree5-2<\/itextId><name>3<\/name><\/item><item><itextId>static_instance-agree5-3<\/itextId><name>4<\/name><\/item><item><itextId>static_instance-agree5-4<\/itextId><name>5<\/name><\/item><\/root><\/instance><instance id=\"yes_no\"><root><item><itextId>static_instance-yes_no-0<\/itextId><name>yes<\/name><\/item><item><itextId>static_instance-yes_no-1<\/itextId><name>no<\/name><\/item><item><itextId>static_instance-yes_no-2<\/itextId><name>dk<\/name><\/item><item><itextId>static_instance-yes_no-3<\/itextId><name>na<\/name><\/item><\/root><\/instance><\/model>";
</script>
<script type="text/javascript" data-main="../app.js" src="../lib/bower-components/requirejs/require.js"></script>
<!--<script type="text/javascript" src="../build/js/combined.min.js"></script>-->
</head>
<body>
<div class="main">
<article class="paper" >
<header class="form-header clearfix">
<span class="form-language-selector"><span>Choose Language</span></span>
</header>
<form autocomplete="off" novalidate="novalidate" class="or clearfix" id="widgets_dev">
<!--This form was created by transforming a OpenRosa-flavored (X)Form using an XSLT sheet created by Enketo LLC.--><section class="form-logo"> </section><h3 id="form-title">Widgets Dev form</h3><select id="form-languages" style="display:none;" data-default-lang="default"><option value="default">default</option> </select>
<label class="note non-select "><span lang="" class="question-label active">Widgets Developer form.
Show hidden branches to see if widgets are properly disabled by entering $('.or-branch').show() in console.
See how widgets behave when they are cloned (when a repeat is created).
The XLS Form source is [here](https://docs.google.com/spreadsheet/ccc?key=0Al3Mw5sknZoPdGxzeHg0QlZHYlhFWElRaHBlVXNUV3c&usp=sharing).</span><input autocomplete="off" type="text" name="/widgets_dev/intro" data-type-xml="string" readonly="readonly"/></label>
<label class="question non-select "><span lang="" class="question-label active">enter something to hide everything (disable branch)</span><input autocomplete="off" type="text" name="/widgets_dev/hidebranch" data-type-xml="string"/></label>
<section class="or-group or-branch" name="/widgets_dev/repeat" data-relevant="string-length(/widgets_dev/hidebranch) = 0"><section class="or-repeat " name="/widgets_dev/repeat"><section class="or-group " name="/widgets_dev/repeat/text_widgets"><h4><span lang="" class="question-label active">Text widgets</span></h4><label class="question non-select "><span lang="" class="question-label active">Text widget</span><span lang="" class="or-hint active">Can be short or long but always one line (type = text)</span><input autocomplete="off" type="text" name="/widgets_dev/repeat/text_widgets/my_string" data-type-xml="string"/></label><label class="question non-select or-appearance-multiline "><span lang="" class="question-label active">Multiline Text widget in enketo (in ODK collect this a normal text field)</span><span lang="" class="or-hint active">Can be multiple lines (type=text, appearance = multiline)</span><textarea autocomplete="off" name="/widgets_dev/repeat/text_widgets/my_long_text" data-type-xml="string"> </textarea></label>
</section><!--end of group --><section class="or-group " name="/widgets_dev/repeat/number_widgets"><h4><span lang="" class="question-label active">Number widgets</span></h4><label class="question non-select "><span lang="" class="or-constraint-msg active">number must be less than 10</span><span lang="" class="question-label active">Integer widget (try entering a number > 10)</span><span lang="" class="or-hint active">This field has a constraint (type=integer, constraint=.<10)</span><input autocomplete="off" type="number" name="/widgets_dev/repeat/number_widgets/my_int" data-constraint=". < 10" data-type-xml="int"/></label><label class="question non-select "><span lang="" class="or-constraint-msg active">number must be between 10.51 and 18.39</span><span lang="" class="question-label active">Decimal widget (allows only number > 10.51 and < 18.39)</span><span lang="" class="or-hint active">This field has a constraint (type=decimal, constraint=. > 10.51 and . < 18.39)</span><input autocomplete="off" type="number" name="/widgets_dev/repeat/number_widgets/my_decimal" data-constraint=". > 10.51 and . < 18.39" data-type-xml="decimal" step="any"/></label>
</section><!--end of group --><section class="or-group " name="/widgets_dev/repeat/date_time_widgets"><h4><span lang="" class="question-label active">Date and time widgets</span></h4><label class="question non-select "><span lang="" class="or-constraint-msg active">only future dates allowed</span><span lang="" class="question-label active">Date widget (this one allows only future dates and has a default value)</span><span lang="" class="or-hint active">This field has a constraint (type=date, constraint=.>= today())</span><input autocomplete="off" type="date" name="/widgets_dev/repeat/date_time_widgets/my_date" data-constraint=". >= today()" data-type-xml="date"/></label><label class="question non-select or-appearance-month-year "><span lang="" class="question-label active">Month-year widget</span><span lang="" class="or-hint active">Simply specify an appearance style (type=date, appearance=month-year)</span><input autocomplete="off" type="date" name="/widgets_dev/repeat/date_time_widgets/my_date_month_year" data-type-xml="date"/></label><label class="question non-select or-appearance-year "><span lang="" class="question-label active">Year widget (year only)</span><span lang="" class="or-hint active">Simply specify and appearance style (type=date, appearance=year)</span><input autocomplete="off" type="date" name="/widgets_dev/repeat/date_time_widgets/my_date_year" data-type-xml="date"/></label><label class="question non-select "><span lang="" class="question-label active">Time widget</span><span lang="" class="or-hint active">Times are easy! (type=time)</span><input autocomplete="off" type="time" name="/widgets_dev/repeat/date_time_widgets/my_time" data-type-xml="time"/></label><label class="question non-select "><span lang="" class="question-label active">Date and time widget</span><span lang="" class="or-hint active">For exact times, will be converted to UTC/GMT (type=dateTime)</span><input autocomplete="off" type="datetime" name="/widgets_dev/repeat/date_time_widgets/dateTime" data-type-xml="dateTime"/></label>
</section><!--end of group --><section class="or-group " name="/widgets_dev/repeat/select_widgets"><h4><span lang="" class="question-label active">Basic Select widgets</span></h4><fieldset class="question "><fieldset><legend><span lang="" class="or-constraint-msg active">option c and d cannot be selected together</span><span lang="" class="question-label active">Select multiple widget (don't pick c and d together)</span><span lang="" class="or-hint active">Using a list specified in the choices worksheet (type=select_multiple list)</span>
</legend><div class="option-wrapper"><label class=""><input autocomplete="off" type="checkbox" name="/widgets_dev/repeat/select_widgets/my_select" value="a" data-constraint="not(selected(., 'c') and selected(., 'd'))" data-type-xml="select"/><span lang="" class="option-label active">option a</span></label><label class=""><input autocomplete="off" type="checkbox" name="/widgets_dev/repeat/select_widgets/my_select" value="b" data-constraint="not(selected(., 'c') and selected(., 'd'))" data-type-xml="select"/><span lang="" class="option-label active">option b</span></label><label class=""><input autocomplete="off" type="checkbox" name="/widgets_dev/repeat/select_widgets/my_select" value="c" data-constraint="not(selected(., 'c') and selected(., 'd'))" data-type-xml="select"/><span lang="" class="option-label active">option c</span></label><label class=""><input autocomplete="off" type="checkbox" name="/widgets_dev/repeat/select_widgets/my_select" value="d" data-constraint="not(selected(., 'c') and selected(., 'd'))" data-type-xml="select"/><span lang="" class="option-label active">option d</span></label></div></fieldset></fieldset><fieldset class="question or-appearance-horizontal-compact "><fieldset><legend><span lang="" class="question-label active">Select multiple widget displaying horizontally (in Enketo)</span><span lang="" class="or-hint active">(type = select_multiple, appearance=horizontal-compact)</span>
</legend><div class="option-wrapper"><label class=""><input autocomplete="off" type="checkbox" name="/widgets_dev/repeat/select_widgets/select_horizontal_compact" value="a" data-type-xml="select"/><span lang="" class="option-label active">option a</span></label><label class=""><input autocomplete="off" type="checkbox" name="/widgets_dev/repeat/select_widgets/select_horizontal_compact" value="b" data-type-xml="select"/><span lang="" class="option-label active">option b</span></label><label class=""><input autocomplete="off" type="checkbox" name="/widgets_dev/repeat/select_widgets/select_horizontal_compact" value="c" data-type-xml="select"/><span lang="" class="option-label active">option c</span></label><label class=""><input autocomplete="off" type="checkbox" name="/widgets_dev/repeat/select_widgets/select_horizontal_compact" value="d" data-type-xml="select"/><span lang="" class="option-label active">option d</span></label></div></fieldset></fieldset><fieldset class="question or-appearance-horizontal "><fieldset><legend><span lang="" class="question-label active">Select one displaying horizontally but in columns (in Enketo)</span><span lang="" class="or-hint active">(type=select_multiple, appearance=horizontal)</span>
</legend><div class="option-wrapper"><label class=""><input autocomplete="off" type="checkbox" name="/widgets_dev/repeat/select_widgets/select_horizontal" value="1" data-type-xml="select"/><span lang="" class="option-label active">option 1</span></label><label class=""><input autocomplete="off" type="checkbox" name="/widgets_dev/repeat/select_widgets/select_horizontal" value="2" data-type-xml="select"/><span lang="" class="option-label active">option 2</span></label><label class=""><input autocomplete="off" type="checkbox" name="/widgets_dev/repeat/select_widgets/select_horizontal" value="3" data-type-xml="select"/><span lang="" class="option-label active">option 3</span></label><label class=""><input autocomplete="off" type="checkbox" name="/widgets_dev/repeat/select_widgets/select_horizontal" value="4" data-type-xml="select"/><span lang="" class="option-label active">option 4</span></label><label class=""><input autocomplete="off" type="checkbox" name="/widgets_dev/repeat/select_widgets/select_horizontal" value="5" data-type-xml="select"/><span lang="" class="option-label active">option 5</span></label><label class=""><input autocomplete="off" type="checkbox" name="/widgets_dev/repeat/select_widgets/select_horizontal" value="6" data-type-xml="select"/><span lang="" class="option-label active">option 6</span></label><label class=""><input autocomplete="off" type="checkbox" name="/widgets_dev/repeat/select_widgets/select_horizontal" value="7" data-type-xml="select"/><span lang="" class="option-label active">option 7</span></label><label class=""><input autocomplete="off" type="checkbox" name="/widgets_dev/repeat/select_widgets/select_horizontal" value="8" data-type-xml="select"/><span lang="" class="option-label active">option 8</span></label></div></fieldset></fieldset><fieldset class="question "><fieldset><legend><span lang="" class="question-label active">Select one widget</span><span lang="" class="or-hint active">Scroll down to see default selection (type=select_one list2, default=8)</span>
</legend><div class="option-wrapper"><label class=""><input autocomplete="off" type="radio" name="/widgets_dev/repeat/select_widgets/my_select1" data-name="/widgets_dev/repeat/select_widgets/my_select1" value="1" data-type-xml="select1"/><span lang="" class="option-label active">option 1</span></label><label class=""><input autocomplete="off" type="radio" name="/widgets_dev/repeat/select_widgets/my_select1" data-name="/widgets_dev/repeat/select_widgets/my_select1" value="2" data-type-xml="select1"/><span lang="" class="option-label active">option 2</span></label><label class=""><input autocomplete="off" type="radio" name="/widgets_dev/repeat/select_widgets/my_select1" data-name="/widgets_dev/repeat/select_widgets/my_select1" value="3" data-type-xml="select1"/><span lang="" class="option-label active">option 3</span></label><label class=""><input autocomplete="off" type="radio" name="/widgets_dev/repeat/select_widgets/my_select1" data-name="/widgets_dev/repeat/select_widgets/my_select1" value="4" data-type-xml="select1"/><span lang="" class="option-label active">option 4</span></label><label class=""><input autocomplete="off" type="radio" name="/widgets_dev/repeat/select_widgets/my_select1" data-name="/widgets_dev/repeat/select_widgets/my_select1" value="5" data-type-xml="select1"/><span lang="" class="option-label active">option 5</span></label><label class=""><input autocomplete="off" type="radio" name="/widgets_dev/repeat/select_widgets/my_select1" data-name="/widgets_dev/repeat/select_widgets/my_select1" value="6" data-type-xml="select1"/><span lang="" class="option-label active">option 6</span></label><label class=""><input autocomplete="off" type="radio" name="/widgets_dev/repeat/select_widgets/my_select1" data-name="/widgets_dev/repeat/select_widgets/my_select1" value="7" data-type-xml="select1"/><span lang="" class="option-label active">option 7</span></label><label class=""><input autocomplete="off" type="radio" name="/widgets_dev/repeat/select_widgets/my_select1" data-name="/widgets_dev/repeat/select_widgets/my_select1" value="8" data-type-xml="select1"/><span lang="" class="option-label active">option 8</span></label></div></fieldset></fieldset><fieldset class="question or-appearance-horizontal-compact "><fieldset><legend><span lang="" class="question-label active">Select one displaying compactly and horizontally (in Enketo)</span><span lang="" class="or-hint active">(type=select_one, appearance=horizontal-compact)</span>
</legend><div class="option-wrapper"><label class=""><input autocomplete="off" type="radio" name="/widgets_dev/repeat/select_widgets/select1_horizontal_compact" data-name="/widgets_dev/repeat/select_widgets/select1_horizontal_compact" value="yes" data-type-xml="select1"/><span lang="" class="option-label active">Yes</span></label><label class=""><input autocomplete="off" type="radio" name="/widgets_dev/repeat/select_widgets/select1_horizontal_compact" data-name="/widgets_dev/repeat/select_widgets/select1_horizontal_compact" value="no" data-type-xml="select1"/><span lang="" class="option-label active">No</span></label><label class=""><input autocomplete="off" type="radio" name="/widgets_dev/repeat/select_widgets/select1_horizontal_compact" data-name="/widgets_dev/repeat/select_widgets/select1_horizontal_compact" value="dk" data-type-xml="select1"/><span lang="" class="option-label active">Don't Know</span></label><label class=""><input autocomplete="off" type="radio" name="/widgets_dev/repeat/select_widgets/select1_horizontal_compact" data-name="/widgets_dev/repeat/select_widgets/select1_horizontal_compact" value="na" data-type-xml="select1"/><span lang="" class="option-label active">Not Applicable</span></label></div></fieldset></fieldset><fieldset class="question or-appearance-horizontal "><fieldset><legend><span lang="" class="question-label active">Select one displaying horizontally but in columns (in Enketo)</span><span lang="" class="or-hint active">(type=select_one, appearance=horizontal)</span>
</legend><div class="option-wrapper"><label class=""><input autocomplete="off" type="radio" name="/widgets_dev/repeat/select_widgets/select1_horizontal" data-name="/widgets_dev/repeat/select_widgets/select1_horizontal" value="1" data-type-xml="select1"/><span lang="" class="option-label active">option 1</span></label><label class=""><input autocomplete="off" type="radio" name="/widgets_dev/repeat/select_widgets/select1_horizontal" data-name="/widgets_dev/repeat/select_widgets/select1_horizontal" value="2" data-type-xml="select1"/><span lang="" class="option-label active">option 2</span></label><label class=""><input autocomplete="off" type="radio" name="/widgets_dev/repeat/select_widgets/select1_horizontal" data-name="/widgets_dev/repeat/select_widgets/select1_horizontal" value="3" data-type-xml="select1"/><span lang="" class="option-label active">option 3</span></label><label class=""><input autocomplete="off" type="radio" name="/widgets_dev/repeat/select_widgets/select1_horizontal" data-name="/widgets_dev/repeat/select_widgets/select1_horizontal" value="4" data-type-xml="select1"/><span lang="" class="option-label active">option 4</span></label><label class=""><input autocomplete="off" type="radio" name="/widgets_dev/repeat/select_widgets/select1_horizontal" data-name="/widgets_dev/repeat/select_widgets/select1_horizontal" value="5" data-type-xml="select1"/><span lang="" class="option-label active">option 5</span></label><label class=""><input autocomplete="off" type="radio" name="/widgets_dev/repeat/select_widgets/select1_horizontal" data-name="/widgets_dev/repeat/select_widgets/select1_horizontal" value="6" data-type-xml="select1"/><span lang="" class="option-label active">option 6</span></label><label class=""><input autocomplete="off" type="radio" name="/widgets_dev/repeat/select_widgets/select1_horizontal" data-name="/widgets_dev/repeat/select_widgets/select1_horizontal" value="7" data-type-xml="select1"/><span lang="" class="option-label active">option 7</span></label><label class=""><input autocomplete="off" type="radio" name="/widgets_dev/repeat/select_widgets/select1_horizontal" data-name="/widgets_dev/repeat/select_widgets/select1_horizontal" value="8" data-type-xml="select1"/><span lang="" class="option-label active">option 8</span></label></div></fieldset></fieldset><fieldset class="question or-appearance-likert "><fieldset><legend><span lang="" class="question-label active">Likert widget</span><span lang="" class="or-hint active">(type=select_one, appearance=likert)</span>
</legend><div class="option-wrapper"><label class=""><input autocomplete="off" type="radio" name="/widgets_dev/repeat/select_widgets/select1_likert" data-name="/widgets_dev/repeat/select_widgets/select1_likert" value="1" data-type-xml="select1"/><span lang="" class="option-label active">strongly disagree</span></label><label class=""><input autocomplete="off" type="radio" name="/widgets_dev/repeat/select_widgets/select1_likert" data-name="/widgets_dev/repeat/select_widgets/select1_likert" value="2" data-type-xml="select1"/><span lang="" class="option-label active">disagree</span></label><label class=""><input autocomplete="off" type="radio" name="/widgets_dev/repeat/select_widgets/select1_likert" data-name="/widgets_dev/repeat/select_widgets/select1_likert" value="3" data-type-xml="select1"/><span lang="" class="option-label active">neither agree nor disagree</span></label><label class=""><input autocomplete="off" type="radio" name="/widgets_dev/repeat/select_widgets/select1_likert" data-name="/widgets_dev/repeat/select_widgets/select1_likert" value="4" data-type-xml="select1"/><span lang="" class="option-label active">agree</span></label><label class=""><input autocomplete="off" type="radio" name="/widgets_dev/repeat/select_widgets/select1_likert" data-name="/widgets_dev/repeat/select_widgets/select1_likert" value="5" data-type-xml="select1"/><span lang="" class="option-label active">strongly agree</span></label></div></fieldset></fieldset><label class="question or-appearance-minimal "><span lang="" class="question-label active">Spinner widget: select one</span><span lang="" class="or-hint active">Showing a pull-down list of options (type=select_one list, appearance=minimal)</span><select name="/widgets_dev/repeat/select_widgets/spinner" data-name="/widgets_dev/repeat/select_widgets/spinner" data-type-xml="select1"><option value="">...</option><option value="a">option a</option><option value="b">option b</option><option value="c">option c</option><option value="d">option d</option></select><span class="or-option-translations" style="display:none;">
</span></label><label class="question or-appearance-minimal "><span lang="" class="question-label active">Spinner widget: select multiple</span><span lang="" class="or-hint active">Showing a pull-down list of options (type=select_multiple list, appearance=minimal)</span><select multiple="multiple" name="/widgets_dev/repeat/select_widgets/spinner_all" data-type-xml="select"><option value="">...</option><option value="a">option a</option><option value="b">option b</option><option value="c">option c</option><option value="d">option d</option></select><span class="or-option-translations" style="display:none;">
</span></label><fieldset class="question or-appearance-quick "><fieldset><legend><span lang="" class="question-label active">Select widget - auto advance</span><span lang="" class="or-hint active">Advance to the next question immediate after selection in ODK Collect. (type=select_one list, appearance=quick)</span>
</legend><div class="option-wrapper"><label class=""><input autocomplete="off" type="radio" name="/widgets_dev/repeat/select_widgets/selectadvance" data-name="/widgets_dev/repeat/select_widgets/selectadvance" value="a" data-type-xml="select1"/><span lang="" class="option-label active">option a</span></label><label class=""><input autocomplete="off" type="radio" name="/widgets_dev/repeat/select_widgets/selectadvance" data-name="/widgets_dev/repeat/select_widgets/selectadvance" value="b" data-type-xml="select1"/><span lang="" class="option-label active">option b</span></label><label class=""><input autocomplete="off" type="radio" name="/widgets_dev/repeat/select_widgets/selectadvance" data-name="/widgets_dev/repeat/select_widgets/selectadvance" value="c" data-type-xml="select1"/><span lang="" class="option-label active">option c</span></label><label class=""><input autocomplete="off" type="radio" name="/widgets_dev/repeat/select_widgets/selectadvance" data-name="/widgets_dev/repeat/select_widgets/selectadvance" value="d" data-type-xml="select1"/><span lang="" class="option-label active">option d</span></label></div></fieldset></fieldset><fieldset class="question or-appearance-compact "><fieldset><legend><span lang="" class="question-label active">Grid select one widget</span><span lang="" class="or-hint active">Make sure to put a.jpg and b.jpg in the form-media folder to see images here. (type=select_one a_b, appearance=compact)</span>
</legend><div class="option-wrapper"><label class=""><input autocomplete="off" type="radio" name="/widgets_dev/repeat/select_widgets/grid_test" data-name="/widgets_dev/repeat/select_widgets/grid_test" value="a" data-type-xml="select1"/><span class="option-label"><text/></span><img lang="default" class="active" src="a.jpg" alt="image"/></label><label class=""><input autocomplete="off" type="radio" name="/widgets_dev/repeat/select_widgets/grid_test" data-name="/widgets_dev/repeat/select_widgets/grid_test" value="b" data-type-xml="select1"/><span class="option-label"><text/></span><img lang="default" class="active" src="b.jpg" alt="image"/></label></div></fieldset></fieldset><fieldset class="question or-appearance-quickcompact "><fieldset><legend><span lang="" class="question-label active">Grid auto-advance widget</span><span lang="" class="or-hint active">Same as previous but this one advances to the next question automatically in ODK Collect. (type=select_one a_b, appearance=quickcompact)</span>
</legend><div class="option-wrapper"><label class=""><input autocomplete="off" type="radio" name="/widgets_dev/repeat/select_widgets/grid_test_audio" data-name="/widgets_dev/repeat/select_widgets/grid_test_audio" value="a" data-type-xml="select1"/><span class="option-label"><text/></span><img lang="default" class="active" src="a.jpg" alt="image"/></label><label class=""><input autocomplete="off" type="radio" name="/widgets_dev/repeat/select_widgets/grid_test_audio" data-name="/widgets_dev/repeat/select_widgets/grid_test_audio" value="b" data-type-xml="select1"/><span class="option-label"><text/></span><img lang="default" class="active" src="b.jpg" alt="image"/></label></div></fieldset></fieldset><section class="or-group or-appearance-field-list " name="/widgets_dev/repeat/select_widgets/table_list_test"><h4><span lang="" class="question-label active">List group</span></h4><fieldset class="question or-appearance-label "><fieldset><legend><span lang="" class="question-label active">Table</span><span lang="" class="or-hint active">Show only the labels of these options and not the inputs (type=select_one yes_no, appearance=label)</span>
</legend><div class="option-wrapper"><label class=""><input autocomplete="off" type="radio" name="/widgets_dev/repeat/select_widgets/table_list_test/table_list_test_label" data-name="/widgets_dev/repeat/select_widgets/table_list_test/table_list_test_label" value="yes" data-type-xml="select1"/><span lang="" class="option-label active">Yes</span></label><label class=""><input autocomplete="off" type="radio" name="/widgets_dev/repeat/select_widgets/table_list_test/table_list_test_label" data-name="/widgets_dev/repeat/select_widgets/table_list_test/table_list_test_label" value="no" data-type-xml="select1"/><span lang="" class="option-label active">No</span></label><label class=""><input autocomplete="off" type="radio" name="/widgets_dev/repeat/select_widgets/table_list_test/table_list_test_label" data-name="/widgets_dev/repeat/select_widgets/table_list_test/table_list_test_label" value="dk" data-type-xml="select1"/><span lang="" class="option-label active">Don't Know</span></label><label class=""><input autocomplete="off" type="radio" name="/widgets_dev/repeat/select_widgets/table_list_test/table_list_test_label" data-name="/widgets_dev/repeat/select_widgets/table_list_test/table_list_test_label" value="na" data-type-xml="select1"/><span lang="" class="option-label active">Not Applicable</span></label></div></fieldset></fieldset><fieldset class="question or-appearance-list-nolabel "><fieldset><legend><span lang="" class="question-label active">Q1</span><span lang="" class="or-hint active">Show only the inputs of these options and not the labels (type=select_one yes_no, appearance=list-nolabel)</span>
</legend><div class="option-wrapper"><label class=""><input autocomplete="off" type="radio" name="/widgets_dev/repeat/select_widgets/table_list_test/table_list_1" data-name="/widgets_dev/repeat/select_widgets/table_list_test/table_list_1" value="yes" data-type-xml="select1"/><span lang="" class="option-label active">Yes</span></label><label class=""><input autocomplete="off" type="radio" name="/widgets_dev/repeat/select_widgets/table_list_test/table_list_1" data-name="/widgets_dev/repeat/select_widgets/table_list_test/table_list_1" value="no" data-type-xml="select1"/><span lang="" class="option-label active">No</span></label><label class=""><input autocomplete="off" type="radio" name="/widgets_dev/repeat/select_widgets/table_list_test/table_list_1" data-name="/widgets_dev/repeat/select_widgets/table_list_test/table_list_1" value="dk" data-type-xml="select1"/><span lang="" class="option-label active">Don't Know</span></label><label class=""><input autocomplete="off" type="radio" name="/widgets_dev/repeat/select_widgets/table_list_test/table_list_1" data-name="/widgets_dev/repeat/select_widgets/table_list_test/table_list_1" value="na" data-type-xml="select1"/><span lang="" class="option-label active">Not Applicable</span></label></div></fieldset></fieldset><fieldset class="question or-appearance-list-nolabel "><fieldset><legend><span lang="" class="question-label active">Question 2</span><span lang="" class="or-hint active">Show only the inputs of these options and not the labels (type=select_one yes_no, appearance=list-nolabel)</span>
</legend><div class="option-wrapper"><label class=""><input autocomplete="off" type="radio" name="/widgets_dev/repeat/select_widgets/table_list_test/table_list_2" data-name="/widgets_dev/repeat/select_widgets/table_list_test/table_list_2" value="yes" data-type-xml="select1"/><span lang="" class="option-label active">Yes</span></label><label class=""><input autocomplete="off" type="radio" name="/widgets_dev/repeat/select_widgets/table_list_test/table_list_2" data-name="/widgets_dev/repeat/select_widgets/table_list_test/table_list_2" value="no" data-type-xml="select1"/><span lang="" class="option-label active">No</span></label><label class=""><input autocomplete="off" type="radio" name="/widgets_dev/repeat/select_widgets/table_list_test/table_list_2" data-name="/widgets_dev/repeat/select_widgets/table_list_test/table_list_2" value="dk" data-type-xml="select1"/><span lang="" class="option-label active">Don't Know</span></label><label class=""><input autocomplete="off" type="radio" name="/widgets_dev/repeat/select_widgets/table_list_test/table_list_2" data-name="/widgets_dev/repeat/select_widgets/table_list_test/table_list_2" value="na" data-type-xml="select1"/><span lang="" class="option-label active">Not Applicable</span></label></div></fieldset></fieldset>
</section><!--end of group --><section class="or-group-data or-appearance-field-list " name="/widgets_dev/repeat/select_widgets/table_list_test2"><label class="note non-select "><span lang="" class="question-label active">Table (made with an easier method)</span><span lang="" class="or-hint active">A much easier way to do the same (appearance=table-list) but it may slow down your form a bit.</span><input autocomplete="off" type="text" name="/widgets_dev/repeat/select_widgets/table_list_test2/generated_table_list_label_41" data-type-xml="string" readonly="readonly"/></label><fieldset class="question or-appearance-label "><fieldset><legend>
</legend><div class="option-wrapper"><label class=""><input autocomplete="off" type="radio" name="/widgets_dev/repeat/select_widgets/table_list_test2/reserved_name_for_field_list_labels_42" data-name="/widgets_dev/repeat/select_widgets/table_list_test2/reserved_name_for_field_list_labels_42" value="yes" data-type-xml="select1"/><span lang="" class="option-label active">Yes</span></label><label class=""><input autocomplete="off" type="radio" name="/widgets_dev/repeat/select_widgets/table_list_test2/reserved_name_for_field_list_labels_42" data-name="/widgets_dev/repeat/select_widgets/table_list_test2/reserved_name_for_field_list_labels_42" value="no" data-type-xml="select1"/><span lang="" class="option-label active">No</span></label><label class=""><input autocomplete="off" type="radio" name="/widgets_dev/repeat/select_widgets/table_list_test2/reserved_name_for_field_list_labels_42" data-name="/widgets_dev/repeat/select_widgets/table_list_test2/reserved_name_for_field_list_labels_42" value="dk" data-type-xml="select1"/><span lang="" class="option-label active">Don't Know</span></label><label class=""><input autocomplete="off" type="radio" name="/widgets_dev/repeat/select_widgets/table_list_test2/reserved_name_for_field_list_labels_42" data-name="/widgets_dev/repeat/select_widgets/table_list_test2/reserved_name_for_field_list_labels_42" value="na" data-type-xml="select1"/><span lang="" class="option-label active">Not Applicable</span></label></div></fieldset></fieldset><fieldset class="question or-appearance-list-nolabel "><fieldset><legend><span lang="" class="question-label active">Q1</span><span lang="" class="or-hint active">No need to do anything special here</span>
</legend><div class="option-wrapper"><label class=""><input autocomplete="off" type="radio" name="/widgets_dev/repeat/select_widgets/table_list_test2/table_list_3" data-name="/widgets_dev/repeat/select_widgets/table_list_test2/table_list_3" value="yes" data-type-xml="select1"/><span lang="" class="option-label active">Yes</span></label><label class=""><input autocomplete="off" type="radio" name="/widgets_dev/repeat/select_widgets/table_list_test2/table_list_3" data-name="/widgets_dev/repeat/select_widgets/table_list_test2/table_list_3" value="no" data-type-xml="select1"/><span lang="" class="option-label active">No</span></label><label class=""><input autocomplete="off" type="radio" name="/widgets_dev/repeat/select_widgets/table_list_test2/table_list_3" data-name="/widgets_dev/repeat/select_widgets/table_list_test2/table_list_3" value="dk" data-type-xml="select1"/><span lang="" class="option-label active">Don't Know</span></label><label class=""><input autocomplete="off" type="radio" name="/widgets_dev/repeat/select_widgets/table_list_test2/table_list_3" data-name="/widgets_dev/repeat/select_widgets/table_list_test2/table_list_3" value="na" data-type-xml="select1"/><span lang="" class="option-label active">Not Applicable</span></label></div></fieldset></fieldset><fieldset class="question or-appearance-list-nolabel "><fieldset><legend><span lang="" class="question-label active">Question 2</span><span lang="" class="or-hint active">No need to do anything special here</span>
</legend><div class="option-wrapper"><label class=""><input autocomplete="off" type="radio" name="/widgets_dev/repeat/select_widgets/table_list_test2/table_list_4" data-name="/widgets_dev/repeat/select_widgets/table_list_test2/table_list_4" value="yes" data-type-xml="select1"/><span lang="" class="option-label active">Yes</span></label><label class=""><input autocomplete="off" type="radio" name="/widgets_dev/repeat/select_widgets/table_list_test2/table_list_4" data-name="/widgets_dev/repeat/select_widgets/table_list_test2/table_list_4" value="no" data-type-xml="select1"/><span lang="" class="option-label active">No</span></label><label class=""><input autocomplete="off" type="radio" name="/widgets_dev/repeat/select_widgets/table_list_test2/table_list_4" data-name="/widgets_dev/repeat/select_widgets/table_list_test2/table_list_4" value="dk" data-type-xml="select1"/><span lang="" class="option-label active">Don't Know</span></label><label class=""><input autocomplete="off" type="radio" name="/widgets_dev/repeat/select_widgets/table_list_test2/table_list_4" data-name="/widgets_dev/repeat/select_widgets/table_list_test2/table_list_4" value="na" data-type-xml="select1"/><span lang="" class="option-label active">Not Applicable</span></label></div></fieldset></fieldset>
</section><!--end of group --><section class="or-group or-appearance-field-list " name="/widgets_dev/repeat/select_widgets/happy_sad_table_2"><h4><span lang="" class="question-label active">Table with image labels</span></h4><fieldset class="question or-appearance-label "><fieldset><legend><span lang="" class="question-label active">Select mood</span><span lang="" class="or-hint active">Show only the labels of these options and not the inputs (type=select_one yes_no, appearance=label)</span>
</legend><div class="option-wrapper"><label class=""><input autocomplete="off" type="checkbox" name="/widgets_dev/repeat/select_widgets/happy_sad_table_2/happy_sad_second_method" value="happy" data-type-xml="select"/><span class="option-label"><text/></span><img lang="default" class="active" src="happy.jpg" alt="image"/></label><label class=""><input autocomplete="off" type="checkbox" name="/widgets_dev/repeat/select_widgets/happy_sad_table_2/happy_sad_second_method" value="sad" data-type-xml="select"/><span class="option-label"><text/></span><img lang="default" class="active" src="sad.jpg" alt="image"/></label></div></fieldset></fieldset><fieldset class="question or-appearance-list-nolabel "><fieldset><legend><span lang="" class="question-label active">Brian</span><span lang="" class="or-hint active">Show only the inputs of these options and not the labels (type=select_one yes_no, appearance=list-nolabel)</span>
</legend><div class="option-wrapper"><label class=""><input autocomplete="off" type="checkbox" name="/widgets_dev/repeat/select_widgets/happy_sad_table_2/happy_sad_brian2" value="happy" data-type-xml="select"/><span class="option-label"><text/></span><img lang="default" class="active" src="happy.jpg" alt="image"/></label><label class=""><input autocomplete="off" type="checkbox" name="/widgets_dev/repeat/select_widgets/happy_sad_table_2/happy_sad_brian2" value="sad" data-type-xml="select"/><span class="option-label"><text/></span><img lang="default" class="active" src="sad.jpg" alt="image"/></label></div></fieldset></fieldset><fieldset class="question or-appearance-list-nolabel "><fieldset><legend><span lang="" class="question-label active">Michael</span><span lang="" class="or-hint active">Show only the inputs of these options and not the labels (type=select_one yes_no, appearance=list-nolabel)</span>
</legend><div class="option-wrapper"><label class=""><input autocomplete="off" type="checkbox" name="/widgets_dev/repeat/select_widgets/happy_sad_table_2/happy_sad_michael2" value="happy" data-type-xml="select"/><span class="option-label"><text/></span><img lang="default" class="active" src="happy.jpg" alt="image"/></label><label class=""><input autocomplete="off" type="checkbox" name="/widgets_dev/repeat/select_widgets/happy_sad_table_2/happy_sad_michael2" value="sad" data-type-xml="select"/><span class="option-label"><text/></span><img lang="default" class="active" src="sad.jpg" alt="image"/></label></div></fieldset></fieldset>
</section><!--end of group --><section class="or-group-data or-appearance-field-list " name="/widgets_dev/repeat/select_widgets/happy_sad_table"><label class="note non-select "><span lang="" class="question-label active">Table with image labels (made using an easier method)</span><span lang="" class="or-hint active">A much easier way to do the same (appearance=table-list)</span><input autocomplete="off" type="text" name="/widgets_dev/repeat/select_widgets/happy_sad_table/generated_table_list_label_50" data-type-xml="string" readonly="readonly"/></label><fieldset class="question or-appearance-label "><fieldset><legend>
</legend><div class="option-wrapper"><label class=""><input autocomplete="off" type="checkbox" name="/widgets_dev/repeat/select_widgets/happy_sad_table/reserved_name_for_field_list_labels_51" value="happy" data-type-xml="select"/><span class="option-label"><text/></span><img lang="default" class="active" src="happy.jpg" alt="image"/></label><label class=""><input autocomplete="off" type="checkbox" name="/widgets_dev/repeat/select_widgets/happy_sad_table/reserved_name_for_field_list_labels_51" value="sad" data-type-xml="select"/><span class="option-label"><text/></span><img lang="default" class="active" src="sad.jpg" alt="image"/></label></div></fieldset></fieldset><fieldset class="question or-appearance-list-nolabel "><fieldset><legend><span lang="" class="question-label active">Brian</span>
</legend><div class="option-wrapper"><label class=""><input autocomplete="off" type="checkbox" name="/widgets_dev/repeat/select_widgets/happy_sad_table/happy_sad_brian" value="happy" data-type-xml="select"/><span class="option-label"><text/></span><img lang="default" class="active" src="happy.jpg" alt="image"/></label><label class=""><input autocomplete="off" type="checkbox" name="/widgets_dev/repeat/select_widgets/happy_sad_table/happy_sad_brian" value="sad" data-type-xml="select"/><span class="option-label"><text/></span><img lang="default" class="active" src="sad.jpg" alt="image"/></label></div></fieldset></fieldset><fieldset class="question or-appearance-list-nolabel "><fieldset><legend><span lang="" class="question-label active">Michael</span>
</legend><div class="option-wrapper"><label class=""><input autocomplete="off" type="checkbox" name="/widgets_dev/repeat/select_widgets/happy_sad_table/happy_sad_michael" value="happy" data-type-xml="select"/><span class="option-label"><text/></span><img lang="default" class="active" src="happy.jpg" alt="image"/></label><label class=""><input autocomplete="off" type="checkbox" name="/widgets_dev/repeat/select_widgets/happy_sad_table/happy_sad_michael" value="sad" data-type-xml="select"/><span class="option-label"><text/></span><img lang="default" class="active" src="sad.jpg" alt="image"/></label></div></fieldset></fieldset>
</section><!--end of group -->
</section><!--end of group --><section class="or-group " name="/widgets_dev/repeat/cascading_widgets"><h4><span lang="" class="question-label active">Cascading Select widgets</span></h4><section class="or-group " name="/widgets_dev/repeat/cascading_widgets/group1"><h4><span lang="" class="question-label active">Cascading Selects with Radio Buttons</span></h4><fieldset class="question "><fieldset><legend><span lang="" class="question-label active">Country</span>
</legend><div class="option-wrapper"><label class=""><input autocomplete="off" type="radio" name="/widgets_dev/repeat/cascading_widgets/group1/country" data-name="/widgets_dev/repeat/cascading_widgets/group1/country" value="nl" data-type-xml="select1"/><span lang="" class="option-label active">The Netherlands</span></label><label class=""><input autocomplete="off" type="radio" name="/widgets_dev/repeat/cascading_widgets/group1/country" data-name="/widgets_dev/repeat/cascading_widgets/group1/country" value="usa" data-type-xml="select1"/><span lang="" class="option-label active">United States</span></label></div></fieldset></fieldset><fieldset class="question "><fieldset><legend><span lang="" class="question-label active">City</span><span lang="" class="or-hint active">Using a choice filter to update options based on a previous answer (choice_filter: country = <span class="or-output" data-value=" /widgets_dev/repeat/cascading_widgets/group1/country ">
</span>)</span>
</legend><div class="option-wrapper"><label class="itemset-template" data-items-path="instance('cities')/root/item[country= /widgets_dev/repeat/cascading_widgets/group1/country ]"><input type="radio" name="/widgets_dev/repeat/cascading_widgets/group1/city" data-name="/widgets_dev/repeat/cascading_widgets/group1/city" data-type-xml="select1" value=""/></label><span class="itemset-labels" data-value-ref="name" data-label-type="itext" data-label-ref="itextId"><span lang="default" class="option-label active" data-itext-id="static_instance-cities-0">Amsterdam</span><span lang="default" class="option-label active" data-itext-id="static_instance-cities-1">Denver</span><span lang="default" class="option-label active" data-itext-id="static_instance-cities-2">New York City</span><span lang="default" class="option-label active" data-itext-id="static_instance-cities-3">Los Angeles</span><span lang="default" class="option-label active" data-itext-id="static_instance-cities-4">Rotterdam</span><span lang="default" class="option-label active" data-itext-id="static_instance-cities-5">Dronten</span>
</span></div></fieldset></fieldset><fieldset class="question "><fieldset><legend><span lang="" class="question-label active">Neighborhood</span><span lang="" class="or-hint active">Using a choice filter to update options based on previous answers (choice_filter: country = <span class="or-output" data-value=" /widgets_dev/repeat/cascading_widgets/group1/country ">
</span> and city = <span class="or-output" data-value=" /widgets_dev/repeat/cascading_widgets/group1/city ">
</span>)</span>
</legend><div class="option-wrapper"><label class="itemset-template" data-items-path="instance('neighborhoods')/root/item[country= /widgets_dev/repeat/cascading_widgets/group1/country and city= /widgets_dev/repeat/cascading_widgets/group1/city ]"><input type="radio" name="/widgets_dev/repeat/cascading_widgets/group1/neighborhood" data-name="/widgets_dev/repeat/cascading_widgets/group1/neighborhood" data-type-xml="select1" value=""/></label><span class="itemset-labels" data-value-ref="name" data-label-type="itext" data-label-ref="itextId"><span lang="default" class="option-label active" data-itext-id="static_instance-neighborhoods-0">Bronx</span><span lang="default" class="option-label active" data-itext-id="static_instance-neighborhoods-1">Harlem</span><span lang="default" class="option-label active" data-itext-id="static_instance-neighborhoods-2">Bel Air</span><span lang="default" class="option-label active" data-itext-id="static_instance-neighborhoods-3">Westerpark</span><span lang="default" class="option-label active" data-itext-id="static_instance-neighborhoods-4">Park Hill</span><span lang="default" class="option-label active" data-itext-id="static_instance-neighborhoods-5">Harbor</span><span lang="default" class="option-label active" data-itext-id="static_instance-neighborhoods-6">Dam</span><span lang="default" class="option-label active" data-itext-id="static_instance-neighborhoods-7">Downtown</span><span lang="default" class="option-label active" data-itext-id="static_instance-neighborhoods-8">Harbor</span>
</span></div></fieldset></fieldset>
</section><!--end of group --><section class="or-group " name="/widgets_dev/repeat/cascading_widgets/group2"><h4><span lang="" class="question-label active">Cascading Selects with Pulldowns</span></h4><label class="question or-appearance-minimal "><span lang="" class="question-label active">Country</span><span lang="" class="or-hint active">(appearance: minimal)</span><select name="/widgets_dev/repeat/cascading_widgets/group2/country2" data-name="/widgets_dev/repeat/cascading_widgets/group2/country2" data-type-xml="select1"><option value="">...</option><option value="nl">The Netherlands</option><option value="usa">United States</option></select><span class="or-option-translations" style="display:none;">
</span></label><label class="question or-appearance-minimal "><span lang="" class="question-label active">City</span><span lang="" class="or-hint active">Using a choice filter to update options based on a previous answer (choice_filter: country = <span class="or-output" data-value=" /widgets_dev/repeat/cascading_widgets/group2/country2 ">
</span>, appearance: minimal)</span><select name="/widgets_dev/repeat/cascading_widgets/group2/city2" data-name="/widgets_dev/repeat/cascading_widgets/group2/city2" data-type-xml="select1"><option class="itemset-template" value="" data-items-path="instance('cities')/root/item[country= /widgets_dev/repeat/cascading_widgets/group2/country2 ]">...</option></select><span class="or-option-translations" style="display:none;">
</span><span class="itemset-labels" data-value-ref="name" data-label-type="itext" data-label-ref="itextId"><span lang="default" class="option-label active" data-itext-id="static_instance-cities-0">Amsterdam</span><span lang="default" class="option-label active" data-itext-id="static_instance-cities-1">Denver</span><span lang="default" class="option-label active" data-itext-id="static_instance-cities-2">New York City</span><span lang="default" class="option-label active" data-itext-id="static_instance-cities-3">Los Angeles</span><span lang="default" class="option-label active" data-itext-id="static_instance-cities-4">Rotterdam</span><span lang="default" class="option-label active" data-itext-id="static_instance-cities-5">Dronten</span>
</span></label><label class="question or-appearance-minimal "><span lang="" class="question-label active">Neighborhood</span><span lang="" class="or-hint active">Using a choice filter to update options based on previous answers (choice_filter: country = <span class="or-output" data-value=" /widgets_dev/repeat/cascading_widgets/group2/country2 ">
</span> and city = <span class="or-output" data-value=" /widgets_dev/repeat/cascading_widgets/group2/city2 ">
</span>, appearance = minimal)</span><select name="/widgets_dev/repeat/cascading_widgets/group2/neighborhood2" data-name="/widgets_dev/repeat/cascading_widgets/group2/neighborhood2" data-type-xml="select1"><option class="itemset-template" value="" data-items-path="instance('neighborhoods')/root/item[country= /widgets_dev/repeat/cascading_widgets/group2/country2 and city= /widgets_dev/repeat/cascading_widgets/group2/city2 ]">...</option></select><span class="or-option-translations" style="display:none;">
</span><span class="itemset-labels" data-value-ref="name" data-label-type="itext" data-label-ref="itextId"><span lang="default" class="option-label active" data-itext-id="static_instance-neighborhoods-0">Bronx</span><span lang="default" class="option-label active" data-itext-id="static_instance-neighborhoods-1">Harlem</span><span lang="default" class="option-label active" data-itext-id="static_instance-neighborhoods-2">Bel Air</span><span lang="default" class="option-label active" data-itext-id="static_instance-neighborhoods-3">Westerpark</span><span lang="default" class="option-label active" data-itext-id="static_instance-neighborhoods-4">Park Hill</span><span lang="default" class="option-label active" data-itext-id="static_instance-neighborhoods-5">Harbor</span><span lang="default" class="option-label active" data-itext-id="static_instance-neighborhoods-6">Dam</span><span lang="default" class="option-label active" data-itext-id="static_instance-neighborhoods-7">Downtown</span><span lang="default" class="option-label active" data-itext-id="static_instance-neighborhoods-8">Harbor</span>
</span></label>
</section><!--end of group -->
</section><!--end of group --><section class="or-group " name="/widgets_dev/repeat/geopoint_widgets"><h4><span lang="" class="question-label active">GPS widgets</span></h4><label class="question non-select "><span lang="" class="question-label active">Geopoint widget</span><span lang="" class="or-hint active">This will record the gps location. In enketo it also shows a map. (type=geopoint)</span><input autocomplete="off" type="text" name="/widgets_dev/repeat/geopoint_widgets/my_geopoint" data-type-xml="geopoint"/></label><label class="question non-select or-appearance-maps "><span lang="" class="question-label active">Geopoint with map Widget</span><span lang="" class="or-hint active">This will record the gps location. In enketo is is the same as the previous. (type=geopoint, appearance=maps)</span><input autocomplete="off" type="text" name="/widgets_dev/repeat/geopoint_widgets/locationMap" data-type-xml="geopoint"/></label>
</section><!--end of group --><section class="or-group " name="/widgets_dev/repeat/media_widgets"><h4><span lang="" class="question-label active">Media input widgets</span></h4><label class="question non-select "><span lang="" class="question-label active">Image widget</span><span lang="" class="or-hint active">This will launch the camera. Not supported in enketo at the moment (type=image)</span><input autocomplete="off" type="file" name="/widgets_dev/repeat/media_widgets/my_image" data-type-xml="binary" accept="image/*"/></label><label class="question non-select "><span lang="" class="question-label active">Audio widget</span><span lang="" class="or-hint active">This will launch the audio recorder. Not supported in enketo at the moment (type=audio)</span><input autocomplete="off" type="file" name="/widgets_dev/repeat/media_widgets/my_audio" data-type-xml="binary" accept="audio/*"/></label><label class="question non-select "><span lang="" class="question-label active">Video widget</span><span lang="" class="or-hint active">This will launch the video recorder. Not supported in enketo at the moment (type=video)</span><input autocomplete="off" type="file" name="/widgets_dev/repeat/media_widgets/my_video" data-type-xml="binary" accept="video/*"/></label><label class="question non-select "><span lang="" class="question-label active">Barcode widget</span><span lang="" class="or-hint active">Scans multi-format 1d/2d barcodes. In enketo it allows manual entry (type=barcode)</span><input autocomplete="off" type="text" name="/widgets_dev/repeat/media_widgets/my_barcode" data-type-xml="barcode"/></label>
</section><!--end of group --><section class="or-group " name="/widgets_dev/repeat/display_widgets"><h4><span lang="" class="question-label active">Display widgets</span></h4><label class="note non-select "><span lang="" class="question-label active">Note widget. In notes you can emphasize _words_ or _multiple words_ or __strongly emphasize something__.
You can also use a line break to start a new sentence.
The decimal number you entered was <span class="or-output" data-value=" /widgets_dev/repeat/number_widgets/my_decimal ">
</span>.</span><span lang="" class="or-hint active">This is a note and it uses a value of another field in its label (type=note)</span><input autocomplete="off" type="text" name="/widgets_dev/repeat/display_widgets/my_output" data-type-xml="string" readonly="readonly"/></label><label class="question non-select "><audio controls="controls" lang="default" class="active" src="goldeneagle.mp3">Your browser does not support HTML5 audio.</audio><span lang="default" class="question-label active" data-itext-id="/widgets_dev/repeat/display_widgets/text_media:label">You can add a sound recording, an image and a video to any input label or to a note.</span><span lang="" class="or-hint active">Add the file name in the audio column on your survey sheet. Make sure you upload this file when you publish your form.</span><input autocomplete="off" type="text" name="/widgets_dev/repeat/display_widgets/text_media" data-type-xml="string"/></label><fieldset class="question "><fieldset><legend><span lang="" class="question-label active">You can also add media to choices. Choose your favorite bird.</span><span lang="" class="or-hint active">Add the file name in the image column on your choices sheet. Make sure you upload this file when you publish your form.</span>
</legend><div class="option-wrapper"><label class=""><input autocomplete="off" type="radio" name="/widgets_dev/repeat/display_widgets/select_media" data-name="/widgets_dev/repeat/display_widgets/select_media" value="king" data-type-xml="select1"/><span class="option-label"><text/></span><img lang="default" class="active" src="kingfisher.png" alt="image"/><span lang="default" class="option-label active" data-itext-id="/widgets_dev/repeat/display_widgets/select_media/king:label">kingfisher</span></label><label class=""><input autocomplete="off" type="radio" name="/widgets_dev/repeat/display_widgets/select_media" data-name="/widgets_dev/repeat/display_widgets/select_media" value="pig" data-type-xml="select1"/><span class="option-label"><text/></span><img lang="default" class="active" src="pigeon.png" alt="image"/><span lang="default" class="option-label active" data-itext-id="/widgets_dev/repeat/display_widgets/select_media/pig:label">pigeon</span></label><label class=""><input autocomplete="off" type="radio" name="/widgets_dev/repeat/display_widgets/select_media" data-name="/widgets_dev/repeat/display_widgets/select_media" value="nut" data-type-xml="select1"/><span class="option-label"><text/></span><img lang="default" class="active" src="nuthatch.png" alt="image"/><span lang="default" class="option-label active" data-itext-id="/widgets_dev/repeat/display_widgets/select_media/nut:label">nuthatch</span></label></div></fieldset></fieldset><fieldset class="trigger " name="/widgets_dev/repeat/display_widgets/my_trigger"><span lang="" class="question-label active">Acknowledge widget</span><span lang="" class="or-hint active">Need to push button to proceed to next question in ODK. In enketo no user action is required, the message is simply displayed the same as a note. (type=trigger)</span></fieldset>
</section><!--end of group -->
</section><!--end of repeat fieldset with name /widgets_dev/repeat-->
</section><!--end of group -->
<fieldset id="or-calculated-items" style="display:none;"><label class="calculation non-select "><input autocomplete="off" type="hidden" name="/widgets_dev/meta/instanceID" data-calculate="concat('uuid:', uuid())" data-type-xml="string"/></label></fieldset></form>
<button id="validate-form" class="btn btn-primary btn-large" ><i class="fa fa-check"> </i> Validate</button>
<div class="enketo-power">Powered by <a href="http://enketo.org" title="enketo.org website">
<img src="https://enketo.org/images/enketo_bare_100x37.png" alt="enketo logo" /></a>
</div>
</article>
</div>
</body>
</html>