2022.2

Tip: IfyouhavestartedcreatingyourCaptureOnTheGotemplateusingaCOTGTemplateWiz-
ard,youcanfindready-madeelementsintheSnippetsfolderontheResourcespane.
Foundation,theframeworkaddedbytheCOTGtemplatewizards,comeswithaseriesoffeaturesthat
canbeveryusefulinCOTGforms;see"UsingFoundation"onpage528.
Naturally,WebFormelementscanalsobeusedonCOTGForms(see"Forms"onpage640and"Form
Elements"onpage644)aswellastext,imagesandotherelements(see"Contentelements"on
page566).
CaptureOnTheGotemplatescanbepersonalizedjustlikeanyothertypeoftemplate;see"Per-
sonalizingcontent"onpage708.
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.
UsingJavaScript
COTG plugin
CaptureOnTheGowidgetsdonotfunctionwithouttheCOTGplugin:cotg-2.x.x.js.Thispluginalso
makesitpossibletoaddCOTGElementsdynamically,setdefaultsforCOTGelements,reacttoevents
thatoccurwhenauserinteractswithaCOTGelement,etc.Formoreinformationsee:"Usingthe
COTGplugin"onpage545.
Foundation
ForCOTGtemplatescreatedwithaCOTGtemplatewizard,lotsoffeaturesarealreadyavailable
throughtheFoundationframework;see"UsingFoundation"onpage528.
TheFoundationJavaScriptfilesandstylesheetsareonlyaddedautomaticallywhenyoustartcreating
aCOTGtemplatewithatemplatewizard;see"CaptureOnTheGotemplatewizards"onpage525.
Page 518