2022.2

Table Of Contents
Alockicondisplayednexttothefilenameindicatesthatthefileisread-only.Savingaread-onlyfile
openstheSaveasdialog,allowingyoutosavethefileunderadifferentname.Thenewfileisthen
openedandcanbeeditedintheDesigner.
Foranoverviewofkeyboardshortcuts,see"Keyboardshortcuts"onpage953.
Design tab
TheDesigntabshowsthetemplateincludingallstyles,textandimagesaswellastheplaceholders
usedforvariabledata.Inthistab,thetemplate'sscriptsarenotexecutedandonlyplaceholdersare
shown.
NormallyyouwouldonlyeditatemplateinDesignmode.
ThetopoftheDesigntabcontainsanareawiththefollowingoptionsandbuttons:
l
Breadcrumbs:Displaystheelementtypewherethecursorislocatedandanyofitsparentele-
ments.ElementswithclassesorIDsshowthesedetailsnexttothem,forinstancediv #con-
tents > ol.salesitems > li.ClickonanelementintheBreadcrumbstoselectit.
WhenanelementisselectedinthebreadcrumbsandtheBackspaceorDeletekeyispressed,
thatelementisdeleted.
Ifthedeletedelementwastargetedbyascript,youwillbeaskedifyouwanttodeletethescript
aswell.
l
Context Selector:Displaysthecurrentcontext.Thedrop-downlistsavailablecontexts.Clicking
onacontextswitchestothatcontext.
l
Section Selector:Displaysthecurrentlyactivesection.Clickingonanothersectionswitchesto
thatsection.
l
Media Selector(MasterPageeditoronly):DisplaysalistofMediaresources.Clickingona
mediawilldisplayitsVirtualStationerybackgroundwhileinPreviewmode.
l
Zoom Level:Displaysthecurrentzoomlevelanddrops-downtochangethelevel.
l
Buttons
l
Zoom in:Zoomsinby25%
l
Zoom out:Zoomsoutby25%
l
Actual Size:Zoomsto100%.
l
Fit Width:Adjustszoomtofittheexactwidthofthetemplatetotheavailableworkspace.
l
Refresh:Reloadstheview,includingstaticexternalimagesandremotestylesheets,and
re-runsthescripts(thelatterinPreviewModeonly).
Page 988