2022.2

ForafulloverviewandexplanationofallFoundationcomponents(v.5),seethiswebpage:http://-
foundation.zurb.com/sites/docs/v/5.5.3/.

COTG Elements
WiththeDesigneryoucancreateCaptureOnTheGotemplates.COTGtemplatesareusedtogenerate
formsfortheCaptureOnTheGomobileapplication.ThistopicisaboutCaptureOnTheGoformele-
ments.Formoreinformationabouttheapplicationrefertothesewebsites:CaptureOnTheGoandCap-
tureOnTheGointheResourceCenter.
CaptureOnTheGo(COTG)elementscanonlybeaddedwithinaFormelementinaWebcontext;see
"COTGForms"onpage516.ForinformationabouthowtoaddanduseCOTGElements,see"Using
COTGElements"onpage536.
ItisalsopossibletoaddCOTGElementsdynamically,tosetdefaultsforCOTGelementsandtoreact
tocustomeventsthatoccurwhenauserinteractswithaCOTGelement.Formoreinformationsee:
"UsingtheCOTGplugin"onpage545and"DynamicallyaddingCOTGwidgets"onpage548.
BarcodeScanner
TheBarcodeScannerelementaddsabuttontotriggerthedevicetoscanabarcode.Averylargevari-
etyofbarcodetypesaresupported.Oncethebarcodehasbeenscanned,thedatafromthebarcode
willbeaddedtotheCOTGFormandsubmittedalongwithit.
Note: UsingtheBarcodeScannerelementrequirestheinstallationoftheZXingBarcodeScan-
nerapplicationonAndroiddevices.Theapplicationreturnsthebarcodedataafterscanning.
Camera
TheCameraelementaddsagroupofbuttonstocaptureorselectanimage.Oncetheimageisselec-
tedviathecameraorthedevice'slibrary(aka"gallery"),itissavedwithintheFormdata.
Whentheformissubmitted,theimageissentinabase64-encodedstringformat.Tolearnhowtoadd
Cameradatatoatemplate,see"AddingCameradatatothetemplate"onpage521.
TheCameraelementhasanumberofoptions,ofwhichmostcanbesetintheDesignview.These
optionsaredescribedbelow.
Alloptions,includingoptionsthatcannotbesetviatheDesignview,canbesetviatheSourceviewor
incode;see"Changingdefaultsettingsforwidgets"onpage547.
Buttons
Bydefault,theCameraelementaddsthreebuttonstotheform:
Page 531