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

 
View only
 
 
ABCDEFGHIKLMNO
1
typenamelabelimageaudiohintappearancechoice_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* as part of the form media.

The XLS Form source is [here](https://docs.google.com/spreadsheet/ccc?key=0Al3Mw5sknZoPdEpPa29tamFCc1o2bmFVR3RaemlSRXc&usp=sharing).
3
begin_grouptext_widgetsText widgets
4
texttextText widget Can be short or long but always one line (type = text)
5
textphoneText widget for phonenumber-like inputThis is a text input that will show the numbers keyboard on mobile devices (type=text, appearance=numbers)numbers
6
textlong_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
begin_groupnumber_widgetsNumber widgets
9
integerintInteger widget (try entering a number > 10)This field has a constraint (type=integer, constraint=.<10). < 10Requires a number less than 10
10
decimaldecimalDecimal 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
11
integersDistress widgetA highly specific widget to measure distressdistress. >= 0 and . <= 10Requires a number between 0 and 10
12
end_group
13
begin_groupdate_time_widgetsDate and time widgets
14
datedateDate 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
15
datedate_month_yearMonth-year widgetSimply specify an appearance style (type=date, appearance=month-year)month-year
16
datedate_yearYear widget (year only)Simply specify and appearance style (type=date, appearance=year)year
17
timetimeTime widgetTimes are easy! (type=time)
18
dateTimedatetimeDate and time widgetFor exact times, will be converted to UTC/GMT (type=dateTime)
19
end_group
20
begin_groupselect_widgetsSelect widgets
21
select_multiple listselectSelect 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
22
select_multiple listselect_horizontal_compactSelect multiple widget displaying horizontally (type = select_multiple, appearance=horizontal-compact)horizontal-compact
23
select_multiple list2select_horizontalSelect multiple widget displaying horizontally in columns(type=select_multiple, appearance=horizontal)horizontal
24
select_multiple listselect_spinnerSelect multiple: pulldownShowing a pull-down list of options (type=select_multiple list, appearance=minimal)minimal
25
select_one list2select1Select one widget Scroll down to see default selection (type=select_one list2, default=8)8
26
select_one yes_noselect1_horizontal_compactSelect one widget displaying horizontally(type=select_one, appearance=horizontal-compact)horizontal-compact
27
select_one list2select1_horizontalSelect one widget displaying horizontally in colmns(type=select_one, appearance=horizontal)horizontal
28
select one agree5select1_likertSelect one displaying as a Likert item(type=select_one, appearance=likert)likert
29
select_one listselect1_spinnerSelect one: pulldownShowing a pull-down list of options (type=select_one list, appearance=minimal)minimal
30
select_one list1select1_autocompleteSelect one autocomplete widgetType e.g. 'g' to filter options.
(type=select_one, appearance=autocomplete)
autocomplete
31
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
32
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
33
begin_grouptable_list_testTableShows all questions on one page in ODK Collect (appearance=field-list)field-list
34
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
35
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
36
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
37
end group
38
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
39
select_one yes_notable_list_3Q1No need to do anything special here
40
select_one yes_notable_list_4Question 2No need to do anything special here
41
end_group
42
begin grouphappy_sad_table_2Table with image labelsShows all questions on one page in ODK Collect (appearance=field-list)field-list
43
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
44
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
45
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
46
end group
47
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
48
select_multiple happy_sadhappy_sad_brianBrian
49
select_multiple happy_sadhappy_sad_michaelMichael
50
end group
51
end_group
52
begin_groupcascading_widgetsCascading Select widgets
53
begin_groupgroup1Cascading Selects with Radio Buttons
54
select_one countriescountryCountry
55
select_one citiescityCityUsing a choice filter to update options based on a previous answer (choice_filter: country = ${country})country=${country}
56
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}
57
end_group
58
begin_groupgroup2Cascading Selects with Pulldowns
59
select_one countriescountry2Country(appearance: minimal)minimal
60
select_one citiescity2CityUsing a choice filter to update options based on a previous answer (choice_filter: country = ${country2}, appearance: minimal)minimalcountry=${country2}
61
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}
62
end_group
63
end_group
64
begin_groupgeopoint_widgetsGeo widgets
65
geopointgeopointGeopoint widgetRecord the gps location. In enketo it also shows a map. (type=geopoint)
66
geopointgeopoint_mGeopoint with map WidgetRecord the gps location. In enketo is is the same as the previous. (type=geopoint, appearance=maps)maps
67
geopointgeopoint_hideGeopoint widget that hides input fields by defaultShow a larger map (on desktop screens), you can hide the input fields. (appearance = hide-input)maps hide-input
68
geotracegeotraceGeotrace widgetRecord a sequence of geopoints (type=geotrace, appearance=maps hide-input)maps hide-input
69
geoshapegeoshapeGeoshape widgetRecord 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
70
end_group
71
begin_groupmedia_widgetsMedia input widgets
72
imageimageImage widgetSelect an image or take a photo (type=image)
73
imagedrawDraw widgetMake a drawing (type=image, appearance=draw)draw
74
imagesignatureSignature widgetAdd a signature (type=image, appearance=signature)signature
75
imageannotateAnnotate image widgetUpload and annotate an image (type=image, appearance=annotate)annotate
76
audiomy_audioAudio widgetSelect an audio file or record audio (type=audio)
77
videomy_videoVideo widgetSelect a video file or record a video (type=video)
78
barcodemy_barcodeBarcode widgetScans multi-format 1d/2d barcodes. In enketo it allows manual entry (type=barcode)
79
end_group
80
begin_groupdisplay_widgetsDisplay widgets
81
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 ${decimal}.
This is a note and it uses a value of another field in its label (type=note)yes
82
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.
83
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.
84
triggermy_triggerAcknowledge widgetPrompts for confirmation. Useful to combine with required or relevant. (type=trigger)yes
85
end_group
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
Loading...
 
 
 
survey
choices
settings