2022.2

Table Of Contents

InaCaptureOnTheGoform,youcanusespecialCaptureOnTheGoFormelements,suchasaSig-

natureandaBarcodeScannerelement.ForadescriptionofallCOTGelements,see:"COTGEle-

ments"onpage633.Tolearnhowtousethem,see"UsingCOTGElements"onpage536.

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"below.

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.

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.

Using Foundation

ThistopicexplainshowtousetheFoundationGridandotherFoundationcomponentsinaWebForm

orCOTGForm.

Foundation

Withtheexceptionofthemostbasicone,allWebTemplateWizardsintheDesignermakeuseofthe

ZurbFoundationfront-endframework.Afront-endframeworkisacollectionofHTML,CSS,and

JavaScriptfilestobuildupon.Foundationisaresponsiveframework:itusesCSSmediaqueriesanda

mobile-firstapproach,sothatwebsitesbuiltuponFoundationlookgoodandfunctionwellonmultiple

devicesincludingdesktopandlaptopcomputers,tablets,andmobilephones.Foundationistested

Page 528