2022.2

l
Child(optional):Whenspecified,theCopyFitfeaturewillonlybeappliedtothegivenchild
element(anelementinsidetheBoxorDiv).SpecifytheelementbygivingitsID,for
example:#product,orclass,forexample:.product-notethedot.
ColorPicker
TheColorPickerdialogappearswhencreatingacolorintheformattingdialogsofcertainelements,for
examplebordercolorsinboxesandparagraphs.Forinformationabouthowtodefineandapplycolors
andhowtokeepthemconsistentindifferentoutputchannels,see"Colors"onpage288.
Thedialogconsistsoftwomainparts.Ontheleftisthecolorwheelthatcanbeusedtoselectacolor
huebyclickinganywhereonthatwheel.Totherightofthecolorwheelthereisaverticalbarusedto
selectthecolorsaturation.Atthetop-right,twocolorsareshown:theNewboxdisplaysthecurrently
selectedcolor,whiletheOriginalshowsthecolorcurrentlyattributedtotheelement.
Therestofthedialoghasvariousoptionsforchoosingcolors:
l
Color Mode:Usethedrop-downtoselectwhetherthecolorissetasRGB,CMYKorHEX.The
colormodedetermineshowthecolorissavedintheformattingproperties,andhowtheyareprin-
tedoroutputted;see"Colors"onpage288.
l
RGB group:EntertheRed,GreenandBluecolorvaluesfrom0to255.
l
HEX:EnteravalidHTMLHexColor.
l
Theeye dropperletsyouselectacolorfromanywhereonyourdesktop.Toopenit,clicktheeye
dropperbutton nexttotheHEXcolorfield.
l
CMYK group(suitableforPrintoutputonly):EntertheCyan,Magenta,YellowandBlackcolor
valuesfrom0to100percent.
Note: Wheneveronevaluewithinthisdialogischanged,alltheothervaluesareadjustedtoits
equivalent.
ColorsProperties
TheColorsPropertiesdefinesandsetsnamedcolorsusedinthetemplate;see"Colors"onpage288.
Namedcolorscanbeusedthroughoutthetemplates,inallcontexts.Theyarevisibleincolorselector
dialogsanduseablewiththeirnamesinstylesheets;see"Stylingandformatting"onpage260.
l
Color Type Selector:Clickandusethedrop-downtodisplaywhichcolortypestoshowinthe
list:All,RGB,CMYKorSpotcolors.
l
Color List:Displaysthecolors,filteredusingtheColorTypeSelector.
l
New:CreateanewcolorusingtheEdit Colordialog(seebelowandsee"Colors"onpage288).
Page 438