2022.2

Togetanimationstoworkyouwouldhavetoimplementasolutionsimilartotheone
describedinthisHow-to:Dynamicdashboardcharts.
Using themes
TheamChartslibrarysupportsworkingwiththemes.Thedefaultthemesare:light,dark,black,pat-
terns,andchalk.Allexceptthe'patterns'themecanbeusedinConnecttemplates.Here'showtodo
that.
1. AddthethemetothetopoftheJSONontheSourcetaboftheChartPropertiesdiaog.For
example:
{ "theme": "light",
...
ThissettingoverridesanycolorsettingsmadeintheChartScriptwizardandontheothertabsof
theChartPropertiesdialog.
2. The'light'themerequiresnoothersettings.Fortheotherthemesyouwillhavetomanuallyset
thebackgroundcoloroftheDivelementthatholdsthechart:
A. SwitchtotheDesignmode.
B. Right-clickthechartareaandselectBox...fromthecontextualmenu.
C. OntheBackgroundtab,settheColorto:
l
#282828forthe'dark'themeandthe'chalk'theme
l
#222222forthe'black'theme
3. Finally,the'chalk'themerequiresaddingaremotestylesheetwiththisURL:'https://-
fonts.googleapis.com/css?family=Covered+By+Your+Grace'toyourtemplate.See"Usinga
remotestylesheet"onpage674.
COTG Elements
WiththeDesigneryoucancreateCaptureOnTheGotemplates.COTGtemplatesareusedtogenerate
formsfortheCaptureOnTheGomobileapplication.ThistopicisaboutCaptureOnTheGoformele-
ments.Formoreinformationabouttheapplicationrefertothesewebsites:CaptureOnTheGoandCap-
tureOnTheGointheResourceCenter.
CaptureOnTheGo(COTG)elementscanonlybeaddedwithinaFormelementinaWebcontext;see
"COTGForms"onpage516.ForinformationabouthowtoaddanduseCOTGElements,see"Using
COTGElements"onpage536.
ItisalsopossibletoaddCOTGElementsdynamically,tosetdefaultsforCOTGelementsandtoreact
tocustomeventsthatoccurwhenauserinteractswithaCOTGelement.Formoreinformationsee:
"UsingtheCOTGplugin"onpage545and"DynamicallyaddingCOTGwidgets"onpage548.
Page 633