2022.2

TheseclassescanbeusedtostylethetableofcontentswithCSS.TheprinciplesofstylingwithCSS
areexplainedinanothertopic:"StylingtemplateswithCSSfiles"onpage261.
AddthefollowingstylestothestylesheetforthePrintcontext(see"Step1:editCSS"onpage265)to
alignthepagenumbertotherightandfillthespacebetweenthetextandthepagenumberwithleader
dots.
p.toc-entry {
display: flex;
margin: 0 0 0.25em 0;
}
p.toc-entry .text {
flex-shrink: 0;
}
p.toc-entry .dots {
flex-shrink: 1;
white-space: nowrap;
overflow: hidden;
text-overflow: clip;
}
p.toc-entry .dots::after {
font-weight: normal;
content: ". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . . ";
}
p.toc-entry .number {
flex-shrink: 1;
text-align: right;
font-weight: bold;
}
ThesestylesmakeuseoftheCSSFlexboxLayoutModule.Formoreinformationaboutthat,see
W3schools:CSSFlexbox.
Translating templates
OLConnecthasabuilt-infeaturetoautomaticallygenerateoutputandpreviewsfromonetemplatein
differentlanguages,andtopluralizecertainwordsintheoutput.
WhenOLConnectgeneratesoutputorcreatesapreviewforatemplate,itlooksforatranslationfile
thatmatchesthecurrent"Locale"onpage295.Ifthereisone,OLConnectusesittolocalizeanyele-
mentsthataretaggedfortranslation,andtopluralizewordsasindicated.
Forthisfeaturetowork,atemplateneedstohave:
l
Contentthatistagged for translation(see:"Taggingelementsfortranslation"onthenextpage)
and,optionally,pluralization(see"Pluralization"onpage420).
l
Oneormoretranslation files(.po).Eachfilegivestranslationsinonelanguage.
ThefilesthatholdtheactualtranslationsarenotmadeintheDesigner.Theycanbemadeinanytrans-
lationtoolthatacceptsa.potfileasinput,andoutputs.pofiles.
Page 415