2022.2

:nth-child(odd)matcheschildelements1,3,5,7,etc.Thekeywordodd substitutestheexpres-
sion2n+1,whichinotherwordssays:'takeeverysecondelement,startingat1'.
:nth-child(even)matcheschildelements2,4,6,8,etc.Thekeywordeven substitutestheexpres-
sion2n+0,orsimply2n.
:nth-child(3n)matcheschildelements3,6,9,12etc.
:nth-child(3n+1)matcheschildelements1,4,7,10etc.,soeverythirdelement,startingat1.
Viascript(basedonadatafieldvalue)
Tostyleatable,roworcellbasedonadatafieldvalue,youhavetowriteascript(see"Writingyourown
scripts"onpage368).
FirstaddanIDorclasstothetable,roworcellthatneedstobestyled:selecttheelement(see"Select-
ingatable,roworcell"onpage278)andaddanIDontheAttributespane.Thencreateascript,using
thatIDorclassasthescript'sselector.Thescriptcanbeverysimple:
if (record.fields.COUNTRY == 'CANADA') {
results.css('color','green');
}
TheDesignerScriptsAPIprovidesseveralfunctionstostyleelements,forexamplecss(),hasClass
()andaddClass()(see"StandardScriptAPI"onpage715).
ForinformationregardingscriptsforDynamic Tables,see"UsingscriptsinDynamicTables"on
page395.
Styling an image
Justlikemanyotherelements,imagescanbegivenbordersandroundedcorners,andtheycanbe
rotated.Howtodothisisn'tanydifferentfromthewayitisdonewithotherelements,soitisn't
describedinthistopic,butingeneralformattingtopics;see"Stylingandformatting"onpage260.
Thistopicdiscussesspecificimageformattingissues.
NotethatimagecharacteristicslikebrightnessandcontrastcannotbechangedwithintheDesigner.
Localformattingvs.stylesheets
Justasotherelements,imagescanbestyledintwoways:
l
Withlocal formatting.Thismeansstylingtheimagedirectly,usingtheFormattingdialog.
l
ViaCascading Style Sheets(CSS).Inastylesheet,stylerulesaredeclaredforelementswith
differentHTMLtags,ID'sandclasses.
See"Stylingandformatting"onpage260forbackgroundinformationaboutthesetwomethods.
Page 281