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_multiple listspinner_allSpinner widget: select multipleShowing a pull-down list of options (type=select_multiple list, appearance=minimal)minimal
34
select_one listselectadvanceSelect widget - auto advanceAdvance to the next question immediate after selection in ODK Collect. (type=select_one list, appearance=quick)quick
35
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
36
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
37
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
38
begin_grouptable_list_testList groupShows all questions on one page in ODK Collect (appearance=field-list)field-list
39
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
40
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
41
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
42
end group
43
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
44
select_one yes_notable_list_3Q1No need to do anything special here
45
select_one yes_notable_list_4Question 2No need to do anything special here
46
end_group
47
begin grouphappy_sad_table_2Table with image labelsShows all questions on one page in ODK Collect (appearance=field-list)field-list
48
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
49
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
50
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
51
end group
52
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
53
select_multiple happy_sadhappy_sad_brianBrian
54
select_multiple happy_sadhappy_sad_michaelMichael
55
end group
56
end_group
57
58
begin_groupcascading_widgetsCascading Select widgets
59
begin_groupgroup1Cascading Selects with Radio Buttons
60
select_one countriescountryCountry
61
select_one citiescityCityUsing a choice filter to update options based on a previous answer (choice_filter: country = ${country})country=${country}
62
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}
63
end_group
64
begin_groupgroup2Cascading Selects with Pulldowns
65
select_one countriescountry2Country(appearance: minimal)minimal
66
select_one citiescity2CityUsing a choice filter to update options based on a previous answer (choice_filter: country = ${country2}, appearance: minimal)minimalcountry=${country2}
67
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}
68
end_group
69
end_group
70
71
begin_groupgeopoint_widgetsGPS widgets
72
geopointmy_geopointGeopoint widgetThis will record the gps location. In enketo it also shows a map. (type=geopoint)
73
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
74
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
75
geotracemy_geotraceGeotrace widgetThis will record a sequence/line of geopoints (type=geotrace, appearance=maps hide-input)maps hide-input
76
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
77
end_group
78
79
begin_groupmedia_widgetsMedia input widgets
80
imagemy_imageImage widgetThis will launch the camera.
81
audiomy_audioAudio widgetThis will launch the audio recorder.
82
videomy_videoVideo widgetThis will launch the video recorder.
83
barcodemy_barcodeBarcode widgetScans multi-format 1d/2d barcodes. In enketo it allows manual entry (type=barcode)
84
end_group
85
86
begin_groupdisplay_widgetsDisplay widgets
87
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
88
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.
89
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.
90
triggermy_triggerAcknowledge widgetPrompts for confirmation. Useful to combine with required or relevant. (type=trigger)yes
91
end_group
Loading...
 
 
 
survey
choices
settings