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

 
View only
 
 
ABCDEFGHIJLMNOPQR
1
typeparametersnamelabelimageaudiohintappearancechoice_filterconstraintconstraint-msgdefaultcalculationreadonlyrelevantrequired
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
barcodebarcodeBarcode widgetScans multi-format 1d/2d barcodes. In enketo it allows manual entry (type=barcode)
8
texturlURL widgeturlhttps://enketo.orgyes
9
end_group
10
begin_groupnumber_widgetsNumber widgets
11
integerintInteger widget (try entering a number > 10)This field has a constraint (type=integer, constraint=.<10). < 10Requires a number less than 10
12
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
13
end_group
14
begin_grouprange_widgetsRange widgets
15
rangestart=0 end=5 step=1range1A horizontal range widget (type=range)
16
rangestart=0 end=2 step=0.1range2A vertical range widget (type=range, appearance=vertical)vertical
17
rangestart=0 end=5 step=1range3A horizontal range widget without ticks (type=range, appearance=no-ticks)no-ticks
18
rangedistressDistress widgetA highly specific widget to measure distress(type=range, appearance=distress)distress
19
end_group
20
begin_groupdate_time_widgetsDate and time widgets
21
datedateDate widget (this one loads a default value set in the form)2010-06-15
22
datedate_month_yearMonth-year widgetSimply specify an appearance style (type=date, appearance=month-year)month-year
23
datedate_yearYear widget (year only)Simply specify and appearance style (type=date, appearance=year)year
24
timetimeTime widgetTimes are easy! (type=time)
25
dateTimedatetimeDate and time widgetFor exact times, will be converted to UTC/GMT (type=dateTime)
26
end_group
27
28
29
30
begin_groupselect_widgetsSelect widgets
31
select_multiple listselectSelect multiple widgetUsing a list specified in the choices worksheet (type=select_multiple)not(selected(., 'c') and selected(., 'd'))You cannot select c and d botha c
32
select_multiple listselect_horizontal_compactSelect multiple widget displaying horizontally (type=select_multiple, appearance=compact)compact
33
select_multiple list2select_horizontalSelect multiple widget displaying horizontally in columns(type=select_multiple, appearance=horizontal)horizontal
34
select_multiple listselect_spinnerSelect multiple: pulldownShowing a pull-down list of options (type=select_multiple list, appearance=minimal)minimal
35
select_multiple stateselect_image-mapSelect states from the imageUS_MAP.svg(type=select, appearance=image-map)image-map
36
select_one list2select1Select one widget This one has default value (type=select_one)8
37
select_one yes_noselect1_horizontal_compactSelect one widget displaying horizontally(type=select_one, appearance=compact)compact
38
select_one list2select1_horizontalSelect one widget displaying horizontally in columns(type=select_one, appearance=horizontal)horizontal
39
select one agree5select1_likertSelect one displaying as a Likert item(type=select_one, appearance=likert)likert
40
select_one listselect1_spinnerSelect one: pulldownShowing a pull-down list of options (type=select_one list, appearance=minimal)minimal
41
select_one list1select1_autocompleteSelect one autocomplete widgetType e.g. 'g' to filter options.
(type=select_one, appearance=autocomplete)
autocomplete
42
select_one stateselect1_image-mapSelect a state from the imageUS_MAP.svg(type=select_one, appearance=image-map)image-map
43
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, appearance=compact)compact
44
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
45
begin_grouptable_list_testTablefield-list
46
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
47
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
48
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
49
end group
50
begin grouptable_list_test2Table (alternative method)table-list
51
select_one yes_notable_list_3Q1No need to do anything special here
52
select_one yes_notable_list_4Question 2No need to do anything special here
53
end_group
54
begin grouphappy_sad_tableTable with image labels (alternative method)table-list
55
select_multiple happy_sadhappy_sad_brianBrian
56
select_multiple happy_sadhappy_sad_michaelMichael
57
end group
58
end_group
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
begin_groupgeopoint_widgetsGeo widgets
72
geopointgeopoint_mapGeopoint with map WidgetRecord the gps location (type=geopoint, appearance=maps)maps
73
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
74
geotracegeotraceGeotrace widgetRecord a sequence of geopoints (type=geotrace, appearance=maps hide-input)maps hide-input
75
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
76
end_group
77
begin_groupmedia_widgetsMedia input widgets
78
imageimageImage widgetSelect an image or take a photo (type=image)
79
imagedrawDraw widgetMake a drawing (type=image, appearance=draw)draw
80
imagesignatureSignature widgetAdd a signature (type=image, appearance=signature)signature
81
imageannotateAnnotate image widgetUpload and annotate an image (type=image, appearance=annotate)annotate
82
audioaudioAudio widgetSelect an audio file or record audio (type=audio)
83
videovideoVideo widgetSelect a video file or record a video (type=video)
84
filefileFile widget (any type)Select any file (no previews)
85
end_group
86
begin_groupdisplay_widgetsDisplay widgets
87
noteoutputNote 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
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
triggertriggerAcknowledge widgetPrompts for confirmation. Useful to combine with required or relevant. (type=trigger)
91
calculatecalc${decimal}+3
92
notecalc_noteThis shows the outcome of a hidden calculation: ${calc}Calculations are very powerful feature. They are not only used for displaying results but can also be used in skip logic and validation.
93
end_group
94
95
96
97
98
99
100
Loading...
 
 
 
survey
choices
settings
draft
 
 
Main menu