widgets
 Share
The version of the browser you are using is no longer supported. Please upgrade to a supported browser.Dismiss

 
View only
 
 
Still loading...
ABCDEFGHJKLMN
1
typenamelabelaudiohintappearancechoice_filterconstraintconstraint-msgdefaultreadonlyrelevantrequired
2
noteintroThis form showcases the different available _widgets_.

The hints explain how these widgets were created. The form logo was added by simply uploading a file called form_logo.png in the Media section of the form settings page in formhub.

The XLS Form source is [here](https://docs.google.com/spreadsheet/ccc?key=0Al3Mw5sknZoPdEpPa29tamFCc1o2bmFVR3RaemlSRXc&usp=sharing).
3
4
begin_grouptext_widgetsText widgets
5
textmy_stringText widget Can be short or long but always one line (type = text)
6
textmy_long_textMultiline Text widget in enketo (in ODK collect this a normal text field)Can be multiple lines (type=text, appearance = multiline)multiline
7
end_group
8
9
begin_groupnumber_widgetsNumber widgets
10
integermy_intInteger widget (try entering a number > 10)This field has a constraint (type=integer, constraint=.<10). < 10Requires a number less than 10
11
decimalmy_decimalDecimal widget (allows only number > 10.51 and < 18.39)This field has a constraint (type=decimal, constraint=. > 10.51 and . < 18.39). > 10.51 and . < 18.39Requires a number between 10.51 and 18.3918.31
12
integermy_distressDistress widgetA highly specific widget to measure distressdistress. >= 0 and . <= 10Requires a number between 0 and 10
13
end_group
14
15
16
begin_groupdate_time_widgetsDate and time widgets
17
datemy_dateDate widget (this one allows only future dates and has a default value)This field has a constraint (type=date, constraint=.>= today()). >= today()Requires a date that is not before today2010-06-15
18
datemy_date_month_yearMonth-year widgetSimply specify an appearance style (type=date, appearance=month-year)month-year
19
datemy_date_yearYear widget (year only)Simply specify and appearance style (type=date, appearance=year)year
20
timemy_timeTime widgetTimes are easy! (type=time)
21
dateTimedateTimeDate and time widgetFor exact times, will be converted to UTC/GMT (type=dateTime)
22
end_group
23
24
begin_groupselect_widgetsBasic Select widgets
25
select_multiple listmy_selectSelect multiple widget (don't pick c and d together)Using a list specified in the choices worksheet (type=select_multiple list)not(selected(., 'c') and selected(., 'd'))You cannot select c and d botha c
26
select_multiple listselect_horizontal_compactSelect multiple widget displaying horizontally (in Enketo)(type = select_multiple, appearance=horizontal-compact)horizontal-compact
27
select_multiple list2select_horizontalSelect one displaying horizontally but in columns (in Enketo)(type=select_multiple, appearance=horizontal)horizontal
28
select_one list2my_select1Select one widget Scroll down to see default selection (type=select_one list2, default=8)8
29
select_one yes_noselect1_horizontal_compactSelect one displaying compactly and horizontally (in Enketo)(type=select_one, appearance=horizontal-compact)horizontal-compact
30
select_one list2select1_horizontalSelect one displaying horizontally but in columns (in Enketo)(type=select_one, appearance=horizontal)horizontal
31
select one agree5select1_likertLikert widget(type=select_one, appearance=likert)likert
32
select_one listspinnerSpinner widget: select oneShowing a pull-down list of options (type=select_one list, appearance=minimal)minimal
33
select_one list1select1_autocompleteAutocomplete widgetType e.g. 'g' to filter options.
(type=select_one, appearance=autocomplete)
autocomplete
34
select_multiple listspinner_allSpinner widget: select multipleShowing a pull-down list of options (type=select_multiple list, appearance=minimal)minimal
35
select_one listselectadvanceSelect widget - auto advanceAdvance to the next question immediate after selection in ODK Collect. (type=select_one list, appearance=quick)quick
36
select_one a_bgrid_testGrid select one widgetMake sure to put a.jpg and b.jpg in the form-media folder to see images here. (type=select_one a_b, appearance=compact)compact
37
select_one a_b_c_dgrid_2_columnsGrid select one widgetGrid with a maximum of 2 columns. (type=select_one a_b, appearance=compact-2)compact-2
38
select_one a_bgrid_test_audioGrid auto-advance widgetSame as previous but this one advances to the next question automatically in ODK Collect. (type=select_one a_b, appearance=quickcompact)quickcompact
39
begin_grouptable_list_testList groupShows all questions on one page in ODK Collect (appearance=field-list)field-list
40
select_one yes_notable_list_test_labelTableShow only the labels of these options and not the inputs (type=select_one yes_no, appearance=label)label
41
select_one yes_notable_list_1Q1Show only the inputs of these options and not the labels (type=select_one yes_no, appearance=list-nolabel)list-nolabel
42
select_one yes_notable_list_2Question 2Show only the inputs of these options and not the labels (type=select_one yes_no, appearance=list-nolabel)list-nolabel
43
end group
44
begin grouptable_list_test2Table (alternative method)An alternative way to do almost the same (appearance=table-list) but it will look a bit different.table-list
45
select_one yes_notable_list_3Q1No need to do anything special here
46
select_one yes_notable_list_4Question 2No need to do anything special here
47
end_group
48
begin grouphappy_sad_table_2Table with image labelsShows all questions on one page in ODK Collect (appearance=field-list)field-list
49
select_multiple happy_sadhappy_sad_second_methodSelect moodShow only the labels of these options and not the inputs (type=select_one yes_no, appearance=label)label
50
select_multiple happy_sadhappy_sad_brian2BrianShow only the inputs of these options and not the labels (type=select_one yes_no, appearance=list-nolabel)list-nolabel
51
select_multiple happy_sadhappy_sad_michael2MichaelShow only the inputs of these options and not the labels (type=select_one yes_no, appearance=list-nolabel)list-nolabel
52
end group
53
begin grouphappy_sad_tableTable with image labels (alternative method)An alternative way to do the same (appearance=table-list) but it will look a bit different.table-list
54
select_multiple happy_sadhappy_sad_brianBrian
55
select_multiple happy_sadhappy_sad_michaelMichael
56
end group
57
end_group
58
59
begin_groupcascading_widgetsCascading Select widgets
60
begin_groupgroup1Cascading Selects with Radio Buttons
61
select_one countriescountryCountry
62
select_one citiescityCityUsing a choice filter to update options based on a previous answer (choice_filter: country = ${country})country=${country}
63
select_one neighborhoodsneighborhoodNeighborhoodUsing a choice filter to update options based on previous answers (choice_filter: country = ${country} and city = ${city})country=${country} and city=${city}
64
end_group
65
begin_groupgroup2Cascading Selects with Pulldowns
66
select_one countriescountry2Country(appearance: minimal)minimal
67
select_one citiescity2CityUsing a choice filter to update options based on a previous answer (choice_filter: country = ${country2}, appearance: minimal)minimalcountry=${country2}
68
select_one neighborhoodsneighborhood2NeighborhoodUsing a choice filter to update options based on previous answers (choice_filter: country = ${country2} and city = ${city2}, appearance = minimal)minimalcountry=${country2} and city=${city2}
69
end_group
70
end_group
71
72
begin_groupgeopoint_widgetsGPS widgets
73
geopointmy_geopointGeopoint widgetThis will record the gps location. In enketo it also shows a map. (type=geopoint)
74
geopointmy_geopoint_mGeopoint with map WidgetThis will record the gps location. In enketo is is the same as the previous. (type=geopoint, appearance=maps)maps
75
geopointmy_geopoint_hideGeopoint widget that hides input fields by defaultTo show a larger map (on desktop screens), you can hide the input fields. (appearance = hide-input)maps hide-input
76
geotracemy_geotraceGeotrace widgetThis will record a sequence/line of geopoints (type=geotrace, appearance=maps hide-input)maps hide-input
77
geoshapemy_geoshapeGeoshape widgetThis will record a closed sequence/polygon of geopoints (type=geoshape, appearance=maps hide-input)maps hide-input7.9377 -11.5845 0 0;7.9324 -11.5902 0 0;7.927 -11.5857 0 0;7.925 -11.578 0 0;7.9267 -11.5722 0 0;7.9325 -11.5708 0 0;7.9372 -11.5737 0 0;7.9393 -11.579 0 0;7.9377 -11.5845 0 0
78
end_group
79
80
begin_groupmedia_widgetsMedia input widgets
81
imagemy_imageImage widgetThis will launch the camera.
82
audiomy_audioAudio widgetThis will launch the audio recorder.
83
videomy_videoVideo widgetThis will launch the video recorder.
84
barcodemy_barcodeBarcode widgetScans multi-format 1d/2d barcodes. In enketo it allows manual entry (type=barcode)
85
end_group
86
87
begin_groupdisplay_widgetsDisplay widgets
88
notemy_outputNote 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 ${my_decimal}.
This is a note and it uses a value of another field in its label (type=note)yes
89
texttext_mediaYou can add a sound recording, an image and a video to any input label or to a note.goldeneagle.mp3Add the file name in the audio column on your survey sheet. Make sure you upload this file when you publish your form.
90
select_one list1select_mediaYou can also add media to choices. Choose your favorite bird.Add the file name in the image column on your choices sheet. Make sure you upload this file when you publish your form.
91
triggermy_triggerAcknowledge widgetPrompts for confirmation. Useful to combine with required or relevant. (type=trigger)yes
92
end_group
93
94
95
96
97
98
99
100
Loading...
 
 
 
survey
choices
settings