2022.2

Tip: UsetheOutlinepaneatthelefttoseewhichelementsarepresentinthetemplateandto
selectanelement.
UsetheAttributespaneattherighttoseethecurrentelement'sID,classandsomeotherprop-
erties.
UsetheStylespanenexttotheAttributespanetoseewhichstylesareappliedtothecurrently
selectedelement.
Tip: ClicktheEdgesbuttononthetoolbartemporarilyaddsaframetocertainelementsonthe
Designtab.ThesewillnotPrintoroutput.
HowtomakeCOTGelementsrequired
TomakeaCOTGelementrequired,ortochangethevalidationofaCOTGForm,right-clicktheele-
mentandchooseValidation settings.SettheForm'svalidationmethodtojQueryandsettherequire-
mentsandamessageperfield.Foranexplanationsee"ChangingaForm'svalidationmethod"on
page643.
ChangingwidgetsettingsinHTML
TheCameraandGeolocationwidgetshaveconfigurableoptions;youcandecidewhichbuttonswillbe
visibleintheCameraelement,forexample.Anumberoftheseoptionscanbesetviatheuserinterface
(see"Elementspecificsettings"onthepreviouspage).
ThesettingsarestoredinJSONformatinthedata-paramsattributeoftheelementintheHTML,as
youcanseeontheSourcetabintheDesigneraftermakingasetting.
Alloptions,includingoptionsthatcannotbesetviatheuserinterface,canbesetviathisdata-
paramsattribute.Todefineatimeoutof6secondsforaGeolocationelement,forexample,youcould
switchtotheSourcetabandchangeitsHTMLto:
<div id="geolocation1" role="cotg.Geolocation" data-params="{&quot;-
timeout&quot;:6000}">.
SettingsintheHTMLoverridethedefaultsettingsforthatelement.Theyareappliedtothewidgetwhen
theFormiscreatedandcannotbechangedafterwards.
ForacompletelistofoptionsseetheCaptureOnTheGoAPI:"CaptureOnTheGoAPI"onpage557.
Settingsforadynamically addedelementcanbemadeincode;see"DynamicallyaddingCOTGwid-
gets"onpage548.
ThedefaultsettingsthatarespecifiedintheCOTGplugincanalsobechangedincode;see"Changing
defaultsettingsforwidgets"onpage547.
Page 538