0 language JavaScript is not enabled. Please enable Javascript for this site before completing the form. ☰ Queue Send Notification History Webform Widgets languageThis 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. Text widgets Text widgetCan be short or long but always one line (type = text)Text widget for phonenumber-like inputThis is a text input that will show the numbers keyboard on mobile devices (type=text, appearance=numbers)Multiline Text widget in enketo (in ODK collect this a normal text field)Can be multiple lines (type=text, appearance=multiline)Barcode widgetScans multi-format 1d/2d barcodes. In enketo it allows manual entry (type=barcode) Number widgets Integer widget (try entering a number > 10)This field has a constraint (type=integer, constraint=.<10)Requires a number less than 10Decimal widget (allows only number > 10.51 and < 18.39)This field has a constraint (type=decimal, constraint=. > 10.51 and . < 18.39)Requires a number between 10.51 and 18.39Distress widgetA highly specific widget to measure distressRequires a number between 0 and 10 Date and time widgets Date widget (this one allows only future dates and has a default value)This field has a constraint (type=date, constraint=.>= today())Requires a date that is not before todayMonth-year widgetSimply specify an appearance style (type=date, appearance=month-year)Year widget (year only)Simply specify and appearance style (type=date, appearance=year)Time widgetTimes are easy! (type=time)Date and time widgetFor exact times, will be converted to UTC/GMT (type=dateTime) Select widgets Select multiple widget (don't pick c and d together)Using a list specified in the choices worksheet (type=select_multiple list)You cannot select c and d both option aoption boption coption d You cannot select c and d both Select multiple widget displaying horizontally(type = select_multiple, appearance=horizontal-compact) option aoption boption coption d Select multiple widget displaying horizontally in columns(type=select_multiple, appearance=horizontal) option 1option 2option 3option 4option 5option 6option 7option 8 Select multiple: pulldownShowing a pull-down list of options (type=select_multiple list, appearance=minimal)...option aoption boption coption d Select states from the image(type=select, appearance=image-map) AlaskaHawaiiAlabamaArkansasArizonaCaliforniaColoradoConnecticutDelawareFloridaGeorgiaIowaIdahoIlinoisIndianaKansasKentuckyLouisianaMassachusettsMarylandMaineMichiganMinnesotaMissouriMississippiMontanaNorth CarolinaNorth DakotaNebraskaNew HampshireNew JerseyNew MexicoNevadaNew YorkOhioOklahomaOregonPennsylvaniaSouth CarolinaSouth DakotaRhode IslandTenesseeTexasUtahVirginiaVermontWashingtonWisconsinWest VirginaWyomingDistrict Capital Select one widgetScroll down to see default selection (type=select_one list2, default=8) option 1option 2option 3option 4option 5option 6option 7option 8 Select one widget displaying horizontally(type=select_one, appearance=horizontal-compact) YesNoDon't KnowNot Applicable Select one widget displaying horizontally in columns(type=select_one, appearance=horizontal) option 1option 2option 3option 4option 5option 6option 7option 8 Select one displaying as a Likert item(type=select_one, appearance=likert) strongly disagreedisagreeneither agree nor disagreeagreestrongly agree Select one: pulldownShowing a pull-down list of options (type=select_one list, appearance=minimal)...option aoption boption coption dSelect one autocomplete widgetType e.g. 'g' to filter options. (type=select_one, appearance=autocomplete) kingfisherpigeonnuthatch Select a state from the image(type=select, appearance=image-map) AlaskaHawaiiAlabamaArkansasArizonaCaliforniaColoradoConnecticutDelawareFloridaGeorgiaIowaIdahoIlinoisIndianaKansasKentuckyLouisianaMassachusettsMarylandMaineMichiganMinnesotaMissouriMississippiMontanaNorth CarolinaNorth DakotaNebraskaNew HampshireNew JerseyNew MexicoNevadaNew YorkOhioOklahomaOregonPennsylvaniaSouth CarolinaSouth DakotaRhode IslandTenesseeTexasUtahVirginiaVermontWashingtonWisconsinWest VirginaWyomingDistrict Capital Grid select one widgetMake sure to put a.jpg and b.jpg in the form-media folder to see images here. (type=selectone ab, appearance=compact) -- Grid select one widgetGrid with a maximum of 2 columns. (type=selectone ab, appearance=compact-2) ---- Table TableShow only the labels of these options and not the inputs (type=selectone yesno, appearance=label) YesNoDon't KnowNot Applicable Q1Show only the inputs of these options and not the labels (type=selectone yesno, appearance=list-nolabel) YesNoDon't KnowNot Applicable Question 2Show only the inputs of these options and not the labels (type=selectone yesno, appearance=list-nolabel) YesNoDon't KnowNot Applicable Table (alternative method) YesNoDon't KnowNot Applicable Q1No need to do anything special here YesNoDon't KnowNot Applicable Question 2No need to do anything special here YesNoDon't KnowNot Applicable Table with image labels Select moodShow only the labels of these options and not the inputs (type=selectone yesno, appearance=label) -- BrianShow only the inputs of these options and not the labels (type=selectone yesno, appearance=list-nolabel) -- MichaelShow only the inputs of these options and not the labels (type=selectone yesno, appearance=list-nolabel) -- Table with image labels (alternative method) -- Brian -- Michael -- Cascading Select widgets Cascading Selects with Radio Buttons Country The NetherlandsUnited States CityUsing a choice filter to update options based on a previous answer (choice_filter: country = ) AmsterdamDenverNew York CityLos AngelesRotterdamDronten NeighborhoodUsing a choice filter to update options based on previous answers (choice_filter: country = and city = ) BronxHarlemBel AirWesterparkPark HillHarborDamDowntownHarbor Cascading Selects with Pulldowns Country(appearance: minimal)...The NetherlandsUnited StatesCityUsing a choice filter to update options based on a previous answer (choice_filter: country = , appearance: minimal)...AmsterdamDenverNew York CityLos AngelesRotterdamDrontenNeighborhoodUsing a choice filter to update options based on previous answers (choice_filter: country = and city = , appearance = minimal)...BronxHarlemBel AirWesterparkPark HillHarborDamDowntownHarbor Geo widgets Geopoint widgetRecord the gps location. In enketo it also shows a map. (type=geopoint) Media input widgets Image widgetSelect an image or take a photo (type=image)Draw widgetMake a drawing (type=image, appearance=draw)Signature widgetAdd a signature (type=image, appearance=signature)Annotate image widgetUpload and annotate an image (type=image, appearance=annotate)Audio widgetSelect an audio file or record audio (type=audio)Video widgetSelect a video file or record a video (type=video) Display widgets Note 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 .This is a note and it uses a value of another field in its label (type=note)You can add a sound recording, an image and a video to any input label or to a note. Audio not supported by your browser Add the file name in the audio column on your survey sheet. Make sure you upload this file when you publish your form. You 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. kingfisherpigeonnuthatch Acknowledge widgetPrompts for confirmation. Useful to combine with required or relevant. (type=trigger)* OK This shows the outcome of a hidden calculation: Calculations are very powerful feature. They are not only used for displaying results but can also be used in skip logic and validation. Submit Save as Draft Powered by
