2022.2

ol.salesitems > li ~contents.
ClickanyoftheelementsintheBreadcrumbstoselectthatelement.Ifanelementisselectedin
theBreadcrumbsandtheBackspacekeyispressed,thatelementisdeleted.
Click~contentstoselectthecontentsoftheelement.Thiswayyoumay,forexample,quickly
changethetextofahyperlink.
l
UsingtheOutlinepane.YoucanfindthispanenexttotheResourcespane.Itdisplaysatree
viewoftheelementsinthefile.Clickanelementinthetreeviewtoselectit.
Deleting an element
Todeleteanelement,selectit-asdescribedabove-andpresstheDeletekey.
Ifthedeletedelementwastargetedbyascript,youwillbeaskedifyouwanttodeletethescriptaswell.
Scriptsareusedtopersonalizetemplates.Tostartlearningmoreaboutscripts,see"Personalizingcon-
tent"onpage708and"Writingyourownscripts"onpage808.
Styling and formatting an element
Formatelementsdirectly
Imagesandothergraphicalelementscanberesizedbyclickingonthemanddraggingtheresize
handles.Therearetoolbarbuttonstocolor,indentorstyletext.Othertoolbarbuttonscanleft-align,
right-align,orrotategraphicalelements.
Thetoolbarbuttonsonlyrepresentaselectionoftheformattingoptionsforeachelement.Thereareno
toolbarbuttonstochangeanelement'smargins,ortoaddabordertoit,forexample.Toaccessall
formattingpropertiesofanelement,youhavetoopentheFormattingdialog.Therearetwowaystodo
this:
l
Right-clicktheelementandselectthetypeofelementontheshortcutmenu.
l
Selecttheelement(see"Selectinganelement"onthepreviouspage)andselectthetypeofele-
mentontheFormatmenu.
See"Stylingandformatting"onpage671formoreinformationabouttheformattingoptions.
FormatelementsviaCascadingStyleSheets(CSS)
Itishighlyrecommendedtousestylesheetsintemplatesrightfromthestart.Evenmoresoifthecom-
municationsaregoingtobeoutputtodifferentoutputchannels,oriftheyconsistofdifferentsections
(forexample,acoveringletterfollowedbyapolicy).UsingCSSwithtemplatesallowsaconsistentlook
andfeeltobeapplied.Astylesheetcanchangethelookofmultipleelements,makingitunnecessaryto
formateachandeveryelementinthetemplate,timeandagain,whenthecompany'slayoutpref-
erenceschange.See"StylingtemplateswithCSSfiles"onpage672.
Page 571