2022.2

Forms for offline use
CaptureOnTheGoformscanbeusedoffline.Thisisthecaseevenwhentheformreliesonremotely
storedsourcefileslikeJavaScriptfilesandstylesheets,providedthattheoptionUse cached Capture
OnTheGo resourceischeckedwhenaddingthemtotheform.
Capture OnTheGo template wizards
WiththeDesigneryoucancreateCaptureOnTheGo(COTG)templates.COTGtemplatesareusedto
generateformsfortheCaptureOnTheGomobileapplication.Formoreinformationaboutthisapplic-
ation,seethewebsite:CaptureOnTheGo.
ACaptureOnTheGoFormisactuallyjustaWebForm,thatyoucouldaddwithoutawizard,butthe
COTGTemplateWizardsincludetheappropriateJavaScriptfilesfortheCaptureOnTheGoapp,and
stylestocreateuser-friendly,responsiveforms.TheyarebuiltupontheFoundationframework.
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
acrossmanybrowsersanddevices,andworksbackasfarasIE9andAndroid2.Seehttp://-
foundation.zurb.com/learn/about.html.
FormoreinformationabouttheuseofFoundationintheDesigner,see"UsingFoundation"on
page528.
AftercreatingaCOTGtemplate,theothercontextscanbeadded,aswellasothersections(see
"Addingacontext"onpage432and"AddingaWebpage"onpage498).
Tip: IftheCOTGFormreplacesapaperform,itcanbetemptingtosticktotheoriginallayout.
Althoughthatmayincreasetherecognizability,itisbettertogiveprioritytotheuser-friendliness
oftheform.KeepinmindthattheCOTGformwillbeusedonadeviceanddon'tmissthechance
tomakeitasuser-friendlyaspossible.See"DesigningaCOTGTemplate"onpage522.
CreatingaCOTGtemplateusingawizard
TocreateaCOTGtemplatewithatemplatewizard:
1.
l
IntheWelcomescreenthatappearsafterstartupandwhenyouclicktheHomeiconatthe
topright,chooseBrowse Template Wizards.ScrolldownuntilyouseetheCapture
Page 525