2022.2

l
Colors:ClickthecoloredsquaretoopentheColorPickerdialog(see"ColorPicker"on
page878)andpickacolor,orenteravalidhexadecimalcolorcode(seew3school'scolor
picker)forthepagebackgroundcolor.
Dothesameforthebackgroundcolorofthenavigationbaratthetopandforthebuttonson
theForm.
4. ClickNexttogotothenextsettingspageifthereisone.
5. ClickFinishtocreatethetemplate.
TheWizardcreates:
l
AWeb contextwithonewebpagetemplate(alsocalledasection)init.Thewebpagecontains
an'off-canvas'Divelement,Header,aSectionandaFooterelementwithdummytext,and
dependingonthetypeofwebpage,anavigationbar,buttonand/orFormelements.
l
Style sheetsandJavaScript filesrelatedtotheCOTGformitselfandothersrelatedtothe
Foundationframework(seeabove).ThestylesheetscanbefoundintheStylesheetsfolderon
theResourcespane.TheJavaScriptfilesarelocatedintheJavaScriptfolderontheResources
pane.
l
AcollectionofsnippetsintheSnippetsfolderontheResourcespane.Thesnippetscontain
ready-to-usepartstobuildthewebform.Double-clicktoopenthem.See"Snippets"onpage661
and"Loadingasnippetviaascript"onpage831forinformationaboutusingSnippets.
TheWizardopenstheWebsection,sothatyoucanfilltheCaptureOnTheGoform.
6. Makesuretosettheactionandmethodoftheform:selecttheformandthenentertheactionand
methodontheAttributespane.
TheactionofaCaptureOnTheGoformshouldspecifytheWorkflowHTTPServerInputtaskthat
receivesandhandlesthesubmitteddata.Theactionwilllooklikethis:http://127.0.0.1:8080/action
(8080isWorkflow'sdefaultportnumber;'action'shouldbereplacedbytheHTTPactionofthatpar-
ticularHTTPServerInputtask).
ThemethodofaCaptureOnTheGoformshouldbePOSTtoensurethatitdoesn'thitadatalimitwhen
submittingtheform.TheGETmethodaddsthedatatotheURL,andthelengthofaURLislimitedto
2048characters.EspeciallyformscontainingoneormoreCamerainputsmayproduceavoluminous
datastreamthatdoesn'tfitintheURL.GETalsoleavesdatatrailsinlogfiles,whichraisesprivacycon-
cerns.ThereforePOSTisthepreferredmethodtouse.
FillingaCOTGtemplate
BeforeinsertingelementsinaCOTGForm,havethedesignready;see"DesigningaCOTGTemplate"
onpage522.
Page 527