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=1range1Range widget 1A horizontal range widget (type=range)
16
rangestart=0 end=2 step=0.1range2Range widget 2A vertical range widget (type=range, appearance=vertical)vertical
17
rangestart=0 end=5 step=1range3Range widget 3A horizontal range widget without ticks (type=range, appearance=no-ticks)no-ticks
18
rangestart=0 end=5 step=1range4Range picker widget 4A horizontal range widget without ticks (type=range, appearance=picker)picker
19
rangestart=0 end=5 step=1range5Rating widget 5A horizontal range widget without ticks (type=range, appearance=rating)rating
20
rangedistressDistress widgetA highly specific widget to measure distress(type=range, appearance=distress)distress
21
end_group
22
begin_groupdate_time_widgetsDate and time widgets
23
datedateDate widget (this one loads a default value set in the form)2010-06-15
24
datedate_month_yearMonth-year widgetSimply specify an appearance style (type=date, appearance=month-year)month-year
25
datedate_yearYear widget (year only)Simply specify and appearance style (type=date, appearance=year)year
26
timetimeTime widgetTimes are easy! (type=time)
27
dateTimedatetimeDate and time widgetFor exact times, will be converted to UTC/GMT (type=dateTime)
28
end_group
29
begin_grouprank_widgetsRank widgets
30
rank holidayrandomize=truerankRank these holiday destinations (top = favorite)This widget can also be used in a cascading selection (type=rank, parameters: randomize=true)
31
end_group
32
begin_groupselect_widgetsSelect widgets
33
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
34
select_multiple yes_noselect_horizontalSelect multiple widget displaying horizontally in columns(type=select_multiple, appearance=columns)columns
35
select_multiple listselect_horizontal_compactSelect multiple widget displaying horizontally (type=select_multiple, appearance=columns-pack)columns-pack
36
select_multiple listselect_spinnerSelect multiple: pulldownShowing a pull-down list of options (type=select_multiple list, appearance=minimal)minimal
37
select_multiple stateselect_image-mapSelect states from the imageUS_MAP.svg(type=select, appearance=image-map)image-map
38
select_one list2select1Select one widget This one has default value (type=select_one)8
39
select_one list2select1_horizontalSelect one widget displaying horizontally in columns(type=select_one, appearance=columns)columns
40
select_one yes_noselect1_horizontal_compactSelect one widget displaying horizontally(type=select_one, appearance=columns-pack no-buttons)columns-pack no-buttons
41
select one agree5select1_likertSelect one displaying as a Likert item(type=select_one, appearance=likert)likert
42
select_one listselect1_spinnerSelect one: pulldownShowing a pull-down list of options (type=select_one list, appearance=minimal)minimal
43
select_one list1select1_autocompleteSelect one autocomplete widgetType e.g. 'g' to filter options.
(type=select_one, appearance=autocomplete)
autocomplete
44
select_one stateselect1_image-mapSelect a state from the imageUS_MAP.svg(type=select_one, appearance=image-map)image-map
45
select_one a_bgrid_testNo buttonsMake sure to put a.jpg and b.jpg in the form-media folder to see images here. (type=select_one, appearance=no-buttons)no-buttons
46
select_one a_b_c_dgrid_2_columnsFixed number of columns (2), and no buttonsGrid with a maximum of 2 columns. (type=select_one a_b, appearance=columns-2 no-buttons)columns-2 no-buttons
47
begin_grouptable_list_testTablefield-list
48
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
49
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
50
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
51
end group
52
begin grouptable_list_test2Table (alternative method)table-list
53
select_one yes_notable_list_3Q1No need to do anything special here
54
select_one yes_notable_list_4Question 2No need to do anything special here
55
end_group
56
begin grouphappy_sad_tableTable with image labels (alternative method)table-list
57
select_multiple happy_sadhappy_sad_brianBrian
58
select_multiple happy_sadhappy_sad_michaelMichael
59
end group
60
end_group
61
begin_groupcascading_widgetsCascading Select widgets
62
begin_groupgroup1Cascading Selects with Radio Buttons
63
select_one countriescountryCountry
64
select_one citiescityCityUsing a choice filter to update options based on a previous answer (choice_filter: country = ${country})country=${country}
65
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}
66
end_group
67
begin_groupgroup2Cascading Selects with Pulldowns
68
select_one countriescountry2Country(appearance: minimal)minimal
69
select_one citiescity2CityUsing a choice filter to update options based on a previous answer (choice_filter: country = ${country2}, appearance: minimal)minimalcountry=${country2}
70
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}
71
end_group
72
end_group
73
begin_groupgeopoint_widgetsGeo widgets
74
geopointgeopoint_mapGeopoint with map WidgetRecord the gps location (type=geopoint, appearance=maps)maps
75
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
76
geotracegeotraceGeotrace widgetRecord a sequence of geopoints (type=geotrace, appearance=maps hide-input)maps hide-input
77
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
78
end_group
79
begin_groupmedia_widgetsMedia input widgets
80
imageimageImage widgetSelect an image or take a photo (type=image)
81
imagedrawDraw widgetMake a drawing (type=image, appearance=draw)draw
82
imagesignatureSignature widgetAdd a signature (type=image, appearance=signature)signature
83
imageannotateAnnotate image widgetUpload and annotate an image (type=image, appearance=annotate)annotate
84
audioaudioAudio widgetSelect an audio file or record audio (type=audio)
85
videovideoVideo widgetSelect a video file or record a video (type=video)
86
filefileFile widget (any type)Select any file (no previews)
87
end_group
88
begin_groupdisplay_widgetsDisplay widgets
89
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
90
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.
91
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.
92
triggertriggerAcknowledge widgetPrompts for confirmation. Useful to combine with required or relevant. (type=trigger)
93
calculatecalc${decimal}+3
94
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.
95
end_group
Loading...